:root{--ld-bg: #ffffff;--ld-bg1: #fafafa;--ld-bg2: #f5f5f5;--ld-bg3: #ebebeb;--ld-fg: #141414;--ld-fg2: #5c5c5c;--ld-fg3: #8c8c8c;--ld-fg4: #c7c7c7;--ld-border: rgba(0,0,0,.08);--ld-border2: rgba(0,0,0,.14);--ld-accent: #3b82f6;--ld-ease: cubic-bezier(.25, .46, .45, .94);--ld-ease-out: cubic-bezier(.16, 1, .3, 1);--ld-font: "Stack Sans Notch", "Inter", -apple-system, sans-serif;--ld-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace}*{box-sizing:border-box;margin:0;padding:0}.ld{background:var(--ld-bg);color:var(--ld-fg);font-family:var(--ld-font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.ld-rule{width:100%;height:1px;background:var(--ld-border)}.ld-brand{display:inline-flex;align-items:baseline;gap:3px;text-decoration:none}.ld-brand-gb{font-family:"Jacquard 12",monospace;font-size:1.45rem;font-weight:400;color:var(--ld-fg);letter-spacing:-.02em}.ld-brand-word{font-family:var(--ld-font);font-size:.9rem;font-weight:600;color:var(--ld-fg2);letter-spacing:.02em}.ld-nav{display:flex;align-items:center;padding:18px 40px;position:sticky;top:0;z-index:200;background:#ffffffeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--ld-border)}.ld-nav-links{display:flex;align-items:center;margin-left:auto}.ld-navlink{color:var(--ld-fg2);text-decoration:none;font-size:13px;letter-spacing:.03em;padding:6px 16px;transition:color .15s}.ld-navlink:hover{color:var(--ld-fg)}.ld-nav-right{display:flex;align-items:center;gap:4px;margin-left:16px}.ld-nav-cta{color:var(--ld-fg);text-decoration:none;font-size:13px;letter-spacing:.03em;padding:6px 16px;border-bottom:1px solid var(--ld-fg);transition:opacity .15s}.ld-nav-cta:hover{opacity:.6}.ld-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ld-fg3);font-family:var(--ld-mono);margin-bottom:28px}.ld-h1{font-size:clamp(3.2rem,5.5vw,5.2rem);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--ld-fg);margin-bottom:28px}.ld-h1-em{font-style:italic;opacity:.35}.ld-h2{font-size:clamp(2rem,3.2vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--ld-fg);margin-bottom:14px}.ld-h2-dim{color:var(--ld-fg3);font-style:italic}.ld-hero-sub,.ld-section-sub{font-size:15px;color:var(--ld-fg2);line-height:1.75;max-width:400px}.ld-hero-ctas{display:flex;align-items:center;gap:28px;margin-top:36px}.ld-cta-link{color:var(--ld-fg);text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.02em;border-bottom:1px solid var(--ld-fg);padding-bottom:2px;transition:opacity .15s}.ld-cta-link:hover{opacity:.55}.ld-cta-link--lg{font-size:18px}.ld-quiet-link{color:var(--ld-fg3);text-decoration:none;font-size:14px;border-bottom:1px solid var(--ld-fg3);padding-bottom:2px;transition:color .15s}.ld-quiet-link:hover{color:var(--ld-fg2);border-color:var(--ld-fg2)}.ld-section-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ld-fg3);font-family:var(--ld-mono);margin-bottom:20px}.ld-s1{position:relative;height:180vh;overflow:hidden}.ld-s1-sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;padding:80px 40px;max-width:1400px;margin:0 auto;z-index:1}.ld-s1-left{transform:translateY(calc(var(--sp, 0) * -16px));opacity:calc(1 - var(--sp, 0) * .5);transition:transform .05s linear,opacity .05s linear;will-change:transform,opacity}.ld-s1-right{transform:perspective(900px) rotateX(calc(var(--sp, 0) * -2.5deg)) scale(calc(1 + var(--sp, 0) * .07));transition:transform .05s linear;will-change:transform}.ld-hero-mark{font-family:"Jacquard 12",monospace;font-size:clamp(160px,20vw,320px);font-weight:400;color:#00000008;line-height:.8;user-select:none;pointer-events:none;position:absolute;right:-10px;bottom:60px;letter-spacing:-.05em;z-index:0}.ld-mock{display:flex;flex-direction:column;overflow:hidden;font-family:var(--ld-font);font-size:12px;background:#f5f5f7;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 1px 3px #0000000f,0 8px 48px #0000001a,0 32px 80px #0000000f;max-height:560px}.ld-mock-topnav{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:40px;background:#fff;border-bottom:1px solid #ebebeb;flex-shrink:0;border-radius:10px 10px 0 0}.ld-mock-topnav-left{display:flex;align-items:center;gap:0;height:100%}.ld-mock-logo{display:flex;align-items:baseline;gap:0;padding-right:10px;margin-right:6px}.ld-mock-logo-gb{font-family:"Jacquard 12",monospace;font-size:1.1rem;font-weight:400;color:#141414;line-height:1}.ld-mock-logo-mail{font-size:.7rem;font-weight:600;color:#5c5c5c}.ld-mock-logo-sep{width:1px;height:20px;background:#ebebeb;flex-shrink:0;margin-right:4px}.ld-mock-folders{display:flex;align-items:center;gap:0;height:100%}.ld-mock-folder{display:flex;align-items:center;gap:4px;padding:0 7px;height:100%;font-size:10.5px;font-weight:500;color:#5c5c5c;font-family:var(--ld-font);border-bottom:2px solid transparent;cursor:default}.ld-mock-folder.is-active{color:#141414;font-weight:600;border-bottom-color:#141414}.ld-mock-folder-unread{font-size:8px;font-weight:700;background:#141414;color:#fff;padding:1px 4px;border-radius:7px;min-width:14px;text-align:center}.ld-mock-topnav-right{display:flex;align-items:center;gap:8px}.ld-mock-compose{display:inline-flex;align-items:center;gap:4px;background:#141414;color:#fff;font-size:10px;font-weight:600;padding:4px 10px;border-radius:5px;font-family:var(--ld-font);letter-spacing:.03em;cursor:default}.ld-mock-user{width:24px;height:24px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#5c5c5c}.ld-mock-mbtabs{display:flex;align-items:center;gap:0;padding:0 12px;height:32px;background:#f2f2f2;border-bottom:1px solid #ebebeb;flex-shrink:0;overflow-x:auto}.ld-mock-mbtab{display:flex;align-items:center;gap:4px;padding:0 9px;height:100%;font-size:10px;font-weight:500;color:#8c8c8c;font-family:var(--ld-font);border-bottom:2px solid transparent;white-space:nowrap;cursor:default}.ld-mock-mbtab.is-active{color:#141414;font-weight:600;border-bottom-color:#141414}.ld-mock-mbdiv{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#c7c7c7;padding:0 7px;font-weight:600}.ld-mock-mb-unread{font-size:7px;font-weight:700;background:#00000014;padding:1px 4px;border-radius:5px;color:#5c5c5c}.ld-mock-ov{flex:1;overflow-y:auto;padding:24px 28px 36px;background:#f5f5f7;min-height:0;font-family:var(--ld-font);color:#1d1d1f}.ld-mock-ov-hero{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.ld-mock-ov-hero-left{display:flex;flex-direction:column;gap:3px}.ld-mock-ov-hero-title{font-size:1.2rem;font-weight:600;letter-spacing:-.03em;color:#1d1d1f;line-height:1.2}.ld-mock-ov-hero-sub{font-size:11px;color:#86868b;font-weight:400}.ld-mock-ov-refresh{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:7px;color:#86868b;flex-shrink:0;margin-top:3px;box-shadow:0 1px 3px #0000000f;cursor:default}.ld-mock-ov-personal{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.ld-mock-ov-personal-hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;gap:8px;border-bottom:1px solid rgba(0,0,0,.08)}.ld-mock-ov-personal-left{display:flex;align-items:center;gap:7px;min-width:0}.ld-mock-ov-personal-dot{width:7px;height:7px;border-radius:50%;background:#6366f1;flex-shrink:0}.ld-mock-ov-personal-name{font-size:12px;font-weight:600;color:#1d1d1f;letter-spacing:-.01em}.ld-mock-ov-personal-addr{font-size:10px;font-family:var(--ld-mono);color:#86868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-mock-ov-personal-rows{display:flex;flex-direction:column}.ld-mock-ov-unread-pill{flex-shrink:0;font-size:9px;font-weight:700;font-family:var(--ld-mono);color:#fff;background:#1d1d1f;padding:2px 6px;border-radius:20px;line-height:1.4}.ld-mock-ov-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#86868b;margin-bottom:8px}.ld-mock-ov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.ld-mock-ov-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.ld-mock-ov-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px);border-color:#0000001f}.ld-mock-ov-card-hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 11px 8px;gap:6px;border-bottom:1px solid rgba(0,0,0,.08)}.ld-mock-ov-card-hdr-left{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.ld-mock-ov-card-dot{width:7px;height:7px;border-radius:50%;background:var(--card-dot, #86868b);flex-shrink:0}.ld-mock-ov-card-name{font-size:11px;font-weight:600;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.ld-mock-ov-card-rows{display:flex;flex-direction:column}.ld-mock-ov-row{display:flex;align-items:center;width:100%;border-top:1px solid rgba(0,0,0,.06);min-width:0;position:relative}.ld-mock-ov-personal-rows .ld-mock-ov-row:first-child{border-top:none}.ld-mock-ov-row-indicator{flex-shrink:0;width:2px;align-self:stretch;background:#1d1d1f}.ld-mock-ov-row-sender{flex-shrink:0;width:58px;padding:7px 4px 7px 11px;font-size:10px;font-weight:500;color:#515154;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ld-mock-ov-row.is-unread .ld-mock-ov-row-sender{font-weight:600;color:#1d1d1f}.ld-mock-ov-personal-rows .ld-mock-ov-row-sender{width:68px;padding-left:14px}.ld-mock-ov-row-subject{flex:1;min-width:0;padding:7px 4px;font-size:10px;color:#86868b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ld-mock-ov-row.is-unread .ld-mock-ov-row-subject{color:#515154}.ld-mock-ov-row-time{flex-shrink:0;width:30px;text-align:right;padding:7px 10px 7px 3px;font-size:9px;font-family:var(--ld-mono);color:#86868b}.ld-member{width:22px;height:22px;border-radius:50%;background:var(--ld-bg3);border:1px solid var(--ld-border2);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;color:var(--ld-fg2)}.ld-stats{display:flex;align-items:center;justify-content:center;padding:52px 40px;max-width:1400px;margin:0 auto;width:100%}.ld-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ld-ease-out) calc(var(--i, 0) * 80ms),transform .5s var(--ld-ease-out) calc(var(--i, 0) * 80ms)}.ld-stat.is-on{opacity:1;transform:translateY(0)}.ld-stat-n{font-family:var(--ld-mono);font-size:clamp(1.4rem,2.2vw,2rem);font-weight:700;color:var(--ld-fg);letter-spacing:-.02em}.ld-stat-l{font-size:11px;color:var(--ld-fg3);letter-spacing:.05em;text-transform:uppercase}.ld-stat-sep{width:1px;height:36px;background:var(--ld-border);flex-shrink:0}.ld-trial-strip{border-top:1px solid var(--ld-border);border-bottom:1px solid var(--ld-border);background:#fafafa}.ld-trial-inner{max-width:1400px;margin:0 auto;padding:64px 40px;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.ld-trial-eyebrow{font-family:var(--ld-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ld-fg3);margin:0 0 16px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ld-ease-out) .05s,transform .5s var(--ld-ease-out) .05s}.ld-trial-h{font-family:var(--ld-font);font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:700;color:var(--ld-fg);line-height:1.15;letter-spacing:-.03em;margin:0 0 18px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ld-ease-out) .1s,transform .5s var(--ld-ease-out) .1s}.ld-trial-sub{font-size:14px;color:var(--ld-fg2);line-height:1.65;margin:0;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ld-ease-out) .15s,transform .5s var(--ld-ease-out) .15s}.ld-trial-cta{display:flex;flex-direction:column;align-items:flex-start;gap:20px;opacity:0;transform:translate(12px);transition:opacity .5s var(--ld-ease-out) .2s,transform .5s var(--ld-ease-out) .2s}.ld-trial-btn{display:inline-block;background:var(--ld-fg);color:#fff;font-family:var(--ld-font);font-size:14px;font-weight:600;letter-spacing:.01em;padding:13px 26px;border-radius:6px;text-decoration:none;white-space:nowrap;transition:opacity .2s}.ld-trial-btn:hover{opacity:.82}.ld-trial-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.ld-trial-perks li{font-size:12px;color:var(--ld-fg3);display:flex;align-items:center;gap:7px}.ld-trial-perks li:before{content:"✓";color:var(--ld-fg);font-weight:700;font-size:11px}.ld-trial-strip.is-on .ld-trial-eyebrow,.ld-trial-strip.is-on .ld-trial-h,.ld-trial-strip.is-on .ld-trial-sub,.ld-trial-strip.is-on .ld-trial-cta{opacity:1;transform:none}.ld-s2{padding:96px 40px;max-width:1400px;margin:0 auto}.ld-s2-inner{display:grid;grid-template-columns:340px 1fr;gap:72px;align-items:start}.ld-s2-mockup-wrap{opacity:0;transform:translate(28px);transition:opacity .7s var(--ld-ease-out),transform .7s var(--ld-ease-out)}.ld-s2-mockup-wrap.is-on{opacity:1;transform:translate(0)}.ld-s3{padding:96px 40px;max-width:1400px;margin:0 auto}.ld-s3-inner{display:grid;grid-template-columns:1fr 340px;gap:72px;align-items:start}.ld-s3-mockup-wrap{opacity:0;transform:translate(-28px);transition:opacity .7s var(--ld-ease-out),transform .7s var(--ld-ease-out)}.ld-s3-mockup-wrap.is-on{opacity:1;transform:translate(0)}.ld-s3-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.ld-s4{padding:96px 40px;max-width:1400px;margin:0 auto}.ld-s4-inner{display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}.ld-s4-matrix{border:1px solid var(--ld-border);background:var(--ld-bg);overflow:hidden}.ld-s4-hdr{display:grid;grid-template-columns:1fr repeat(3,80px);padding:10px 16px 8px;border-bottom:1px solid var(--ld-border)}.ld-s4-hdr-role{font-size:11px;font-weight:600;color:var(--ld-fg2);text-align:center;letter-spacing:.04em}.ld-s4-row{display:grid;grid-template-columns:1fr repeat(3,80px);padding:9px 16px;border-bottom:1px solid var(--ld-border);align-items:center;opacity:0;transform:translateY(10px);transition:opacity .4s var(--ld-ease-out) calc(var(--i, 0) * 55ms),transform .4s var(--ld-ease-out) calc(var(--i, 0) * 55ms)}.ld-s4-row:last-child{border-bottom:none}.ld-s4-matrix.is-revealed .ld-s4-row{opacity:1;transform:translateY(0)}.ld-s4-feat{font-size:12px;color:var(--ld-fg2)}.ld-s4-cell{display:flex;align-items:center;justify-content:center}.ld-s4-cell.has{color:var(--ld-accent)}.ld-s4-dash{color:var(--ld-fg4);font-size:14px}.ld-s5{padding:96px 40px;max-width:1400px;margin:0 auto}.ld-s5-eyebrow{margin-bottom:56px;max-width:560px}.ld-s5-panels{display:grid;grid-template-columns:1fr 1fr;gap:32px}.ld-s5-panel{border:1px solid var(--ld-border);background:var(--ld-bg);padding:0;overflow:hidden;transition:opacity .65s var(--ld-ease-out),transform .65s var(--ld-ease-out)}.ld-s5-panel--personal{opacity:0;transform:translate(-20px)}.ld-s5-panel--shared{opacity:0;transform:translate(20px);transition-delay:.12s}.ld-s5-panel.is-on{opacity:1;transform:translate(0)}.ld-s5-panel-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ld-fg3);font-family:var(--ld-mono);padding:12px 16px 8px;border-bottom:1px solid var(--ld-border)}.ld-s5-mini-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px;border-bottom:1px solid var(--ld-border);font-size:13px;font-weight:600;color:var(--ld-fg)}.ld-s5-badge-blue{font-size:10px;background:var(--ld-accent);color:#fff;padding:1px 5px;border-radius:8px;font-weight:600}.ld-s5-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--ld-border);opacity:0;transform:translateY(8px);transition:opacity .45s var(--ld-ease-out) calc(var(--i, 0) * 70ms + .2s),transform .45s var(--ld-ease-out) calc(var(--i, 0) * 70ms + .2s)}.ld-s5-panel.is-on .ld-s5-row{opacity:1;transform:translateY(0)}.ld-s5-row-av{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.ld-s5-row-info{flex:1;min-width:0}.ld-s5-row-from{font-size:11px;color:var(--ld-fg2)}.ld-s5-row-subj{font-size:12px;color:var(--ld-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-s5-row-time{font-size:10px;color:var(--ld-fg3);flex-shrink:0}.ld-s5-enc-note{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ld-accent);padding:10px 16px;border-top:1px solid var(--ld-border);font-family:var(--ld-mono);letter-spacing:.04em}.ld-s5-inbox-row{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--ld-border);opacity:0;transform:translateY(8px);transition:opacity .45s var(--ld-ease-out) calc(var(--i, 0) * 70ms + .2s),transform .45s var(--ld-ease-out) calc(var(--i, 0) * 70ms + .2s)}.ld-s5-panel.is-on .ld-s5-inbox-row{opacity:1;transform:translateY(0)}.ld-s5-inbox-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ld-s5-inbox-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.ld-s5-inbox-addr{font-family:var(--ld-mono);font-size:11px;color:var(--ld-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-s5-inbox-dept{font-size:10px;color:var(--ld-fg3)}.ld-s5-inbox-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.ld-s5-unread{font-size:10px;color:var(--ld-accent);border:1px solid rgba(59,130,246,.25);padding:1px 6px;border-radius:3px;font-family:var(--ld-mono)}.ld-s5-add{font-size:11px;color:var(--ld-fg3);padding:10px 16px;border-top:1px solid var(--ld-border);font-family:var(--ld-mono);letter-spacing:.03em}.ld-s6{padding:96px 40px;max-width:1400px;margin:0 auto}.ld-s6-inner{display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}.ld-s6-cards{display:flex;flex-direction:column;gap:0;border:1px solid var(--ld-border);background:var(--ld-bg);overflow:hidden}.ld-s6-card{padding:12px 16px;border-bottom:1px solid var(--ld-border);display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ld-ease-out) calc(var(--i, 0) * 80ms),transform .5s var(--ld-ease-out) calc(var(--i, 0) * 80ms)}.ld-s6-cards.is-on .ld-s6-card{opacity:1;transform:translateY(0)}.ld-s6-card:last-child{border-bottom:none}.ld-s6-card--target{background:#3b82f60a;border-left:2px solid var(--ld-accent)}.ld-s6-card-top{display:flex;align-items:center;gap:10px}.ld-s6-card-info{flex:1;min-width:0}.ld-s6-card-from{font-size:11px;color:var(--ld-fg2)}.ld-s6-card-subj{font-size:12px;color:var(--ld-fg);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-s6-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.ld-s6-status{position:relative;height:18px;font-size:11px}.ld-s6-status-before{color:var(--ld-fg3);position:absolute;transition:opacity .35s var(--ld-ease) .3s,transform .35s var(--ld-ease) .3s}.ld-s6-status-after{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ld-fg);opacity:0;transform:translateY(6px);position:absolute;white-space:nowrap;transition:opacity .4s var(--ld-ease-out) .55s,transform .4s var(--ld-ease-out) .55s}.ld-s6-cards.is-on .ld-s6-status-before{opacity:0;transform:translateY(-6px)}.ld-s6-cards.is-on .ld-s6-status-after{opacity:1;transform:translateY(0)}.ld-s6-chip{font-size:10px;padding:2px 8px;border-radius:2px;border:1px solid var(--ld-border);color:var(--ld-fg3);font-family:var(--ld-mono);flex-shrink:0;transition:background .3s var(--ld-ease) .6s,color .3s var(--ld-ease) .6s,border-color .3s var(--ld-ease) .6s}.ld-s6-cards.is-on .ld-s6-card--target .ld-s6-chip.is-on{background:#3b82f614;border-color:#3b82f640;color:var(--ld-accent)}.ld-s6-assigned{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ld-fg2)}.ld-s6-unassigned{font-size:11px;color:var(--ld-fg3)}.ld-features{padding:96px 40px;max-width:1400px;margin:0 auto}.ld-features-intro{margin-bottom:60px}.ld-features-sub{font-size:15px;color:var(--ld-fg2);max-width:440px;margin-top:12px}.ld-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--ld-border)}.ld-feat{padding:32px 28px;border-right:1px solid var(--ld-border);border-bottom:1px solid var(--ld-border);display:flex;flex-direction:column;gap:10px}.ld-feat:nth-child(3n){border-right:none}.ld-feat:nth-child(4),.ld-feat:nth-child(5),.ld-feat:nth-child(6){border-bottom:none}.ld-feat-n{font-family:var(--ld-mono);font-size:11px;color:var(--ld-fg3);letter-spacing:.08em}.ld-feat-title{font-size:15px;font-weight:600;color:var(--ld-fg);letter-spacing:-.01em}.ld-feat-body{font-size:13px;color:var(--ld-fg2);line-height:1.65}.ld-inbox-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:80px 40px;max-width:1400px;margin:0 auto}.ld-inbox-sub{font-size:15px;color:var(--ld-fg2);line-height:1.7;max-width:380px;margin-top:16px;margin-bottom:32px}.ld-price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.ld-price-amt{font-size:clamp(2rem,2.8vw,2.6rem);font-weight:700;letter-spacing:-.03em;font-family:var(--ld-mono);color:var(--ld-fg)}.ld-price-per{font-size:1rem;color:var(--ld-fg2)}.ld-price-note{font-size:12px;color:var(--ld-fg3);margin-bottom:24px}.ld-inbox-checklist{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:24px}.ld-inbox-checklist li{font-size:13px;color:var(--ld-fg2);display:flex;align-items:flex-start;gap:8px}.ld-inbox-checklist li:before{content:"—";color:var(--ld-fg3);flex-shrink:0}.ld-mboxes{display:flex;flex-direction:column;border:1px solid var(--ld-border)}.ld-mbox-row{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--ld-border);transition:background .12s}.ld-mbox-row:last-child{border-bottom:none}.ld-mbox-row:hover{background:var(--ld-bg1)}.ld-mbox-num{font-family:var(--ld-mono);font-size:11px;color:var(--ld-fg3);width:24px;flex-shrink:0}.ld-mbox-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ld-mbox-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.ld-mbox-addr{font-family:var(--ld-mono);font-size:12px;color:var(--ld-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-mbox-dept{font-size:11px;color:var(--ld-fg3)}.ld-mbox-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ld-mbox-members{display:flex;gap:3px}.ld-mbox-unread{font-size:10px;color:var(--ld-accent);border:1px solid rgba(59,130,246,.25);padding:1px 7px;border-radius:3px;font-family:var(--ld-mono)}.ld-compare{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:80px 40px;max-width:1400px;margin:0 auto;align-items:start}.ld-compare-body{font-size:15px;color:var(--ld-fg2);line-height:1.7;margin-top:20px;margin-bottom:32px}.ld-blockquote{font-size:17px;font-style:italic;color:var(--ld-fg3);line-height:1.55;border-left:2px solid var(--ld-border2);padding-left:20px}.ld-cmp-table{width:100%;border-collapse:collapse;font-size:13px}.ld-cmp-th-feat{padding:10px 16px 10px 0;text-align:left;font-size:11px;color:var(--ld-fg3);letter-spacing:.06em;text-transform:uppercase;width:55%}.ld-cmp-th-bad,.ld-cmp-th-good{padding:10px 16px;text-align:center;font-size:12px;font-weight:600;border-bottom:1px solid var(--ld-border)}.ld-cmp-th-bad{color:var(--ld-fg3)}.ld-cmp-th-good{color:var(--ld-fg)}.ld-cmp-row td{padding:11px 0;border-bottom:1px solid var(--ld-border)}.ld-cmp-feat{font-size:13px;color:var(--ld-fg2);padding-right:12px}.ld-cmp-val-bad,.ld-cmp-val-good{text-align:center;padding:11px 16px}.ld-yes{color:var(--ld-fg);font-weight:600}.ld-no{color:var(--ld-fg3)}.ld-cmp-val-good .ld-yes{color:#16a34a}.ld-s7{background:#141414;position:relative;overflow:hidden;padding:120px 40px}.ld-s7-inner{max-width:700px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;opacity:0;transform:translateY(24px);transition:opacity .8s var(--ld-ease-out),transform .8s var(--ld-ease-out)}.ld-s7.is-on .ld-s7-inner{opacity:1;transform:translateY(0)}.ld-s7 .ld-eyebrow{color:#ffffff59}.ld-s7-h{font-size:clamp(2.4rem,4.5vw,4rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;color:#efefef}.ld-s7-sub{font-size:15px;color:#fff9;margin-bottom:4px}.ld-s7 .ld-cta-link{color:#efefef;border-color:#efefef}.ld-s7-note{font-size:12px;color:#ffffff4d;margin-top:4px}.ld-footer{padding:0 40px 40px}.ld-footer-inner{display:flex;align-items:center;gap:32px;padding:24px 0}.ld-footer-links{display:flex;gap:4px;flex-wrap:wrap}.ld-footer-link{color:var(--ld-fg3);text-decoration:none;font-size:12px;padding:4px 12px;transition:color .15s;letter-spacing:.02em}.ld-footer-link:hover{color:var(--ld-fg2)}.ld-footer-copy{font-size:12px;color:var(--ld-fg3);margin-left:auto;flex-shrink:0}.ld-feat-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:28px}.ld-feat-list li{font-size:13px;color:var(--ld-fg2);display:flex;align-items:flex-start;gap:10px}.ld-feat-list li:before{content:"—";color:var(--ld-fg3);flex-shrink:0}.ld-s1-video-wrap{position:absolute;inset:0;z-index:0;overflow:hidden}.ld-s1-video{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.35;filter:grayscale(100%)}.ld-s1-video-overlay{position:absolute;inset:0;background:linear-gradient(to right,#fffffff5,#ffffffbf 40%,#fff3)}.ld-inbox-mock{display:flex;flex-direction:column;overflow:hidden;font-family:var(--ld-font);font-size:12px;background:#f2f2f2;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 1px 3px #0000000f,0 6px 32px #00000017,0 24px 60px #0000000d;max-height:540px}.ld-inbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 6px 10px;background:#fff;border-bottom:1px solid #ebebeb;flex-shrink:0;height:36px;gap:8px}.ld-inbox-toolbar-left{display:flex;align-items:center;gap:10px}.ld-inbox-toolbar-right{display:flex;align-items:center;gap:6px}.ld-inbox-batch-btn,.ld-inbox-sort-btn,.ld-inbox-refresh-btn{background:none;border:none;color:var(--ld-fg3);cursor:default;display:flex;align-items:center;gap:4px;font-family:var(--ld-font);font-size:11px;padding:3px 6px;border-radius:4px}.ld-inbox-count{font-size:11px;color:var(--ld-fg3)}.ld-inbox-count strong{color:var(--ld-fg2);font-weight:600}.ld-inbox-count-sep{margin:0 3px}.ld-inbox-list{flex:1;overflow-y:auto;background:#fff;display:flex;flex-direction:column}.ld-inbox-row{display:flex;align-items:flex-start;gap:8px;padding:9px 12px 9px 10px;border-bottom:1px solid rgba(0,0,0,.05);cursor:default;font-family:var(--ld-font);width:100%;background:none;border-left:2px solid transparent;opacity:0;transform:translateY(6px);transition:opacity .45s var(--ld-ease-out) calc(var(--i, 0) * 55ms),transform .45s var(--ld-ease-out) calc(var(--i, 0) * 55ms)}.ld-s2-mockup-wrap.is-on .ld-inbox-row{opacity:1;transform:translateY(0)}.ld-inbox-row.unread{background:#00000003;border-left-color:var(--ld-fg)}.ld-inbox-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-top:1px}.ld-inbox-star{background:none;border:none;color:var(--ld-fg4);flex-shrink:0;padding:0;margin-top:3px;cursor:default}.ld-inbox-star.starred{color:#eab308}.ld-inbox-content{flex:1;min-width:0}.ld-inbox-top-row{display:flex;align-items:baseline;gap:4px;margin-bottom:1px}.ld-inbox-sender{font-size:11px;font-weight:600;color:var(--ld-fg2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.ld-inbox-row.unread .ld-inbox-sender{color:var(--ld-fg);font-weight:700}.ld-inbox-thread-count{font-size:9px;color:var(--ld-fg3);background:var(--ld-bg3);padding:1px 5px;border-radius:3px;flex-shrink:0;font-family:var(--ld-mono)}.ld-inbox-date{font-size:10px;color:var(--ld-fg3);flex-shrink:0;font-family:var(--ld-mono)}.ld-inbox-row.unread .ld-inbox-date{color:var(--ld-fg2)}.ld-inbox-indicators{display:flex;gap:3px;flex-shrink:0}.ld-inbox-indicator.encrypted{color:var(--ld-accent);display:flex;align-items:center}.ld-inbox-bottom-row{margin-bottom:1px}.ld-inbox-subject{font-size:11.5px;color:var(--ld-fg2);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-inbox-row.unread .ld-inbox-subject{color:var(--ld-fg);font-weight:600}.ld-inbox-preview{font-size:10.5px;color:var(--ld-fg3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.ld-thread-mock{display:flex;flex-direction:column;overflow:hidden;font-family:var(--ld-font);font-size:12px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 1px 3px #0000000f,0 6px 32px #00000017,0 24px 60px #0000000d;max-height:560px}.ld-thread-header{padding:12px 16px 10px;border-bottom:1px solid #ebebeb;flex-shrink:0;background:#fff}.ld-thread-header-row1{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ld-thread-back{background:none;border:none;display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ld-accent);cursor:default;font-family:var(--ld-font);padding:0}.ld-thread-actions{display:flex;gap:6px}.ld-thread-action{background:none;border:1px solid #e0e0e0;border-radius:4px;font-size:10px;padding:3px 10px;color:var(--ld-fg2);cursor:default;font-family:var(--ld-font)}.ld-thread-action.danger{color:#ef4444;border-color:#ef444440}.ld-thread-header-row2{display:flex;align-items:baseline;gap:10px}.ld-thread-subject{font-size:15px;font-weight:600;color:var(--ld-fg);letter-spacing:-.02em;margin:0;line-height:1.25;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-thread-msg-count{font-size:10px;color:var(--ld-fg3);flex-shrink:0;font-family:var(--ld-mono)}.ld-thread-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:#fafafa}.ld-thread-msg{background:#fff;border-bottom:1px solid #ebebeb;padding:14px 16px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ld-ease-out) calc(var(--i, 0) * 90ms + .1s),transform .5s var(--ld-ease-out) calc(var(--i, 0) * 90ms + .1s)}.ld-s3-mockup-wrap.is-on .ld-thread-msg{opacity:1;transform:translateY(0)}.ld-thread-msg:nth-child(1){--i: 0}.ld-thread-msg:nth-child(2){--i: 1}.ld-thread-msg:nth-child(3){--i: 2}.ld-thread-msg.from-me{background:#fafafa}.ld-thread-msg.latest{background:#fff}.ld-thread-msg-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.ld-thread-msg-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.ld-thread-msg-info{flex:1;min-width:0}.ld-thread-msg-sender-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.ld-thread-msg-sender{font-size:12px;font-weight:600;color:var(--ld-fg)}.ld-thread-badge{font-size:9px;font-weight:700;padding:1px 6px;border-radius:3px;font-family:var(--ld-mono);text-transform:uppercase;letter-spacing:.05em}.ld-thread-badge.you{background:#f2f2f2;color:var(--ld-fg3)}.ld-thread-badge.new{background:#3b82f61a;color:var(--ld-accent)}.ld-thread-msg-meta{display:flex;align-items:center;gap:8px}.ld-thread-msg-date{font-size:10px;font-family:var(--ld-mono);color:var(--ld-fg3)}.ld-thread-msg-recipients{font-size:10px;color:var(--ld-fg3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-thread-expand{flex-shrink:0;color:var(--ld-fg4);margin-top:3px}.ld-thread-msg-body{padding-left:40px;font-size:12px;line-height:1.65;color:var(--ld-fg2)}.ld-thread-msg-body p{margin-bottom:4px}.ld-thread-msg-body p:last-child{margin-bottom:0}@media(max-width:1100px){.ld-s1-sticky{grid-template-columns:1fr;height:auto;padding:80px 40px}.ld-s1{height:auto}.ld-s1-right{display:none}.ld-s1-left{transform:none!important;opacity:1!important}.ld-s2-inner,.ld-s3-inner,.ld-s4-inner,.ld-s6-inner{grid-template-columns:1fr;gap:48px}.ld-trial-inner{grid-template-columns:1fr;gap:36px}.ld-s5-panels,.ld-inbox-section,.ld-compare{grid-template-columns:1fr;gap:48px}.ld-feat-grid{grid-template-columns:repeat(2,1fr)}.ld-feat:nth-child(3n){border-right:1px solid var(--ld-border)}.ld-feat:nth-child(2n){border-right:none}.ld-feat:nth-child(5),.ld-feat:nth-child(6){border-bottom:none}}@media(max-width:768px){.ld-nav{padding:14px 20px}.ld-nav-links{display:none}.ld-s1-sticky{padding:56px 20px}.ld-s2,.ld-s3,.ld-s4,.ld-s5,.ld-s6,.ld-features,.ld-inbox-section,.ld-compare{padding:60px 20px}.ld-trial-inner{padding:48px 20px}.ld-stats{flex-wrap:wrap;padding:36px 20px;gap:24px 0}.ld-stat-sep{display:none}.ld-s5-panels{grid-template-columns:1fr}.ld-feat-grid{grid-template-columns:1fr;border:none}.ld-feat{border:1px solid var(--ld-border)!important;border-right:1px solid var(--ld-border)!important;border-bottom:none!important}.ld-feat:last-child{border-bottom:1px solid var(--ld-border)!important}.ld-s4-hdr,.ld-s4-row{grid-template-columns:1fr repeat(3,60px)}.ld-s7{padding:80px 20px}.ld-footer-inner{flex-direction:column;align-items:flex-start;gap:16px}.ld-footer-copy{margin-left:0}}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 3rem;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border, #E0E0E0);box-shadow:0 1px 3px #0000000a}.auth-page .site-header{padding:.75rem 1.5rem}.auth-page .header-logo .logo-gb{font-size:2.5rem}.auth-page .header-logo .logo-mail{font-size:1.9rem}.site-header.transparent{background:transparent;backdrop-filter:none;border-bottom:none;box-shadow:none}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{display:flex;align-items:baseline;text-decoration:none;gap:0}.header-logo .logo-gb{font-family:"Jacquard 12",monospace;font-size:4.25rem;font-weight:400;color:var(--grey-100, #141414);line-height:1}.header-logo .logo-mail{font-family:var(--font-body);font-size:3.25rem;font-weight:700;color:var(--grey-100, #141414);line-height:1}.header-beta{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;background:var(--grey-100, #141414);color:#fff;font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);border-radius:2px;height:fit-content}.header-links{display:flex;gap:1.5rem;align-items:center}.header-links a{font-size:.875rem;color:var(--grey-70, #5C5C5C);text-decoration:none;transition:color .2s}.header-links a:hover{color:var(--grey-100, #141414)}.header-more{position:relative}.header-more-btn{display:flex;align-items:center;gap:3px;background:none;border:none;font-family:inherit;font-size:.875rem;color:var(--grey-70, #5C5C5C);cursor:pointer;padding:0;transition:color .2s}.header-more-btn:hover{color:var(--grey-100, #141414)}.more-chevron{display:inline-block;font-size:.8rem;transition:transform .2s;transform:rotate(90deg)}.more-chevron.open{transform:rotate(-90deg)}.header-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:170px;background:#fffffff7;backdrop-filter:blur(16px);border:1px solid var(--border, #E0E0E0);border-radius:8px;box-shadow:0 8px 32px #00000014,0 1px 3px #0000000a;padding:6px;display:flex;flex-direction:column;z-index:200;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.header-dropdown a{display:block;padding:8px 14px;font-size:.8125rem;color:var(--grey-70, #5C5C5C);text-decoration:none;border-radius:5px;transition:background .12s,color .12s}.header-dropdown a:hover{background:var(--grey-05, #F5F5F5);color:var(--grey-100, #141414)}.header-dropdown-divider{height:1px;background:var(--border, #E0E0E0);margin:4px 8px}.header-dropdown-download{display:flex!important;align-items:center;gap:8px}.header-dropdown-download svg{flex-shrink:0;opacity:.6}.lang-toggle{background:none;border:1px solid var(--border, #E0E0E0);color:var(--grey-70, #5C5C5C);font-size:.75rem;font-weight:600;padding:.35rem .6rem;cursor:pointer;transition:all .2s;font-family:var(--font-mono);border-radius:4px}.lang-toggle:hover{color:var(--grey-100, #141414);border-color:var(--grey-50, #8C8C8C);background:var(--grey-05, #FAFAFA)}.lang-toggle-mobile{background:none;border:1px solid var(--border, #E0E0E0);color:var(--grey-70, #5C5C5C);font-size:1rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s;text-align:left;border-radius:4px}.lang-toggle-mobile:hover{color:var(--grey-100, #141414);border-color:var(--grey-50, #8C8C8C);background:var(--grey-05, #FAFAFA)}.mobile-menu-btn{display:none;background:none;border:none;padding:.5rem;cursor:pointer;z-index:110}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{display:block;height:2px;background:var(--grey-100, #141414);border-radius:1px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;inset:0;background:#fffffffa;backdrop-filter:blur(20px);z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu-links{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2rem;padding:4rem 2rem}.mobile-menu-links a{font-family:var(--font-body);font-size:1.25rem;font-weight:600;color:var(--grey-70, #5C5C5C);text-decoration:none;transition:color .2s}.mobile-menu-links a:hover{color:var(--grey-100, #141414)}.mobile-menu-links .mobile-signup{margin-top:1rem;padding:.75rem 2rem;background:var(--grey-100, #141414);color:#fff;border-radius:4px;font-size:1rem;font-family:var(--font-body);box-shadow:0 2px 8px #0000001f}.mobile-menu-links .mobile-signup-org{margin-top:.5rem;padding:.75rem 2rem;background:transparent;color:var(--grey-100, #141414);border:1.5px solid var(--grey-100, #141414);border-radius:4px;font-size:1rem;font-family:var(--font-body)}.mobile-menu-links .mobile-signin{color:var(--grey-100, #141414);font-size:1rem;font-family:var(--font-body)}.mobile-download-link{display:flex!important;align-items:center;gap:8px}.mobile-download-link svg{opacity:.6}.header-auth-link{font-size:.875rem!important;color:var(--grey-70, #5C5C5C)!important;transition:color .2s}.header-auth-link:hover{color:var(--grey-100, #141414)!important}.header-mail-link{color:var(--grey-100, #141414)!important;font-weight:500}.header-signup-link{font-size:.8125rem;color:var(--grey-60, #6B6B6B);transition:color .2s}.header-signup-link:hover{color:var(--grey-100, #141414)}.header-signup-org-link{font-size:.8125rem;padding:.35rem .85rem;background:var(--grey-100, #141414);color:#fff!important;border-radius:4px;transition:background .2s;white-space:nowrap}.header-signup-org-link:hover{background:var(--grey-80, #3A3A3A);color:#fff!important}.header-signin-link{font-size:.8125rem;color:var(--grey-70, #5C5C5C);transition:color .2s}.header-signin-link:hover{color:var(--grey-100, #141414)}.mobile-auth-link{font-size:1.25rem;color:var(--grey-70, #5C5C5C);transition:color .2s}.mobile-auth-link:hover{color:var(--grey-100, #141414)}.mobile-mail-link{color:var(--grey-100, #141414)!important;font-weight:600}@media(max-width:768px){.site-header{padding:.75rem 1.25rem}.header-logo .logo-gb{font-size:2.25rem}.header-logo .logo-mail{font-size:1.75rem}.header-beta{font-size:.45rem;padding:.2rem .4rem}.desktop-only{display:none}.mobile-menu-btn,.mobile-menu{display:block}}@media(max-width:480px){.header-links a:not(:last-child){display:none}}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:100px 24px 80px;background:#f2f2f2;color:#1a1a1a;font-family:Stack Sans Notch,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.auth-page--with-header{padding-top:120px}.auth-page .site-header{padding:10px 24px}.auth-page .header-logo .logo-gb{font-size:2.25rem}.auth-page .header-logo .logo-mail{font-size:1.7rem}.auth-container{width:100%;max-width:480px;display:flex;flex-direction:column}.auth-container--wide{max-width:600px}.auth-header{display:flex;align-items:baseline;gap:10px;margin-bottom:32px}.auth-logo{display:flex;align-items:baseline;text-decoration:none}.auth-logo .logo-gb{font-family:"Jacquard 12",monospace;font-size:1.75rem;font-weight:400;color:#1a1a1a;line-height:1}.auth-logo .logo-mail{font-family:Stack Sans Notch,-apple-system,sans-serif;font-size:1.3rem;font-weight:700;color:#1a1a1a;line-height:1}.auth-divider{color:#aaa;font-weight:300;font-size:1.15rem}.auth-title{font-size:.95rem;font-weight:500;color:#666}.auth-steps{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #ddd}.step{display:flex;align-items:center;gap:6px;opacity:.3;transition:opacity .2s}.step.active{opacity:1}.step-number{font-size:.6875rem;font-weight:500;color:#888;font-family:Space Mono,monospace}.step-label{font-size:.8125rem;font-weight:500;color:#333}.step-connector{flex:1;height:1px;background:#ddd;min-width:16px}.org-invite-banner{background:#f0fdf4;border:1px solid #BBF7D0;border-radius:8px;padding:16px 20px;margin-bottom:24px;text-align:center}.org-invite-banner .org-badge{display:inline-block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:#16a34a;background:#16a34a1a;padding:3px 10px;border-radius:4px;margin-bottom:8px}.org-invite-banner p{font-size:.875rem;color:#333;margin:0}.org-invite-banner strong{color:#16a34a}.auth-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.875rem;font-weight:500;color:#555}.form-input{width:100%;padding:14px 16px;background:#fff;border:1px solid #ddd;border-radius:8px;color:#1a1a1a;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #0000000f}.form-input::placeholder{color:#aaa}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-hint{font-size:.8rem;color:#888;line-height:1.4}.email-input-group{display:flex;align-items:center;border:1px solid #ddd;background:#fff;border-radius:8px;transition:border-color .2s,box-shadow .2s}.email-input-group:focus-within{border-color:#1a1a1a;box-shadow:0 0 0 3px #0000000f}.email-username{flex:1;border:none!important;background:transparent!important;border-radius:8px 0 0 8px;box-shadow:none!important}.email-username:focus{outline:none;border:none!important;box-shadow:none!important}.email-at{color:#aaa;font-size:.95rem;padding:0 4px;flex-shrink:0}.email-domain-fixed{padding:14px 16px 14px 0;color:#666;font-size:.95rem;white-space:nowrap;flex-shrink:0}.email-domain-select{border:none!important;background:transparent!important;padding-left:0!important;min-width:110px;cursor:pointer;color:#333;font-size:.95rem;box-shadow:none!important}.email-domain-select:focus{outline:none}.email-display-locked{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:8px}.email-locked-value{font-family:Space Mono,monospace;font-size:.95rem;color:#333}.email-locked-hint{font-size:.8rem;color:#16a34a}.auth-error{padding:14px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;font-size:.875rem;color:#dc2626;line-height:1.4}.auth-status{font-size:.875rem;color:#666;text-align:center;padding:4px 0}.form-error{font-size:.875rem;color:#dc2626;text-align:center}.auth-submit,.form-submit{display:block;width:100%;padding:14px 16px;background:#1a1a1a;color:#fff;font-size:1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .15s,box-shadow .15s;box-shadow:0 1px 4px #0000001a;font-family:inherit;text-align:center}.auth-submit:hover:not(:disabled),.form-submit:hover:not(:disabled){background:#333;box-shadow:0 2px 8px #00000024}.auth-submit:disabled,.form-submit:disabled{opacity:.4;cursor:not-allowed}.form-submit--secondary{background:transparent;color:#666;border:1.5px solid #ddd;box-shadow:none}.form-submit--secondary:hover:not(:disabled){border-color:#444;color:#1a1a1a;background:transparent;box-shadow:none}.auth-links{display:flex;flex-direction:column;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid #ddd}.auth-link-row{display:flex;align-items:center;gap:6px;font-size:.875rem}.auth-link-row span{color:#888}.auth-link-row a{color:#333;font-weight:500;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.auth-link-row a:hover{border-bottom-color:#333}.auth-security-note{margin-top:40px;padding:20px;background:#fff;border:1px solid #ddd;border-radius:8px}.auth-security-note .note-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#888;margin-bottom:8px}.auth-security-note p{font-size:.875rem;line-height:1.6;color:#666;margin:0}.auth-security-note+.auth-security-note{margin-top:16px}.auth-plan-summary{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8f8f8;border:1px solid #ddd;border-radius:8px;font-size:.875rem}.auth-plan-summary .plan-label{color:#888;flex-shrink:0}.auth-plan-summary .plan-value{color:#1a1a1a;font-weight:600;flex:1}.auth-plan-summary .plan-change{background:none;border:none;font-size:.8125rem;color:#888;cursor:pointer;text-decoration:underline;padding:0;font-family:inherit;flex-shrink:0}.auth-plan-summary .plan-change:hover{color:#1a1a1a}.auth-switch{font-size:.875rem;color:#888;text-align:center;margin:0}.auth-switch a{color:#333;font-weight:500;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.auth-switch a:hover{border-bottom-color:#333}.auth-switch-group{display:flex;flex-direction:column;gap:8px;margin-top:8px}.recovery-section{display:flex;flex-direction:column;gap:16px}.recovery-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0}.recovery-section .recovery-warning{font-size:.875rem;color:#555;line-height:1.5;padding:14px 16px;background:#fffbeb;border:1px solid #FDE68A;border-radius:8px;margin:0}.recovery-phrase{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px}.recovery-word{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#fafafa;border:1px solid #eee;border-radius:4px;font-family:Space Mono,monospace;font-size:.75rem;color:#1a1a1a;font-weight:500}.recovery-word .word-num{font-size:.625rem;color:#aaa;min-width:14px}.copy-mnemonic{width:100%;padding:10px;background:transparent;border:1px solid #ddd;color:#555;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .2s;border-radius:6px}.copy-mnemonic:hover{background:#fafafa;border-color:#1a1a1a;color:#1a1a1a}.recovery-confirm-label{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:#555;cursor:pointer;line-height:1.4}.recovery-checkbox{width:18px;height:18px;margin-top:1px;accent-color:#1a1a1a;cursor:pointer;flex-shrink:0}.auth-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.auth-done-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%;margin-bottom:4px}.auth-done-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.auth-done-subtitle{font-size:1rem;font-weight:600;color:#555;margin:0}.auth-done-body{font-size:.95rem;color:#666;line-height:1.55;margin:0;max-width:380px}.auth-done-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px}.auth-2fa-info{text-align:center;padding:8px 0;display:flex;flex-direction:column;gap:6px}.auth-2fa-icon{font-size:2rem;margin-bottom:4px}.auth-2fa-info p{margin:0;font-size:.95rem;color:#555;line-height:1.5}.auth-2fa-hint{font-size:.8rem!important;color:#888!important}.auth-2fa-input{text-align:center;font-size:1.5rem!important;letter-spacing:.3em;font-family:Space Mono,monospace}.auth-back-link{background:none;border:none;color:#666;font-size:.875rem;font-family:inherit;cursor:pointer;padding:8px 0;text-align:center;width:100%}.auth-back-link:hover{color:#333}.auth-billing-note{font-size:.8rem;color:#888;line-height:1.6;border-left:2px solid #ddd;padding-left:16px;margin:0}@media(max-width:520px){.auth-page{padding:80px 16px 60px}.auth-page--with-header{padding-top:100px}.auth-container,.auth-container--wide{max-width:100%}.recovery-phrase{grid-template-columns:repeat(3,1fr)}.auth-steps{gap:8px}.step-label{font-size:.75rem}}@media(max-width:360px){.recovery-phrase{grid-template-columns:repeat(2,1fr)}}.auth-plan-picker{display:flex;flex-direction:column;gap:24px}.auth-plan-intro{font-size:.95rem;color:#666;line-height:1.55;text-align:center;margin:0}.auth-plan-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-plan-card{display:flex;flex-direction:column;padding:28px 24px;background:#fff;border:1.5px solid #ddd;border-radius:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative}.auth-plan-card:hover{border-color:#bbb;box-shadow:0 2px 12px #0000000f}.auth-plan-card.selected{border-color:#1a1a1a;box-shadow:0 2px 12px #0000001a}.auth-plan-card-header{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.auth-plan-name{font-size:1.05rem;font-weight:700;color:#1a1a1a;margin:0}.auth-plan-price{font-size:1.75rem;font-weight:700;color:#1a1a1a;line-height:1;margin:0}.auth-plan-period{font-size:.8rem;font-weight:400;color:#888}.auth-plan-desc{font-size:.8rem;color:#888;line-height:1.4;margin:0}.auth-plan-features{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px;flex:1}.auth-plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:.8125rem;color:#444;line-height:1.4}.auth-plan-check{color:#16a34a;font-weight:700;flex-shrink:0;font-size:.9rem;line-height:1.3}.auth-plan-note{font-size:.75rem;color:#888;margin-top:12px;line-height:1.4}.auth-plan-badge{display:inline-block;position:absolute;top:-10px;right:16px;padding:4px 12px;background:#1a1a1a;color:#fff;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:4px}@media(max-width:520px){.auth-plan-cards{grid-template-columns:1fr}.auth-plan-card{padding:24px 20px}}.swiss-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;will-change:contents;contain:strict}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.email-tag-input-wrapper{flex:1;min-width:0;position:relative}.email-tag-input{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 6px);min-height:42px;cursor:text;transition:border-color .2s,box-shadow .2s;align-items:center}.email-tag-input:focus-within{border-color:var(--grey-100, #141414);box-shadow:0 0 0 2px #14141414}.email-tag-input.has-error{border-color:var(--color-error, #DC2626)}.email-tag-input.disabled{opacity:.6;cursor:not-allowed;background:var(--grey-10, #F5F5F5)}.email-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--grey-10, #F5F5F5);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-full, 9999px);font-size:.8rem;color:var(--text-secondary, #2E2E2E);max-width:100%;animation:tagAppear .15s ease}@keyframes tagAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.email-tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono, monospace);font-size:.75rem}.email-tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin:0;background:transparent;border:none;border-radius:50%;color:var(--text-muted, #8C8C8C);font-size:14px;line-height:1;cursor:pointer;transition:all .15s;flex-shrink:0}.email-tag-remove:hover{background:var(--color-error-bg, #FEF2F2);color:var(--color-error, #DC2626)}.email-tag-input-field{flex:1;min-width:150px;padding:4px 0;background:transparent;border:none;outline:none;color:var(--text-secondary, #2E2E2E);font-family:inherit;font-size:.9rem}.email-tag-input-field::placeholder{color:var(--text-disabled, #C7C7C7)}.email-tag-error{margin-top:4px;font-size:.75rem;color:var(--color-error, #DC2626);animation:fadeIn .15s ease}.email-tag-count{margin-top:4px;font-size:.7rem;color:var(--text-muted, #8C8C8C);text-align:right}.email-autocomplete-dropdown{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:var(--bg-surface, #fff);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 6px);box-shadow:0 4px 16px #0000001a;z-index:100;max-height:240px;overflow-y:auto;animation:fadeIn .1s ease}.email-autocomplete-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;color:var(--text-primary, #141414);font-size:.85rem;transition:background .1s}.email-autocomplete-item:hover,.email-autocomplete-item.selected{background:var(--grey-10, #F5F5F5)}.email-autocomplete-item+.email-autocomplete-item{border-top:1px solid var(--border-subtle, #F0F0F0)}.autocomplete-email{font-family:var(--font-mono, monospace);font-size:.8rem;color:var(--text-secondary, #2E2E2E);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-name{font-size:.75rem;color:var(--text-muted, #8C8C8C);flex-shrink:0}.autocomplete-freq{font-size:.65rem;color:var(--text-disabled, #C7C7C7);flex-shrink:0}@media(max-width:768px){.email-tag{padding:3px 6px;font-size:.75rem}.email-tag-input-field{min-width:100px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-lg, 8px);background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-default, #E0E0E0);box-shadow:0 4px 16px #0000001a;cursor:pointer;animation:toastSlideIn .3s ease}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.toast-success .toast-icon{background:var(--color-success-bg, #F0FDF4);color:var(--color-success, #16A34A)}.toast-error .toast-icon{background:var(--color-error-bg, #FEF2F2);color:var(--color-error, #DC2626)}.toast-warning .toast-icon{background:var(--color-warning-bg, #FFFBEB);color:var(--color-warning, #D97706)}.toast-info .toast-icon{background:var(--color-info-bg, #EFF6FF);color:var(--color-info, #2563EB)}.toast-message{flex:1;font-size:.9rem;color:var(--text-secondary, #2E2E2E);line-height:1.4}.toast-dismiss{background:none;border:none;color:var(--text-muted, #8C8C8C);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s,color .2s;border-radius:50%}.toast-dismiss:hover{opacity:1;color:var(--text-secondary, #2E2E2E);background:var(--grey-10, #F5F5F5)}.toast:hover{transform:translate(-4px);box-shadow:0 6px 20px #0000001f}.toast-success{border-color:var(--color-success-border, #BBF7D0);background:var(--color-success-bg, #F0FDF4)}.toast-error{border-color:var(--color-error-border, #FECACA);background:var(--color-error-bg, #FEF2F2)}.toast-warning{border-color:var(--color-warning-border, #FDE68A);background:var(--color-warning-bg, #FFFBEB)}.toast-info{border-color:var(--color-info-border, #BFDBFE);background:var(--color-info-bg, #EFF6FF)}.signature-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.signature-modal{width:100%;max-width:600px;max-height:90vh;background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-lg, 8px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0000001f}.signature-loading{padding:60px;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-muted, #8C8C8C)}.signature-loading .spinner{width:24px;height:24px;border:2px solid var(--grey-20, #E0E0E0);border-top-color:var(--grey-100, #141414);border-radius:50%;animation:spin .8s linear infinite}.signature-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle, #EBEBEB);flex-shrink:0;background:var(--grey-05, #FAFAFA)}.signature-header h2{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #141414)}.signature-mailbox-label{font-size:.75rem;color:var(--text-muted, #8C8C8C);font-family:var(--font-mono, monospace);margin-top:2px;display:block}.signature-header .close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted, #8C8C8C);font-size:20px;cursor:pointer;border-radius:4px;transition:all .15s ease}.signature-header .close-btn:hover{background:var(--grey-10, #F5F5F5);color:var(--text-secondary, #2E2E2E)}.signature-content{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.signature-option{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;color:var(--text-body, #5C5C5C)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--grey-100, #141414)}.checkbox-label span{user-select:none}.signature-field{display:flex;flex-direction:column;gap:8px}.signature-field label{font-size:.8rem;color:var(--text-muted, #8C8C8C);font-weight:500}.signature-field textarea{width:100%;min-height:180px;background:var(--grey-05, #FAFAFA);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 6px);padding:12px;color:var(--text-secondary, #2E2E2E);font-family:JetBrains Mono,Monaco,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5;resize:vertical}.signature-field textarea:focus{outline:none;border-color:var(--grey-100, #141414);box-shadow:0 0 0 2px #14141414}.signature-field textarea::placeholder{color:var(--text-disabled, #C7C7C7)}.field-hint{margin:0;font-size:.75rem;color:var(--text-muted, #8C8C8C)}.signature-preview-section{display:flex;flex-direction:column;gap:8px}.signature-preview-section label{font-size:.8rem;color:var(--text-muted, #8C8C8C);font-weight:500}.preview-container{background:#fff;border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 6px);padding:16px;min-height:60px}.preview-html{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.preview-html a{color:#06c}.preview-html table{border-collapse:collapse}.signature-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-subtle, #EBEBEB);flex-shrink:0;background:var(--grey-05, #FAFAFA)}.btn-cancel{padding:8px 16px;background:transparent;border:1px solid var(--border-default, #E0E0E0);color:var(--text-body, #5C5C5C);font-size:.85rem;border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .15s ease}.btn-cancel:hover{border-color:var(--border-strong, #C7C7C7);background:var(--hover-bg, #FAFAFA);color:var(--text-secondary, #2E2E2E)}.btn-save{padding:8px 20px;background:var(--grey-100, #141414);border:none;color:var(--text-inverse, #FFFFFF);font-size:.85rem;font-weight:500;border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0000001a}.btn-save:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.btn-save:disabled{opacity:.4;cursor:not-allowed;transform:none}.folder-tabs-container{position:relative;margin-bottom:8px}.custom-folder-tabs{display:flex;align-items:center;gap:4px;padding:8px 12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid var(--border-subtle, #EBEBEB)}.custom-folder-tabs::-webkit-scrollbar{display:none}.custom-folder-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;font-size:13px;color:var(--text-body, #5C5C5C);cursor:pointer;border-radius:var(--radius-full, 16px);white-space:nowrap;transition:background-color .15s,color .15s}.custom-folder-tab:hover{background:var(--hover-bg, #FAFAFA);color:var(--text-secondary, #2E2E2E)}.custom-folder-tab.active{background:var(--grey-100, #141414);color:var(--text-inverse, #FFFFFF);font-weight:500}.folder-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.folder-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.folder-unread{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;color:var(--text-inverse, #FFFFFF);background:var(--grey-100, #141414);border-radius:9px}.custom-folder-tab.active .folder-unread{background:var(--bg-surface, #FFFFFF);color:var(--grey-100, #141414)}.add-folder-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px dashed var(--border-default, #E0E0E0);background:transparent;font-size:18px;color:var(--text-muted, #8C8C8C);cursor:pointer;border-radius:14px;flex-shrink:0;transition:border-color .15s,color .15s,background-color .15s}.add-folder-btn:hover{border-color:var(--grey-100, #141414);color:var(--grey-100, #141414);background:var(--grey-05, #FAFAFA)}.folder-modal-backdrop{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(2px);z-index:1000}.folder-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-xl, 12px);padding:24px;width:320px;max-width:90vw;box-shadow:0 8px 32px #0000001f;z-index:1001}.folder-modal h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary, #141414)}.folder-modal-row{display:flex;gap:10px;margin-bottom:16px}.folder-modal-row input{flex:1;padding:10px 12px;border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 8px);font-size:14px;background:var(--bg-surface, #FFFFFF);color:var(--text-secondary, #2E2E2E)}.folder-modal-row input:focus{outline:none;border-color:var(--grey-100, #141414);box-shadow:0 0 0 2px #14141414}.folder-modal-row input::placeholder{color:var(--text-disabled, #C7C7C7)}.color-select-btn{width:40px;height:40px;border:2px solid var(--bg-surface, #FFFFFF);border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px var(--border-default, #E0E0E0);transition:transform .15s}.color-select-btn:hover{transform:scale(1.1)}.color-picker{position:absolute;top:100%;left:0;margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-lg, 10px);box-shadow:0 4px 20px #0000001f;z-index:10}.color-dot{width:28px;height:28px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:transform .15s,box-shadow .15s}.color-dot.selected{box-shadow:0 0 0 2px var(--bg-surface, #FFFFFF),0 0 0 4px var(--grey-100, #141414)}.folder-modal-actions{display:flex;gap:8px;justify-content:flex-end}.folder-modal-actions button{padding:10px 16px;border:none;border-radius:var(--radius-md, 6px);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.folder-modal-actions button:first-child{margin-right:auto}.folder-modal-actions button[type=button]:not(.delete-btn){background:var(--grey-10, #F5F5F5);border:1px solid var(--border-default, #E0E0E0);color:var(--text-body, #5C5C5C)}.folder-modal-actions button[type=button]:not(.delete-btn):hover{background:var(--grey-15, #EBEBEB);color:var(--text-secondary, #2E2E2E)}.folder-modal-actions button[type=submit]{background:var(--grey-100, #141414);color:var(--text-inverse, #FFFFFF);box-shadow:0 1px 3px #0000001a}.folder-modal-actions button[type=submit]:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.folder-modal-actions button[type=submit]:disabled{opacity:.4;cursor:not-allowed;transform:none}.delete-btn{background:transparent!important;border:1px solid var(--color-error, #DC2626)!important;color:var(--color-error, #DC2626)!important}.delete-btn:hover{background:var(--color-error-bg, #FEF2F2)!important}.delete-btn.confirm{background:var(--color-error, #DC2626)!important;color:var(--text-inverse, #FFFFFF)!important}.folder-picker{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-lg, 8px);box-shadow:0 4px 20px #0000001a;overflow:hidden;z-index:100}.folder-picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;font-size:13px;text-align:left;cursor:pointer;transition:background-color .15s;color:var(--text-secondary, #2E2E2E)}.folder-picker-item:hover{background:var(--hover-bg, #FAFAFA)}.folder-picker-item.active{background:var(--grey-10, #F5F5F5);font-weight:500}.folder-picker-item.remove{color:var(--text-muted, #8C8C8C);border-bottom:1px solid var(--border-subtle, #EBEBEB)}@media(max-width:768px){.custom-folder-tabs{padding:6px 8px}.custom-folder-tab{padding:5px 10px;font-size:12px}.folder-dot{width:8px;height:8px}.folder-unread{min-width:16px;height:16px;font-size:10px}.folder-modal{width:95vw;padding:16px}}.dialog-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#00000059;backdrop-filter:blur(2px);animation:dialog-fade-in .12s ease-out}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}.dialog-box{background:var(--bg-surface, #fff);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-lg, 10px);box-shadow:var(--shadow-xl, 0 20px 40px rgba(0,0,0,.15));padding:var(--space-6, 24px);min-width:320px;max-width:440px;width:90vw;animation:dialog-scale-in .15s ease-out}@keyframes dialog-scale-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-title{font-size:var(--text-lg, 18px);font-weight:var(--weight-semibold, 600);color:var(--text-primary, #141414);margin:0 0 var(--space-2, 8px) 0;letter-spacing:var(--tracking-snug, -.01em)}.dialog-message{font-size:var(--text-sm, 14px);color:var(--text-body, #5C5C5C);line-height:1.5;margin:0 0 var(--space-5, 20px) 0}.dialog-input{width:100%;padding:var(--space-3, 12px);background:var(--bg-base, #FAFAFA);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 6px);color:var(--text-primary, #141414);font-family:inherit;font-size:var(--text-sm, 14px);margin-bottom:var(--space-5, 20px);outline:none;transition:border-color .12s;box-sizing:border-box}.dialog-input:focus{border-color:var(--grey-100, #141414);box-shadow:0 0 0 2px #14141414}.dialog-input::placeholder{color:var(--text-disabled, #C7C7C7)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2, 8px)}.dialog-btn{padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-md, 6px);font-family:inherit;font-size:var(--text-sm, 14px);font-weight:var(--weight-medium, 500);cursor:pointer;transition:all .12s;border:1px solid transparent}.dialog-btn.cancel{background:transparent;border-color:var(--border-default, #E0E0E0);color:var(--text-muted, #8C8C8C)}.dialog-btn.cancel:hover{background:var(--hover-bg, rgba(0,0,0,.04));color:var(--text-secondary, #2E2E2E);border-color:var(--border-strong, #C7C7C7)}.dialog-btn.confirm{background:var(--grey-100, #141414);color:var(--text-inverse, #FFFFFF);border-color:var(--grey-100, #141414)}.dialog-btn.confirm:hover{background:var(--grey-90, #2E2E2E)}.dialog-btn.confirm:focus-visible{outline:2px solid var(--grey-100, #141414);outline-offset:2px}.dialog-btn.confirm.danger{background:var(--color-error, #DC2626);border-color:var(--color-error, #DC2626)}.dialog-btn.confirm.danger:hover{background:#b91c1c;border-color:#b91c1c}.context-menu{position:fixed;z-index:10000;min-width:180px;max-width:260px;background:var(--bg-surface, #fff);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-lg, 10px);box-shadow:var(--shadow-xl, 0 20px 40px rgba(0,0,0,.15));padding:var(--space-1, 4px);animation:ctx-menu-in .1s ease-out;overflow:hidden}@keyframes ctx-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:var(--space-3, 12px);width:100%;padding:var(--space-2, 8px) var(--space-3, 12px);background:none;border:none;border-radius:var(--radius-md, 6px);color:var(--text-secondary, #2E2E2E);font-family:inherit;font-size:var(--text-sm, 14px);cursor:pointer;text-align:left;transition:background 80ms}.context-menu-item:hover{background:var(--grey-100, #1a1a1a);color:var(--bg-surface, #fff)}.context-menu-item.danger{color:var(--color-error, #DC2626)}.context-menu-item.danger:hover{background:var(--color-error, #DC2626);color:#fff}.context-menu-item.disabled{opacity:.4;cursor:not-allowed}.context-menu-item.disabled:hover{background:none}.context-menu-icon{width:16px;height:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.65;color:inherit}.context-menu-icon svg{display:block}.context-menu-item:hover .context-menu-icon{opacity:1}.context-menu-label{flex:1}.context-menu-shortcut{font-size:var(--text-xs, 12px);color:var(--text-muted, #8C8C8C);font-family:var(--font-mono, monospace)}.context-menu-item:hover .context-menu-shortcut{color:#fff9}.context-menu-divider{height:1px;background:var(--border-subtle, #F0F0F0);margin:var(--space-1, 4px) var(--space-2, 8px)}.rich-text-editor,.rich-text-editor .quill{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.rich-text-editor .ql-toolbar{background:var(--grey-05, #FAFAFA);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 6px) var(--radius-md, 6px) 0 0;flex-shrink:0;padding:8px 12px}.rich-text-editor .ql-container{flex:1;min-height:0;overflow-y:auto;background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-default, #E0E0E0);border-top:none;border-radius:0 0 var(--radius-md, 6px) var(--radius-md, 6px);font-family:inherit;font-size:var(--text-md, 14px)}.rich-text-editor.toolbar-hidden .ql-container{border-top:none;border-radius:0;border:none}.rich-text-editor.toolbar-hidden .ql-toolbar{display:none}.rich-text-editor .ql-editor{color:var(--text-secondary, #2E2E2E);min-height:180px;line-height:1.6}.rich-text-editor .ql-editor.ql-blank:before{color:var(--text-disabled, #C7C7C7);font-style:normal}.rich-text-editor .ql-toolbar button{color:var(--text-body, #5C5C5C);height:28px;width:28px;padding:4px;border-radius:4px}.rich-text-editor .ql-toolbar button:hover{color:var(--text-primary, #141414);background:var(--grey-10, #F5F5F5)}.rich-text-editor .ql-toolbar button.ql-active{color:var(--grey-100, #141414);background:var(--grey-15, #EBEBEB)}.rich-text-editor .ql-toolbar .ql-stroke{stroke:var(--text-body, #5C5C5C)}.rich-text-editor .ql-toolbar button:hover .ql-stroke{stroke:var(--text-primary, #141414)}.rich-text-editor .ql-toolbar button.ql-active .ql-stroke{stroke:var(--grey-100, #141414)}.rich-text-editor .ql-toolbar .ql-fill{fill:var(--text-body, #5C5C5C)}.rich-text-editor .ql-toolbar button:hover .ql-fill{fill:var(--text-primary, #141414)}.rich-text-editor .ql-toolbar button.ql-active .ql-fill{fill:var(--grey-100, #141414)}.rich-text-editor .ql-toolbar .ql-picker{color:var(--text-body, #5C5C5C)}.rich-text-editor .ql-toolbar .ql-picker:hover{color:var(--text-primary, #141414)}.rich-text-editor .ql-toolbar .ql-picker-label{border-color:transparent;padding:4px 8px;border-radius:4px}.rich-text-editor .ql-toolbar .ql-picker-label:hover{color:var(--text-primary, #141414);background:var(--grey-10, #F5F5F5)}.rich-text-editor .ql-toolbar .ql-picker-options{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 6px);padding:4px;box-shadow:0 4px 16px #0000001a}.rich-text-editor .ql-toolbar .ql-picker-item{color:var(--text-body, #5C5C5C);padding:6px 10px;border-radius:4px}.rich-text-editor .ql-toolbar .ql-picker-item:hover{color:var(--text-primary, #141414);background:var(--grey-10, #F5F5F5)}.rich-text-editor .ql-editor h1{font-size:1.75rem;font-weight:600;color:var(--text-primary, #141414);margin:.5em 0}.rich-text-editor .ql-editor h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #141414);margin:.5em 0}.rich-text-editor .ql-editor h3{font-size:1.25rem;font-weight:600;color:var(--text-secondary, #2E2E2E);margin:.5em 0}.rich-text-editor .ql-editor p{margin:.5em 0;color:var(--text-secondary, #2E2E2E)}.rich-text-editor .ql-editor blockquote{border-left:3px solid var(--grey-30, #C7C7C7);padding-left:1em;color:var(--text-body, #5C5C5C);margin:.5em 0}.rich-text-editor .ql-editor pre.ql-syntax{background:var(--grey-10, #F5F5F5);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 6px);padding:1em;overflow-x:auto;font-family:JetBrains Mono,monospace;color:var(--text-secondary, #2E2E2E)}.rich-text-editor .ql-editor code{background:var(--grey-10, #F5F5F5);border:1px solid var(--border-subtle, #EBEBEB);padding:.2em .4em;border-radius:3px;font-family:JetBrains Mono,monospace;color:var(--text-secondary, #2E2E2E)}.rich-text-editor .ql-editor a{color:var(--color-info, #2563EB);text-decoration:underline}.rich-text-editor .ql-editor a:hover{color:var(--text-primary, #141414)}.rich-text-editor .ql-editor ul,.rich-text-editor .ql-editor ol{padding-left:1.5em;margin:.5em 0}.rich-text-editor .ql-container:focus-within{border-color:var(--grey-100, #141414);box-shadow:0 0 0 2px #14141414}.rich-text-editor .ql-tooltip{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-default, #E0E0E0);color:var(--text-secondary, #2E2E2E);border-radius:var(--radius-md, 6px);box-shadow:0 4px 16px #0000001a;padding:8px 12px}.rich-text-editor .ql-tooltip input[type=text]{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-default, #E0E0E0);color:var(--text-secondary, #2E2E2E);border-radius:var(--radius-sm, 4px);padding:6px 10px}.rich-text-editor .ql-tooltip input[type=text]:focus{border-color:var(--grey-100, #141414);outline:none}.rich-text-editor .ql-tooltip a.ql-action,.rich-text-editor .ql-tooltip a.ql-remove{color:var(--color-info, #2563EB)}.rich-text-editor .ql-tooltip a.ql-action:hover,.rich-text-editor .ql-tooltip a.ql-remove:hover{color:var(--text-primary, #141414)}.rich-text-editor .ql-color-picker .ql-picker-options,.rich-text-editor .ql-background .ql-picker-options{padding:4px;width:auto}.rich-text-editor .ql-color-picker .ql-picker-item,.rich-text-editor .ql-background .ql-picker-item{border-radius:2px}:root{--bg: var(--bg-ground);--bg-elevated: var(--bg-surface);--bg-card: var(--grey-05);--bg-card-hover: var(--grey-10);--bg-hover: var(--hover-bg);--bg-active: var(--active-bg);--border: var(--border-default);--border-light: var(--border-subtle);--text: var(--text-primary);--text-secondary: #4A4A4A;--text-tertiary: #8C8C8C;--surface: var(--grey-05);--accent: var(--grey-100);--accent-dim: var(--grey-05);--danger: var(--color-error);--radius: var(--radius-md);--transition: var(--duration-normal) var(--ease-out);--font-display: "Jacquard 12", monospace;--font-body: var(--font-sans);--bg-surface-gradient: var(--gradient-surface);--bg-elevated-gradient: var(--gradient-elevated);--bg-ground-gradient: var(--gradient-ground);--bg-inset-gradient: var(--gradient-inset);--hover-overlay: var(--hover-bg);--active-overlay: var(--active-bg);--selected-overlay: var(--selected-bg);--selection-accent: var(--selected-accent);--bg-inset: var(--grey-10)}.mail-app{display:flex;flex-direction:column;height:100vh;background:var(--bg-void);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);height:54px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0;position:relative;z-index:var(--z-sticky)}.top-nav-left{display:flex;align-items:center;gap:var(--space-1);height:100%}.logo{display:flex;align-items:baseline;gap:0;text-decoration:none;transition:opacity var(--duration-normal);padding-right:var(--space-4);margin-right:var(--space-2);border-right:1px solid var(--border-subtle)}.logo:hover{opacity:.6}.logo-gb{font-family:"Jacquard 12",monospace;font-size:1.4rem;font-weight:400;color:var(--text-primary);line-height:1}.logo-mail{font-family:var(--font-sans);font-size:.9rem;font-weight:var(--weight-semibold);color:var(--text-muted);line-height:1}.folder-tabs{display:none;align-items:center;gap:var(--space-1);margin-left:var(--space-1)}@media(min-width:768px){.folder-tabs{display:flex}.folder-dropdown{display:none}}.folder-tab{display:flex;align-items:center;gap:5px;padding:6px 12px;color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:400;border:none;border-radius:var(--radius-md);background:transparent;transition:all var(--duration-fast);cursor:pointer;font-family:inherit;white-space:nowrap;line-height:1.4}.folder-tab:hover{color:var(--text-primary);background:var(--grey-05)}.folder-tab.active{color:var(--text-primary);font-weight:var(--weight-medium);background:var(--grey-10, rgba(0,0,0,.06))}.folder-tab .unread-count,.folder-dropdown-trigger .unread-count,.folder-dropdown-item .unread-count{font-size:.7rem;font-weight:600;color:var(--text-inverse);background:var(--grey-100);padding:2px 6px;border-radius:10px;font-family:var(--font-mono)}.folder-tab.custom{cursor:pointer;font-family:inherit}.folder-tab.custom:hover{background:var(--grey-05);color:var(--text-primary)}.folder-tab.custom.active{background:var(--grey-10, rgba(0,0,0,.06));color:var(--text-primary)}.folder-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 1px 2px #0000001a}.folder-separator{display:inline-block;width:1px;height:12px;background:var(--border-default);opacity:.4;margin:0 4px;vertical-align:middle}.folder-tab.add-folder{background:transparent;border:none;color:var(--text-disabled);cursor:pointer;font-size:1rem;padding:4px 10px;font-family:inherit;border-radius:var(--radius-md);line-height:1}.folder-tab.add-folder:hover{color:var(--text-muted);background:var(--grey-05)}.folder-modal-backdrop{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(2px);z-index:200;display:flex;align-items:center;justify-content:center}.folder-modal{position:relative;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:24px;width:90%;max-width:360px;z-index:201;box-shadow:var(--shadow-xl)}.folder-modal h3{margin:0 0 20px;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:var(--tracking-snug)}.folder-modal-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.folder-modal-row input{flex:1;padding:12px 14px;background:var(--gradient-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;font-size:var(--text-md);box-shadow:var(--shadow-inset)}.folder-modal-row input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-inset),0 0 0 2px #1414141a}.folder-modal-row input::placeholder{color:var(--text-disabled)}.folder-modal-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 20px}.folder-modal-actions{display:flex;justify-content:flex-end;gap:10px}.folder-modal-actions button{padding:10px 18px;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast)}.folder-modal-actions button[type=button]{background:transparent;border:1px solid var(--border-default);color:var(--text-body)}.folder-modal-actions button[type=button]:hover{background:var(--hover-bg);border-color:var(--border-strong);color:var(--text-secondary)}.folder-modal-actions button[type=submit]{background:var(--grey-100);border:none;color:var(--text-inverse);box-shadow:var(--shadow-sm)}.folder-modal-actions button[type=submit]:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.folder-modal-actions button[type=submit]:active:not(:disabled){transform:translateY(0)}.folder-modal-actions button[type=submit]:disabled{opacity:.4;cursor:not-allowed}.folder-modal-actions .delete-btn{background:transparent;border:1px solid var(--color-error);color:var(--color-error);margin-right:auto}.folder-modal-actions .delete-btn:hover{background:var(--color-error-bg)}.folder-modal-actions .delete-btn.confirm{background:var(--color-error);color:#fff}.color-select-wrapper{position:relative}.color-select-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-default);cursor:pointer;transition:transform var(--duration-fast),box-shadow var(--duration-fast);box-shadow:var(--shadow-xs)}.color-select-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-sm)}.color-picker{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;z-index:10;box-shadow:var(--shadow-lg)}.color-dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast);box-shadow:inset 0 1px 2px #0000001a}.color-dot:hover{transform:scale(1.15)}.color-dot.selected{border-color:var(--grey-100);box-shadow:inset 0 1px 2px #0000001a,0 0 0 2px var(--bg-surface)}.folder-dropdown{position:relative;margin-left:16px}.folder-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast);box-shadow:var(--shadow-xs)}.folder-dropdown-trigger:hover{background:var(--hover-bg);border-color:var(--border-strong)}.dropdown-arrow{font-size:.6rem;color:var(--text-muted)}.dropdown-backdrop{position:fixed;inset:0;z-index:99}.folder-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;padding:8px}.folder-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;color:var(--text-body);text-decoration:none;font-size:.85rem;border-radius:var(--radius-md);transition:all var(--duration-fast)}.folder-dropdown-item:hover{background:var(--hover-bg);color:var(--text-secondary)}.folder-dropdown-item.active{background:var(--selected-bg);color:var(--text-primary);font-weight:500;box-shadow:var(--shadow-xs)}.folder-dropdown-item.custom{width:100%;background:transparent;border:none;text-align:left;cursor:pointer;font-family:inherit}.folder-dropdown-item.create-folder{color:var(--text-muted);width:100%;background:transparent;border:none;text-align:left;cursor:pointer;font-family:inherit}.folder-dropdown-item.create-folder:hover{color:var(--text-secondary)}.dropdown-divider{height:1px;background:var(--border-subtle);margin:8px 0}.top-nav-right{display:flex;align-items:center;gap:var(--space-1)}.top-nav-right .nav-link{display:none}@media(min-width:768px){.top-nav-right .nav-link{display:flex}}.nav-link{color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);padding:6px 12px;display:flex;align-items:center;border-radius:var(--radius-md);transition:all var(--duration-fast);line-height:1.4}.nav-link:hover{color:var(--text-primary);background:var(--grey-05)}.compose-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 16px;background:var(--grey-100);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);line-height:1.4;margin-left:var(--space-2)}.compose-btn svg{flex-shrink:0}.compose-btn:hover{opacity:.85;transform:none;box-shadow:none}.compose-btn:active{opacity:.75;transform:none;box-shadow:none}.user-email{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-body);margin-bottom:var(--space-1);word-break:break-all;line-height:var(--leading-snug)}.encryption-status{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted)}.mailbox-tabs{display:flex;gap:0;padding:0 var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border-default);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mailbox-tabs::-webkit-scrollbar{display:none}.mailbox-tab{flex-shrink:0;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;margin-bottom:-1px}.mailbox-tab:hover{color:var(--text-secondary);background:transparent}.mailbox-tab.active{color:var(--text-primary);border-bottom-color:var(--grey-100);font-weight:var(--weight-medium);background:transparent;box-shadow:none}.mailbox-unread{font-size:.6rem;font-weight:600;color:var(--text-inverse);background:var(--grey-100);padding:1px 5px;border-radius:10px;margin-left:6px;font-family:var(--font-mono);line-height:1.3;vertical-align:middle}.mailbox-divider{flex-shrink:0;display:flex;align-items:center;padding:0 var(--space-2);color:var(--text-disabled);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:-1px}.main-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--gradient-surface);position:relative}.message-list-panel{display:flex;flex-direction:column;height:100%;background:transparent}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;background:var(--bg-surface);min-height:40px}.toolbar-left{display:flex;align-items:center;gap:var(--space-3)}.toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.mark-all-read-btn{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);font-family:inherit;font-weight:var(--weight-medium);letter-spacing:.02em;transition:all var(--duration-fast)}.mark-all-read-btn:hover{background:var(--grey-100);border-color:var(--grey-100);color:var(--bg-surface)}.search-box{display:flex;align-items:center;gap:var(--space-2);padding:4px 0;background:transparent;border:none;border-radius:0;min-width:0;flex:1}.search-box:focus-within{border-color:transparent;box-shadow:none}.search-box input{flex:1;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);outline:none;min-width:0}.search-box input::placeholder{color:var(--text-disabled)}.clear-search{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-md);line-height:1;padding:0;transition:color var(--duration-fast)}.clear-search:hover{color:var(--text-secondary)}.refresh-btn{padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:var(--text-lg);font-family:inherit;transition:all var(--duration-fast);line-height:1}.refresh-btn:hover{color:var(--text-secondary);background:var(--hover-bg)}.sort-control{display:flex;align-items:center}.sort-select{padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);font-family:inherit;cursor:pointer;transition:all var(--duration-fast);appearance:auto;-webkit-appearance:auto;height:26px}.sort-select:hover{border-color:var(--border-strong);color:var(--text-primary)}.sort-select:focus{outline:none;border-color:var(--grey-50)}.batch-enter-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast)}.batch-enter-btn:hover{color:var(--text-secondary);background:var(--hover-bg)}.msg-count-badge{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;letter-spacing:.01em;user-select:none}.msg-count-badge strong{font-weight:var(--weight-semibold);color:var(--text-secondary)}.msg-count-sep{color:var(--text-disabled);margin:0 1px}.sort-control{position:relative}.sort-dropdown-btn{display:flex;align-items:center;gap:5px;padding:4px 8px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);font-family:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;height:26px}.sort-dropdown-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.sort-chevron{transition:transform var(--duration-fast)}.sort-chevron.open{transform:rotate(180deg)}.sort-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:160px;padding:4px;z-index:100;animation:dropdown-in var(--duration-fast) var(--ease-out)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sort-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);font-family:inherit;cursor:pointer;transition:background var(--duration-fast);text-align:left}.sort-dropdown-item:hover{background:var(--hover-bg);color:var(--text-primary)}.sort-dropdown-item.active{color:var(--text-primary);font-weight:var(--weight-semibold)}.sort-item-icon{width:16px;text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.sort-dropdown-item.active .sort-item-icon{color:var(--text-primary)}.sort-check{margin-left:auto;color:var(--grey-100)}.search-icon{flex-shrink:0;color:var(--text-disabled);transition:color var(--duration-fast)}.search-box:focus-within .search-icon{color:var(--text-secondary)}.search-filter-bar{display:flex;align-items:center;gap:var(--space-3);padding:4px var(--space-4) 5px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0}.filter-pills-inline{display:flex;align-items:center;gap:5px;flex-shrink:0}.filter-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-muted);font-size:11px;font-family:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;line-height:1.3}.filter-pill:hover{border-color:var(--border-strong);color:var(--text-secondary);background:var(--hover-bg)}.filter-pill.active{background:var(--grey-100);border-color:var(--grey-100);color:var(--bg-surface)}.filter-pill.active:hover{background:var(--grey-80);border-color:var(--grey-80)}.filter-clear{background:transparent;border:none;color:var(--text-muted);font-size:11px;font-family:inherit;cursor:pointer;padding:3px 6px;transition:color var(--duration-fast);white-space:nowrap}.filter-clear:hover{color:var(--text-secondary)}.batch-bar{display:flex;align-items:center;gap:var(--space-3);width:100%}.batch-select-all{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-medium)}.batch-checkbox{width:14px;height:14px;border:1.5px solid var(--border-strong);border-radius:3px;position:relative;transition:all var(--duration-fast);flex-shrink:0}.batch-checkbox.checked{background:var(--grey-100);border-color:var(--grey-100)}.batch-checkbox.checked:after{content:"";position:absolute;top:1px;left:4px;width:4px;height:7px;border:solid var(--bg-surface);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.batch-checkbox.partial{background:var(--grey-50);border-color:var(--grey-50)}.batch-checkbox.partial:after{content:"";position:absolute;top:5px;left:2px;right:2px;height:1.5px;background:var(--bg-surface);border-radius:1px}.batch-count{white-space:nowrap}.batch-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.batch-action-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:11px;font-family:inherit;cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.batch-action-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.batch-action-btn.batch-danger{color:var(--text-muted)}.batch-action-btn.batch-danger:hover{background:var(--color-error-bg);color:var(--color-error)}.batch-cancel{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);margin-left:4px}.batch-cancel:hover{background:var(--hover-bg);color:var(--text-primary)}.row-checkbox{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:4px;flex-shrink:0;cursor:pointer;transition:all var(--duration-fast);position:relative}.row-checkbox:hover{border-color:var(--grey-60)}.row-checkbox.checked{background:var(--grey-100);border-color:var(--grey-100)}.row-checkbox.checked:after{content:"";position:absolute;top:2px;left:4px;width:5px;height:8px;border:solid var(--bg-surface);border-width:0 2px 2px 0;transform:rotate(45deg)}.message-row.selected{background:#1414140a}.message-list{flex:1;overflow-y:auto;background:var(--bg-surface)}.message-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);cursor:pointer;position:relative;background:var(--bg-surface);transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);min-height:72px}.message-row:hover{background:var(--grey-05);box-shadow:var(--shadow-sm)}.message-row.unread{background:var(--bg-surface);box-shadow:inset 3px 0 0 var(--grey-100)}.message-row.unread:hover{background:var(--grey-05)}.message-avatar{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--grey-20);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--weight-semibold);color:var(--bg-surface);text-transform:uppercase;letter-spacing:.02em;user-select:none;transition:transform var(--duration-fast)}.message-row:hover .message-avatar{transform:scale(1.05)}.message-row .star-btn{flex-shrink:0;background:none;border:none;font-size:16px;cursor:pointer;padding:4px;color:var(--grey-30);transition:color var(--duration-fast);line-height:1;display:flex;align-items:center;justify-content:center}.message-row .star-btn svg{transition:transform .15s ease,color .15s ease}.message-row .star-btn:hover svg{transform:scale(1.15)}.message-row .star-btn:hover,.message-row .star-btn.starred{color:var(--color-warning)}.message-row .message-content{flex:1;min-width:0;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:hidden}.message-row .message-top-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px}.message-row .sender-name{font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.message-row.unread .sender-name{font-weight:var(--weight-semibold);color:var(--text-primary)}.message-row .thread-count{flex-shrink:0;font-size:11px;color:var(--text-muted);background:var(--grey-10);padding:1px 5px;border-radius:var(--radius-full);font-family:var(--font-mono)}.message-row .message-indicators{display:flex;align-items:center;gap:4px;flex-shrink:0}.message-row .indicator{display:inline-flex;align-items:center;gap:3px;color:var(--grey-40);font-size:10px;padding:1px 4px;border-radius:var(--radius-sm);background:var(--grey-05);white-space:nowrap}.message-row .indicator svg{width:11px;height:11px;flex-shrink:0}.message-row .indicator.encrypted{color:#16a34a;background:#16a34a14}.message-row .indicator.attachment{color:var(--grey-50)}.message-row .indicator.folder-indicator{gap:4px}.message-row .indicator .indicator-label{max-width:60px;overflow:hidden;text-overflow:ellipsis}.message-row .folder-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.message-row .message-date{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.message-row.unread .message-date{color:var(--text-body);font-weight:var(--weight-medium)}.message-row .message-bottom-row{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row .message-preview-row{margin-top:1px}.message-row .message-preview{font-size:var(--text-xs);color:var(--text-disabled);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.4}.message-row .message-subject{color:var(--text-secondary);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row.unread .message-subject{font-weight:var(--weight-medium);color:var(--text-primary)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state-icon{margin-bottom:var(--space-4);opacity:.35}.empty-state-title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-secondary);margin:0 0 var(--space-2) 0;letter-spacing:var(--tracking-snug)}.empty-state-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0;max-width:260px;line-height:var(--leading-relaxed)}.empty-state:before{display:none}.loading-more{display:flex;justify-content:center;padding:16px 0}.loading-more-text{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;letter-spacing:.03em}.end-of-list{display:flex;justify-content:center;padding:12px 0 20px}.end-of-list-text{font-size:var(--text-xs);color:var(--text-muted);opacity:.6}.draft-delete-btn{background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-muted);opacity:0;transition:opacity .15s,color .15s;padding:2px 6px;margin-left:8px}.message-row:hover .draft-delete-btn{opacity:1}.draft-delete-btn:hover{color:var(--color-danger, #c0392b)}.loading-state{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;background:var(--bg-surface)}.loading-state .spinner{width:32px;height:32px;border:2px solid var(--grey-20);border-top-color:var(--grey-100);border-radius:50%;animation:spin .8s linear infinite}.loading-state .skeleton-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--grey-15);flex-shrink:0}.skeleton-star{width:20px;height:20px;border-radius:var(--radius-sm);background:var(--grey-15)}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-line{height:12px;border-radius:var(--radius-sm);background:var(--grey-15)}.skeleton-line.sender{width:120px}.skeleton-line.subject{width:85%}.skeleton-line.date{width:60px;margin-left:auto}.loading-state .skeleton-message:nth-child(1){animation-delay:0ms}.loading-state .skeleton-message:nth-child(2){animation-delay:50ms}.loading-state .skeleton-message:nth-child(3){animation-delay:.1s}.loading-state .skeleton-message:nth-child(4){animation-delay:.15s}.loading-state .skeleton-message:nth-child(5){animation-delay:.2s}.loading-state .skeleton-message:nth-child(6){animation-delay:.25s}.loading-state .skeleton-message:nth-child(7){animation-delay:.3s}.loading-state .skeleton-message:nth-child(8){animation-delay:.35s}.loading-state .skeleton-message{animation:fadeIn var(--duration-normal) var(--ease-out) both}.skeleton-avatar,.skeleton-star,.skeleton-line{animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes slideInFromRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.message-row{animation:fadeIn var(--duration-normal) var(--ease-out) both}.message-list .message-row:nth-child(1){animation-delay:0ms}.message-list .message-row:nth-child(2){animation-delay:30ms}.message-list .message-row:nth-child(3){animation-delay:60ms}.message-list .message-row:nth-child(4){animation-delay:90ms}.message-list .message-row:nth-child(5){animation-delay:.12s}.message-list .message-row:nth-child(n+6){animation-delay:.15s}.message-row.exiting{animation:slideOutLeft var(--duration-slow) var(--ease-out) forwards;pointer-events:none}.message-row.exiting-right{animation:slideOutRight var(--duration-slow) var(--ease-out) forwards;pointer-events:none}.message-row.exit-archive{background:linear-gradient(90deg,#eab30833,#eab3080d);box-shadow:inset 4px 0 #eab308}.message-row.exit-inbox{background:linear-gradient(90deg,#22c55e33,#22c55e0d);box-shadow:inset 4px 0 #22c55e}.message-row.exit-trash{background:linear-gradient(90deg,#ef444433,#ef44440d);box-shadow:inset 4px 0 #ef4444}.message-row.action-pending{opacity:.6;background:var(--grey-10);transition:opacity var(--duration-fast),background var(--duration-fast)}.message-list-panel,.thread-panel{animation:contentFadeIn var(--duration-normal) var(--ease-out)}.skeleton-container{padding:var(--space-2);background:transparent}.skeleton-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);opacity:0;animation:skeletonFadeIn .3s ease forwards}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--grey-15);flex-shrink:0;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-line{height:12px;border-radius:var(--radius-sm);background:var(--grey-15);animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}.skeleton-line.long{width:90%}.skeleton-name{width:25%;height:14px}.skeleton-subject{width:65%}.skeleton-preview{width:50%;height:10px;opacity:.7}.skeleton-date{width:60px;height:12px;border-radius:var(--radius-sm);background:var(--grey-15);animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonPulse{0%,to{opacity:.5}50%{opacity:1}}.thread-panel{display:flex;flex-direction:column;height:100%;background:var(--gradient-surface);border-left:1px solid var(--border-default)}.thread-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-subtle);background:transparent}.thread-header-left{flex:1;min-width:0}.thread-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.thread-folder-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;background:var(--grey-10);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-body)}.thread-folder-dot{width:6px;height:6px;border-radius:50%}.thread-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast)}.thread-action-btn:hover{background:var(--hover-bg);color:var(--text-secondary);border-color:var(--border-strong)}.thread-action-btn.danger:hover{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.thread-messages{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-6)}.thread-message{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);overflow:hidden;min-width:0}.thread-message:last-child{margin-bottom:0}.thread-message-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--grey-05)}.thread-message-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:var(--grey-15);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);flex-shrink:0;font-family:var(--font-mono)}.thread-message-info{flex:1;min-width:0}.thread-message-sender{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:2px}.thread-message-recipients{font-size:var(--text-sm);color:var(--text-muted)}.thread-message-date{font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0}.thread-message-body{padding:var(--space-5);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-body);overflow-wrap:break-word;word-break:break-word;overflow-x:auto;min-width:0}.thread-message-body img{max-width:100%!important;height:auto!important}.thread-message-body table{max-width:100%!important;width:auto!important}.thread-message-body pre,.thread-message-body code{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.thread-message-body p{margin:0 0 var(--space-4) 0}.thread-message-body p:last-child{margin-bottom:0}.thread-message-body a{color:var(--color-info);text-decoration:underline}.thread-message-body a:hover{color:var(--text-primary)}.thread-attachments{padding:var(--space-4);border-top:1px solid var(--border-subtle);background:var(--grey-05)}.attachment-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-body);cursor:pointer;transition:all var(--duration-fast);margin-right:var(--space-2);margin-bottom:var(--space-2)}.attachment-item:hover{background:var(--hover-bg);border-color:var(--border-strong)}.attachment-icon{color:var(--text-muted)}.attachment-size{color:var(--text-muted);font-size:var(--text-xs)}.reply-box{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-default);background:var(--grey-05)}.reply-textarea{width:100%;min-height:120px;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;font-size:var(--text-md);line-height:var(--leading-relaxed);resize:vertical;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.reply-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #14141414}.reply-textarea::placeholder{color:var(--text-disabled)}.send-btn{padding:var(--space-2) var(--space-5);background:var(--grey-100);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);box-shadow:var(--shadow-sm)}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.compose-backdrop{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.compose-modal{width:100%;max-width:640px;max-height:90vh;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.compose-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--grey-05)}.compose-header h2{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-snug)}.compose-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xl);line-height:1;transition:all var(--duration-fast)}.compose-close:hover{background:var(--hover-bg);color:var(--text-secondary)}.compose-field{display:flex;align-items:center;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle)}.compose-field label{width:60px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);flex-shrink:0}.compose-field input{flex:1;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:var(--text-md);outline:none}.compose-field input::placeholder{color:var(--text-disabled)}.compose-body{flex:1;overflow:auto}.compose-body textarea{width:100%;height:100%;min-height:200px;padding:var(--space-5);background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:var(--text-md);line-height:var(--leading-relaxed);resize:none;outline:none}.compose-body textarea::placeholder{color:var(--text-disabled)}.compose-send{padding:var(--space-2) var(--space-6);background:var(--grey-100);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);box-shadow:var(--shadow-sm)}.compose-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.compose-send:disabled{opacity:.4;cursor:not-allowed}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideIn var(--duration-normal) var(--ease-spring);max-width:360px}.toast.success{border-color:var(--color-success-border);background:var(--color-success-bg)}.toast.error{border-color:var(--color-error-border);background:var(--color-error-bg)}.toast.warning{border-color:var(--color-warning-border);background:var(--color-warning-bg)}.toast-icon{font-size:var(--text-lg);flex-shrink:0}.toast.success .toast-icon{color:var(--color-success)}.toast.error .toast-icon{color:var(--color-error)}.toast.warning .toast-icon{color:var(--color-warning)}.toast-message{flex:1;font-size:var(--text-sm);color:var(--text-secondary)}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);font-size:var(--text-base);line-height:1;transition:color var(--duration-fast)}.toast-close:hover{color:var(--text-secondary)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:767px){.top-nav{padding:0 var(--space-4);height:52px}.compose-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.message-row{padding:var(--space-3) var(--space-4)}.message-avatar{width:40px;height:40px;font-size:var(--text-sm);flex-shrink:0;border-radius:var(--radius-lg)}.thread-header{padding:var(--space-4)}.thread-subject{font-size:var(--text-xl)}.thread-messages{padding:var(--space-3)}.compose-modal{max-height:100vh;border-radius:0;margin:0}.compose-backdrop{padding:0}}::-webkit-scrollbar-thumb{background:var(--grey-30);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--grey-50)}.compose-panel{display:flex;flex-direction:column;height:100%;background:var(--gradient-surface);position:relative;overflow:hidden}.compose-header{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--grey-05);flex-shrink:0;min-height:52px}.compose-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.compose-back:hover{background:var(--hover-bg);color:var(--text-primary)}.compose-title-group{display:flex;align-items:center;gap:var(--space-2);min-width:0}.compose-title-group h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-snug);white-space:nowrap}.compose-draft-badge{font-size:10px;font-weight:var(--weight-medium);color:var(--color-success);background:var(--color-success-bg);padding:1px 7px;border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap}.compose-header-actions{display:flex;align-items:center;gap:var(--space-2)}.compose-action-link{padding:var(--space-1) var(--space-2);background:transparent;border:none;border-bottom:1px solid transparent;border-radius:0;color:var(--text-muted);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);letter-spacing:var(--tracking-snug);white-space:nowrap}.compose-action-link:hover:not(:disabled){color:var(--text-secondary);border-bottom-color:var(--text-secondary)}.compose-action-link:disabled{opacity:.35;cursor:not-allowed}.compose-send-btn{padding:var(--space-1) var(--space-4);background:var(--grey-100);border:none;border-radius:var(--radius-full);color:#fff;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast);letter-spacing:var(--tracking-snug);white-space:nowrap;line-height:1.6}.compose-send-btn:hover:not(:disabled){background:var(--grey-90)}.compose-send-btn:disabled{opacity:.35;cursor:not-allowed}.compose-error{padding:var(--space-2) var(--space-4);background:var(--color-error-bg);border-bottom:1px solid var(--color-error-border);color:var(--color-error);font-size:var(--text-sm)}.compose-form{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.compose-form-scrollable{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.compose-field{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);min-height:44px}.compose-label{width:52px;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.compose-field-body{flex:1;min-width:0;display:flex;align-items:center}.compose-field--recipients{flex-wrap:nowrap}.compose-from-picker{position:relative;flex:1;min-width:0}.compose-from-trigger{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--duration-fast);max-width:100%}.compose-from-trigger:hover{background:var(--hover-bg);border-color:var(--border-default)}.compose-from-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-from-badge{font-size:9px;font-weight:var(--weight-semibold);color:var(--text-muted);background:var(--grey-10);padding:1px 5px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.compose-from-chevron{flex-shrink:0;opacity:.5;transition:transform var(--duration-fast)}.compose-from-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:280px;max-width:400px;background:var(--bg-floating);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;padding:4px;animation:fadeIn .1s ease}.compose-from-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:none;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--duration-fast)}.compose-from-option:hover{background:var(--hover-bg)}.compose-from-option.active{font-weight:var(--weight-medium);color:var(--text-primary)}.compose-from-option-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-from-option-badge{font-size:9px;font-weight:var(--weight-semibold);color:var(--text-muted);background:var(--grey-10);padding:1px 5px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.compose-from-option svg{flex-shrink:0;color:var(--color-success)}.compose-from-static{color:var(--text-secondary);font-size:var(--text-sm)}.compose-field .email-tag-input-wrapper{flex:1;min-width:0;overflow:hidden}.compose-field .email-tag-input{padding:0;background:transparent;border:none;border-radius:0;min-height:unset;box-shadow:none!important;gap:4px;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.compose-field .email-tag-input::-webkit-scrollbar{display:none}.compose-field .email-tag-input:focus-within{border-color:transparent;box-shadow:none!important}.compose-field .email-tag{padding:1px 6px;font-size:.72rem;border:none;background:var(--grey-10);flex-shrink:0}.compose-field .email-tag-text{font-family:inherit;font-size:.72rem}.compose-field .email-tag-remove{width:14px;height:14px;font-size:12px}.compose-field .email-tag-input-field{min-width:80px;padding:2px 0;font-size:var(--text-sm);flex-shrink:0}.compose-cc-toggle{padding:2px var(--space-2);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-muted);font-size:10px;font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;letter-spacing:.02em;text-transform:uppercase}.compose-cc-toggle:hover{background:var(--hover-bg);color:var(--text-secondary);border-color:var(--border-strong)}.compose-field--subject .compose-subject-input{width:100%;padding:var(--space-1) 0;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);outline:none}.compose-field--subject .compose-subject-input::placeholder{color:var(--text-disabled);font-weight:var(--weight-normal)}.compose-body{display:flex;flex-direction:column;min-height:160px;flex:1 1 auto}.compose-editor-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.compose-unified-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--grey-05);gap:var(--space-2);flex-shrink:0;min-height:36px}.compose-toolbar-left{display:flex;align-items:center;gap:2px}.compose-toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.compose-tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 6px;background:none;border:none;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);border-radius:var(--radius-md);font-family:inherit;white-space:nowrap;line-height:1}.compose-tb-btn:hover{color:var(--text-secondary);background:var(--hover-bg)}.compose-tb-btn--on{color:var(--text-primary);background:var(--grey-10);font-weight:var(--weight-semibold)}.compose-tb-btn svg{flex-shrink:0}.compose-tb-sep{display:inline-block;width:1px;height:16px;background:var(--border-default);margin:0 2px;opacity:.5}.compose-tb-delivery{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:none;border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);font-family:inherit;white-space:nowrap}.compose-tb-delivery:hover{border-color:var(--border-strong);color:var(--text-secondary)}.compose-tb-delivery--open{color:var(--text-primary);border-color:var(--text-primary)}.compose-tb-delivery svg{flex-shrink:0;transition:transform var(--duration-fast)}.compose-tb-delivery--open svg{transform:rotate(180deg)}.compose-tb-btn--relay{font-size:10px;padding:3px 6px}.compose-tb-label{font-size:10px;letter-spacing:.02em}.compose-delivery-wrap{position:relative}.compose-delivery-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:50;min-width:180px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0,0,0,.12));padding:4px;display:flex;flex-direction:column;gap:1px}.compose-delivery-opt{display:flex;align-items:center;gap:8px;padding:7px 10px;background:none;border:none;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast);font-family:inherit;white-space:nowrap;text-align:left;width:100%}.compose-delivery-opt:hover{background:var(--hover-bg);color:var(--text-primary)}.compose-delivery-opt--on{background:var(--grey-10);color:var(--text-primary);font-weight:var(--weight-semibold)}.compose-delivery-opt--relay{border-top:1px solid var(--border-subtle);margin-top:2px;padding-top:8px}.compose-format-bar{display:flex;align-items:center;gap:2px;padding:4px var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;flex-wrap:wrap}.compose-format-group{display:flex;align-items:center;gap:1px}.compose-fmt-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);border-radius:var(--radius-sm);font-size:11px;font-weight:var(--weight-semibold);font-family:inherit;line-height:1;min-width:26px;min-height:26px}.compose-fmt-btn:hover{color:var(--text-secondary);background:var(--hover-bg)}.compose-fmt-btn:active{background:var(--grey-10)}.compose-fmt-btn svg{flex-shrink:0}.compose-fmt-sep{display:inline-block;width:1px;height:16px;background:var(--border-default);margin:0 4px;opacity:.4}.compose-signature{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--grey-05)}.compose-signature .signature-toggle{display:inline-flex;align-items:center;gap:4px;padding:2px 0;background:none;border:none;font-family:inherit;font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast)}.compose-signature .signature-toggle:hover{color:var(--text-secondary)}.compose-signature .signature-toggle-chevron{transition:transform var(--duration-fast)}.compose-signature.expanded .signature-toggle-chevron{transform:rotate(180deg)}.compose-signature-body{font-size:var(--text-sm);color:var(--text-body);line-height:1.5;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.compose-attachments{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--grey-05);display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.compose-attachments-head{display:flex;align-items:center;justify-content:space-between}.compose-attachments-count{font-size:10px;font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.compose-att{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--duration-fast)}.compose-att--uploading{border-color:var(--color-info-border)}.compose-att-row{display:flex;align-items:center;gap:var(--space-2);min-height:28px}.compose-att-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--grey-10);border-radius:var(--radius-md);flex-shrink:0;color:var(--text-muted)}.compose-att-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.compose-att-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-att-meta{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em}.compose-att-mode-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:var(--grey-10);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-semibold);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);font-family:inherit;white-space:nowrap;letter-spacing:.02em}.compose-att-mode-pill:hover{border-color:var(--border-strong);color:var(--text-secondary);background:var(--grey-15)}.compose-att-mode-pill.mode-e2e{color:#16a34a;border-color:#16a34a4d;background:#16a34a0f}.compose-att-mode-pill.mode-pw{color:#3b82f6;border-color:#3b82f64d;background:#3b82f60f}.compose-att-mode-pill svg{flex-shrink:0}.compose-att-pct{font-size:10px;font-family:var(--font-mono);color:var(--color-info);font-weight:var(--weight-semibold);min-width:32px;text-align:right}.compose-att-remove{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--text-disabled);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast);padding:0}.compose-att-remove:hover{color:var(--color-error);background:var(--color-error-bg)}.compose-att-progress{height:3px;background:var(--grey-10);border-radius:2px;overflow:hidden}.compose-att-bar{height:100%;background:var(--color-info);border-radius:2px;transition:width .3s ease}.compose-msg-password{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-info-bg);border-top:1px solid var(--color-info-border);flex-shrink:0}.compose-msg-password .compose-label{width:auto;flex-shrink:0;white-space:nowrap}.compose-msg-password-body{flex:1}.compose-msg-password-input{width:100%;padding:var(--space-1) var(--space-2);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-family:inherit}.compose-msg-password-input:focus{outline:none;border-color:var(--grey-100)}.compose-msg-password-input::placeholder{color:var(--text-disabled)}.compose-footer{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--grey-05);display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.compose-toolbar{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.compose-tool{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;background:none;border:none;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;border-radius:var(--radius-md);letter-spacing:.01em;font-family:inherit}.compose-tool:hover{color:var(--text-secondary);background:var(--hover-bg)}.compose-tool--on{color:var(--text-primary);font-weight:var(--weight-semibold);background:var(--grey-10)}.compose-tool svg{flex-shrink:0}.compose-toolbar-sep{display:inline-block;width:1px;height:16px;background:var(--border-default);margin:0 var(--space-1);opacity:.6}.compose-toolbar-hint{font-size:var(--text-xs);color:var(--text-disabled)}.compose-method-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-disabled);flex-shrink:0}.compose-method-dot.green{background:#16a34a}.compose-method-dot.blue{background:#3b82f6}.compose-method-dot.orange{background:#ea580c}.compose-mode-picker{display:flex;flex-wrap:wrap;gap:var(--space-1);padding-top:var(--space-1)}.compose-mode{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:none;border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast)}.compose-mode:hover{border-color:var(--border-strong);color:var(--text-secondary)}.compose-mode--on{color:var(--text-primary);border-color:var(--text-primary);font-weight:var(--weight-semibold)}.compose-relay input[type=checkbox]{display:none}.settings-panel{display:flex;flex-direction:column;height:100%;background:var(--gradient-surface)}.settings-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border-subtle);flex-shrink:0;background:var(--bg-surface);min-height:54px}.settings-back-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:5px 10px 5px 7px;cursor:pointer;transition:all var(--duration-fast);flex-shrink:0;line-height:1}.settings-back-btn svg{flex-shrink:0;display:block}.settings-back-btn span{display:block;line-height:1}.settings-back-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--border-strong)}.settings-header h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;line-height:1;letter-spacing:var(--tracking-snug)}.settings-layout{flex:1;display:flex;overflow:hidden}.settings-nav{width:220px;min-width:200px;max-width:260px;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--bg-surface);padding:var(--space-4) 0;flex-shrink:0;overflow-y:auto}.settings-nav-profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.settings-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--grey-100);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0;letter-spacing:-.02em}.settings-nav-profile-info{display:flex;flex-direction:column;gap:1px;min-width:0}.settings-nav-email{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-nav-domain{font-size:10px;color:var(--text-muted)}.settings-nav-item{display:block;width:100%;padding:var(--space-2) var(--space-5);border:none;background:none;text-align:left;font-family:inherit;font-size:var(--text-sm);color:var(--text-body);cursor:pointer;transition:all var(--duration-fast);border-left:2px solid transparent}.settings-nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.settings-nav-item.active{background:var(--hover-bg);color:var(--text-primary);font-weight:var(--weight-medium);border-left-color:var(--grey-100)}.settings-nav-spacer{flex:1;min-height:var(--space-4)}.settings-nav-danger{color:var(--color-error)!important;margin-top:auto}.settings-nav-danger:hover{background:var(--color-error-bg)!important}.settings-content{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8);min-width:0}.settings-section-content{max-width:640px}.settings-section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;letter-spacing:var(--tracking-snug)}.settings-section-hint{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--space-5) 0;line-height:1.5}.settings-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);margin-bottom:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs)}.settings-info-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3)}.settings-info-label{font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);font-weight:var(--weight-semibold)}.settings-info-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium)}.settings-info-value.mono{font-family:var(--font-mono);font-size:var(--text-xs)}.settings-quick-storage{margin-bottom:var(--space-6)}.settings-quick-storage-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)}.settings-storage-bar{width:100%;height:6px;background:var(--grey-10);border-radius:var(--radius-full);overflow:hidden}.settings-storage-bar.large{height:10px}.settings-storage-fill{height:100%;border-radius:var(--radius-full);transition:width .4s ease;min-width:2px}.settings-storage-percent{font-size:var(--text-xs);font-weight:var(--weight-medium);margin-top:var(--space-1);display:inline-block}.settings-msg-summary{margin-bottom:var(--space-4)}.settings-msg-counts{display:flex;gap:var(--space-3);flex-wrap:wrap}.settings-msg-count{display:flex;flex-direction:column;align-items:center;min-width:54px;padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.settings-msg-count-num{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);font-family:var(--font-mono)}.settings-msg-count-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.settings-storage-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.settings-storage-card-header{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-3)}.settings-storage-card-values{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.settings-storage-breakdown{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.settings-storage-breakdown-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-body)}.settings-storage-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.settings-storage-breakdown-val{margin-left:auto;font-family:var(--font-mono);color:var(--text-muted)}.settings-limits-info{margin-top:var(--space-6);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.settings-limits-info h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);font-weight:var(--weight-semibold);margin:0 0 var(--space-3) 0}.settings-limit-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-body);border-bottom:1px solid var(--border-subtle)}.settings-limit-row:last-of-type{border-bottom:none}.settings-limit-row span:last-child{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);font-weight:var(--weight-medium)}.settings-limit-warning{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-error);line-height:1.5}.setting-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);font-family:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;margin-bottom:var(--space-2);transition:all var(--duration-fast);box-shadow:var(--shadow-xs);display:flex;justify-content:space-between;align-items:center}.setting-btn:hover{background:var(--hover-bg);border-color:var(--border-strong);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.setting-btn:disabled{opacity:.5;cursor:not-allowed}.setting-btn-arrow{color:var(--text-muted);font-size:var(--text-sm);flex-shrink:0}.setting-btn-content{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.setting-btn-label{font-weight:var(--weight-medium);color:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setting-btn-meta{font-size:var(--text-xs);color:var(--text-muted)}.settings-privacy-cards{display:flex;flex-direction:column;gap:var(--space-4)}.settings-privacy-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.settings-privacy-card.settings-privacy-danger{border-color:var(--color-error-border)}.settings-privacy-card-header{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.settings-privacy-icon{font-size:var(--text-xl);flex-shrink:0;line-height:1}.settings-privacy-card-header h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.settings-privacy-card-header p{font-size:var(--text-xs);color:var(--text-muted);margin:0;line-height:1.5}.settings-privacy-facts{display:flex;flex-direction:column;gap:var(--space-2)}.settings-privacy-fact{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-body)}.settings-privacy-fact-check{color:var(--color-success);font-weight:var(--weight-bold);flex-shrink:0}.logout-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast)}.logout-btn:hover{background:var(--color-error);color:var(--text-inverse)}.signature-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(2px);z-index:var(--z-modal)}.settings-inline-input{font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-input, var(--bg-surface));border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px 8px;outline:none;width:180px;transition:border-color var(--duration-fast)}.settings-inline-input:focus{border-color:var(--border-strong)}.settings-inline-save,.settings-inline-cancel,.settings-inline-edit-btn{font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-body)}.settings-inline-save{background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.settings-inline-save:hover{opacity:.85}.settings-inline-save:disabled{opacity:.5;cursor:not-allowed}.settings-inline-cancel{color:var(--text-muted)}.settings-inline-cancel:hover{background:var(--hover-bg)}.settings-inline-edit-btn{font-size:var(--text-xs);padding:1px 8px;opacity:.65}.settings-inline-edit-btn:hover{opacity:1}.settings-pref-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.settings-pref-card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.settings-pref-radio-group{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.settings-pref-radio{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);position:relative}.settings-pref-radio input[type=radio]{position:absolute;opacity:0;pointer-events:none}.settings-pref-radio.selected{border-color:var(--text-primary);background:var(--hover-bg)}.settings-pref-radio-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.settings-pref-radio.selected .settings-pref-radio-label:before{content:"●";font-size:10px;color:var(--text-primary)}.settings-pref-radio:not(.selected) .settings-pref-radio-label:before{content:"○";font-size:10px;color:var(--text-muted)}.settings-pref-radio-desc{font-size:var(--text-xs);color:var(--text-muted);padding-left:18px;line-height:1.4}.settings-toggle{display:inline-flex;align-items:center;cursor:pointer;gap:var(--space-2)}.settings-toggle input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.settings-toggle-track{width:36px;height:20px;border-radius:10px;background:var(--border-default);position:relative;transition:background var(--duration-fast)}.settings-toggle input:checked+.settings-toggle-track{background:var(--text-primary)}.settings-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--bg-base);transition:transform var(--duration-fast);box-shadow:0 1px 3px #00000040}.settings-toggle input:checked+.settings-toggle-track .settings-toggle-thumb{transform:translate(16px)}.settings-pref-form{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.settings-pref-label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.settings-pref-input,.settings-pref-textarea{font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);outline:none;width:100%;box-sizing:border-box;transition:border-color var(--duration-fast)}.settings-pref-input:focus,.settings-pref-textarea:focus{border-color:var(--border-strong)}.settings-pref-textarea{resize:vertical;min-height:100px;line-height:1.5}.settings-pref-date-row{display:flex;gap:var(--space-4)}.settings-save-btn{font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-5);background:var(--text-primary);color:var(--bg-base);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--duration-fast)}.settings-save-btn:hover{opacity:.85}.settings-save-btn:disabled{opacity:.45;cursor:not-allowed}.settings-plan-badge{display:inline-block;font-size:10px;font-weight:var(--weight-semibold);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-default);color:var(--text-muted);background:var(--bg-base);margin-left:var(--space-2);vertical-align:middle;line-height:1.6}.thread-header-unified{display:flex;flex-direction:column;padding:var(--space-3) var(--space-5) var(--space-2);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;gap:var(--space-1)}.thread-header-row-1{display:flex;align-items:center;justify-content:space-between}.thread-header-unified .back-btn{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast)}.thread-header-unified .back-btn:hover{color:var(--text-secondary)}.thread-header-unified .back-btn svg{flex-shrink:0}.thread-header-unified .back-btn .back-label{text-decoration:underline;text-decoration-color:var(--border-default);text-underline-offset:3px;text-decoration-thickness:1px}.thread-header-unified .back-btn:hover .back-label{text-decoration-color:var(--text-secondary)}.thread-header-actions{display:flex;align-items:center;gap:var(--space-4)}.header-action{background:none;border:none;padding:0;color:var(--text-muted);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--duration-fast);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;text-decoration-thickness:1px;letter-spacing:.02em}.header-action:hover:not(:disabled){color:var(--text-secondary);text-decoration-color:var(--text-secondary)}.header-action.danger:hover:not(:disabled){color:var(--color-error);text-decoration-color:var(--color-error)}.header-action:disabled{opacity:.4;cursor:not-allowed}.thread-header-row-2{display:flex;align-items:baseline;gap:var(--space-3);min-width:0}.thread-msg-count{font-size:var(--text-xs);color:var(--text-disabled);white-space:nowrap;flex-shrink:0}.thread-header-info{display:flex;flex-direction:column;gap:var(--space-1)}.thread-header-info .thread-subject{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;line-height:var(--leading-tight)}.thread-header-info .thread-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.thread-header-info .meta-dot{color:var(--text-disabled)}.thread-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--grey-05);flex-shrink:0}.back-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 7px;background:none;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);line-height:1;flex-shrink:0}.back-btn svg{flex-shrink:0;display:block}.back-btn span{display:block;line-height:1}.back-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--border-strong)}.thread-actions{display:flex;gap:var(--space-2)}.thread-actions button{padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast);box-shadow:var(--shadow-xs)}.thread-actions button:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-strong);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.thread-actions button.danger:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.thread-actions button:disabled{opacity:.5;cursor:not-allowed}.thread-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.thread-subject-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--grey-05)}.thread-subject{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight);letter-spacing:var(--tracking-snug)}.thread-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.thread-meta-item{display:flex;align-items:center;gap:var(--space-1)}.thread-messages{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.thread-message{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden;min-width:0;box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-fast)}.thread-message.expanded{box-shadow:var(--shadow-md)}.thread-message.latest{border-color:var(--grey-90);border-width:1px;box-shadow:var(--shadow-sm),inset 3px 0 0 var(--grey-100)}.thread-message.from-me{background:var(--grey-05)}.msg-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:background var(--duration-fast)}.msg-header:hover{background:var(--hover-bg)}.msg-avatar{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--grey-15);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);flex-shrink:0;font-family:var(--font-mono);letter-spacing:.02em;user-select:none}.msg-info{flex:1;min-width:0}.msg-sender-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px}.msg-sender{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-secondary)}.msg-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.msg-badge.you{background:var(--grey-10);color:var(--text-muted);border:1px solid var(--border-subtle)}.msg-badge.new{background:var(--grey-100);color:var(--text-inverse)}.msg-badge.enc-e2e{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.25);display:inline-flex;align-items:center;gap:3px}.msg-badge.enc-err{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.thread-enc-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.thread-enc-badge.e2e{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.25)}.indicator.enc-e2e,.indicator.enc-pw{display:inline-flex;align-items:center}.msg-meta-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.msg-date{white-space:nowrap}.msg-recipients{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-toggle{font-size:var(--text-md);color:var(--text-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background var(--duration-fast),color var(--duration-fast);flex-shrink:0}.expand-toggle svg{transition:transform .2s ease}.expand-toggle.expanded svg{transform:rotate(90deg)}.msg-header:hover .expand-toggle{background:var(--grey-10);color:var(--text-secondary)}.msg-body-wrapper{padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-subtle);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;min-width:0}.msg-body-html,.msg-body{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-body);overflow-wrap:break-word;word-break:break-word;max-width:100%}.msg-body-html{overflow-x:auto;-webkit-overflow-scrolling:touch}.msg-body-html table{max-width:100%!important;width:auto!important;height:auto!important}.msg-body-html img{max-width:100%!important;height:auto!important}.msg-body-html pre,.msg-body-html code{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.msg-body-html div,.msg-body-html td,.msg-body-html th{max-width:100%!important;overflow-wrap:break-word;word-break:break-word}.msg-body p{margin:0 0 var(--space-3) 0}.msg-body p:last-child{margin-bottom:0}.msg-body p.quoted{color:var(--text-muted);border-left:2px solid var(--border-default);padding-left:var(--space-3);margin-left:0}.msg-preview{padding:var(--space-3) var(--space-4);padding-left:calc(40px + var(--space-3) + var(--space-4));font-size:var(--text-sm);color:var(--text-muted);cursor:pointer}.msg-attachments{margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.msg-attachments-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.msg-attachments-list{display:flex;flex-direction:column;gap:var(--space-2)}.msg-attachment-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-base);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.msg-attachment-item .attachment-icon{font-size:var(--text-base)}.msg-attachment-item .attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.msg-attachment-item .attachment-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-attachment-item .attachment-meta{font-size:var(--text-xs);color:var(--text-muted)}.msg-attachment-item .attachment-mode{color:var(--text-secondary)}.msg-attachment-item .attachment-download-btn{padding:var(--space-1) var(--space-2);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:opacity var(--duration-fast)}.msg-attachment-item .attachment-download-btn:hover{opacity:.9}.msg-attachment-item .attachment-download-btn:disabled{opacity:.5;cursor:not-allowed}.msg-attachment-item .attachment-error{color:var(--color-error);font-size:var(--text-sm)}.msg-attachment-item.password .attachment-download-btn{background:var(--color-warning)}.msg-attachment-item.e2e .attachment-download-btn{background:var(--color-success)}.msg-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.msg-actions button{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast)}.msg-actions button:hover{background:var(--hover-bg);border-color:var(--border-strong);color:var(--text-secondary)}.thread-reply-section{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-default);background:var(--grey-05);flex-shrink:0}.quick-reply-btn{width:100%;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast);text-align:left}.quick-reply-btn:hover{background:var(--hover-bg);border-color:var(--border-strong);border-style:solid;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.reply-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md)}.reply-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.reply-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-secondary)}.reply-delivery-method{display:flex;align-items:center;gap:var(--space-3)}.reply-mode-select{padding:var(--space-1) var(--space-3);background:var(--gradient-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;font-size:var(--text-xs);cursor:pointer}.reply-relay-checkbox{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;font-size:var(--text-xs);color:var(--text-muted)}.relay-label{white-space:nowrap}.reply-to-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--grey-05);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--text-sm)}.reply-to-info .label{color:var(--text-muted)}.reply-to-info .email{color:var(--text-secondary);font-family:var(--font-mono)}.delivery-badge{font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-full);font-weight:var(--weight-medium)}.delivery-badge.internal{background:var(--color-success-bg);color:var(--color-success)}.delivery-badge.external{background:var(--grey-10);color:var(--text-muted)}.reply-password-field{padding:var(--space-3);background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.reply-password-field input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.reply-password-field .hint{font-size:var(--text-xs);color:var(--text-muted)}.reply-error{padding:var(--space-3);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-3)}.reply-box textarea{width:100%;min-height:120px;padding:var(--space-3);background:var(--gradient-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;font-size:var(--text-md);line-height:var(--leading-relaxed);resize:vertical;transition:border-color var(--duration-fast)}.reply-box textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #14141414}.reply-box textarea::placeholder{color:var(--text-disabled)}.reply-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-3)}.reply-actions .cancel{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast)}.reply-actions .cancel:hover{background:var(--hover-bg);border-color:var(--border-strong);color:var(--text-secondary)}.reply-actions .send{padding:var(--space-2) var(--space-5);background:var(--grey-100);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);box-shadow:var(--shadow-sm)}.reply-actions .send:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.reply-actions .send:disabled{opacity:.4;cursor:not-allowed}.reply-box.enhanced{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.reply-box.enhanced .reply-box-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--grey-05);border-bottom:1px solid var(--border-subtle);margin-bottom:0}.reply-box.enhanced .reply-header-left{display:flex;align-items:center;gap:var(--space-3)}.reply-box.enhanced .reply-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-secondary)}.reply-close-btn{background:transparent;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-md);transition:all var(--duration-fast)}.reply-close-btn:hover{background:var(--hover-bg);color:var(--text-secondary)}.reply-form{padding:var(--space-4)}.reply-field-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.reply-field-row label{min-width:40px;font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium)}.reply-recipient-display{flex:1;display:flex;align-items:center;gap:var(--space-2)}.reply-recipient-display .recipient-email{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono)}.cc-toggle-btn{background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast)}.cc-toggle-btn:hover{background:var(--hover-bg);border-color:var(--border-strong);color:var(--text-secondary)}.reply-body-field{margin-top:var(--space-3)}.reply-body-field .rich-text-editor{min-height:150px}.reply-signature-preview{margin-top:var(--space-3);padding:var(--space-3);background:var(--grey-05);border-radius:var(--radius-md);font-size:var(--text-sm)}.reply-signature-preview .signature-divider{text-align:center;margin-bottom:var(--space-2)}.reply-signature-preview .signature-divider span{font-size:var(--text-xs);color:var(--text-disabled)}.reply-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--grey-05);border-top:1px solid var(--border-subtle);gap:var(--space-3)}.reply-toolbar{display:flex;gap:var(--space-2)}.reply-toolbar .toolbar-btn{background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-body);cursor:pointer;transition:all var(--duration-fast)}.reply-toolbar .toolbar-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-strong)}.reply-toolbar .toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.reply-send-options{display:flex;align-items:center;gap:var(--space-3)}.reply-send-options .send-method-selector{position:relative}.reply-send-options .send-method-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-body);cursor:pointer;transition:all var(--duration-fast)}.reply-send-options .send-method-toggle:hover{border-color:var(--border-strong)}.reply-send-options .send-method-toggle.active{border-color:var(--border-focus)}.reply-send-options .method-icon{font-size:var(--text-base)}.reply-send-options .method-icon.green{color:var(--color-success)}.reply-send-options .method-icon.blue{color:var(--color-info)}.reply-send-options .method-arrow{font-size:10px;color:var(--text-muted)}.reply-send-options .send-method-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;min-width:240px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:100}.reply-send-options .method-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:transparent;border:none;text-align:left;cursor:pointer;transition:background var(--duration-fast)}.reply-send-options .method-option:hover{background:var(--hover-bg)}.reply-send-options .method-option.selected{background:var(--grey-05)}.reply-send-options .method-option-icon{font-size:var(--text-lg)}.reply-send-options .method-option-content{flex:1;display:flex;flex-direction:column;gap:2px}.reply-send-options .method-option-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.reply-send-options .method-option-desc{font-size:var(--text-xs);color:var(--text-muted)}.reply-send-options .method-check{color:var(--color-success);font-weight:var(--weight-bold)}.reply-send-options .relay-option{padding:var(--space-3);border-top:1px solid var(--border-subtle);background:var(--grey-05)}.reply-send-options .relay-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.reply-send-options .relay-content{display:flex;flex-direction:column}.reply-send-options .relay-title{font-size:var(--text-sm);color:var(--text-secondary)}.reply-send-options .relay-desc{font-size:var(--text-xs);color:var(--text-muted)}.password-protect-input.compact{max-width:150px}.password-protect-input.compact input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary)}.password-protect-input.compact input::placeholder{color:var(--text-disabled)}.reply-send-options .send-btn{padding:var(--space-2) var(--space-5);background:var(--grey-100);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);box-shadow:var(--shadow-sm)}.reply-send-options .send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.reply-send-options .send-btn:disabled{opacity:.4;cursor:not-allowed}.thread-subject-inline{flex:1;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.thread-split{flex:1;display:flex;overflow:hidden;gap:0}.thread-messages-pane{flex:1 1 45%;min-width:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-subtle)}.thread-messages-pane .thread-messages{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.thread-messages-pane .thread-message{margin-bottom:var(--space-2);border-radius:var(--radius-md)}.thread-messages-pane .msg-header{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.thread-messages-pane .msg-avatar{width:32px;height:32px;font-size:var(--text-xs)}.thread-messages-pane .msg-sender{font-size:var(--text-sm)}.thread-messages-pane .msg-meta-row{font-size:var(--text-xs);gap:var(--space-2)}.thread-messages-pane .msg-body-wrapper{padding:var(--space-3) var(--space-4);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;min-width:0}.thread-messages-pane .msg-preview{padding:var(--space-1) var(--space-3);padding-left:calc(32px + var(--space-2) + var(--space-3));font-size:var(--text-xs)}.thread-reply-panel{flex:1 1 55%;min-width:0;display:flex;flex-direction:column;padding:var(--space-3);background:var(--grey-05);overflow:hidden}.reply-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;box-shadow:0 1px 3px #0000000a,0 6px 20px #0000000f;overflow:hidden;flex:1;min-height:0}.reply-card-header{padding:var(--space-2) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.reply-card-title{display:flex;align-items:center;gap:var(--space-2);margin-bottom:4px}.reply-label{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-secondary);letter-spacing:.01em}.delivery-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:var(--weight-semibold);padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase}.delivery-pill svg{flex-shrink:0}.delivery-pill.encrypted{background:#22c55e1a;color:#16a34a}.delivery-pill.standard{background:var(--grey-10);color:var(--text-muted)}.reply-to-badge{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:-.01em}.reply-from-label{font-size:var(--text-xs);color:var(--text-muted);padding:0 var(--space-4) var(--space-1);font-family:var(--font-mono)}.reply-to-row{padding:var(--space-1) var(--space-4) var(--space-2);border-bottom:1px solid var(--border-subtle)}.reply-card-recipients{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-1)}.reply-cc-row{display:flex;align-items:center;gap:var(--space-2)}.reply-cc-row label{min-width:28px;font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.reply-card-error{padding:var(--space-2) var(--space-4);background:var(--color-error-bg);color:var(--color-error);font-size:var(--text-xs);border-bottom:1px solid var(--color-error-border)}.reply-card-scrollable{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.reply-card-body{display:flex;flex-direction:column;flex:1;min-height:80px}.reply-card-body .rich-text-editor{flex:1;display:flex;flex-direction:column;min-height:0;border:none;border-radius:0}.reply-card-body .rich-text-editor .quill{display:flex;flex-direction:column;flex:1;min-height:0}.reply-card-body .rich-text-editor .ql-toolbar{border:none;border-bottom:1px solid var(--border-subtle);padding:4px 12px;display:flex;flex-wrap:wrap;gap:1px;background:var(--grey-05);flex-shrink:0}.reply-card-body .rich-text-editor .ql-toolbar .ql-formats{margin-right:8px;padding-right:8px;border-right:1px solid var(--border-subtle);display:inline-flex;align-items:center;gap:2px}.reply-card-body .rich-text-editor .ql-toolbar .ql-formats:last-child{border-right:none;margin-right:0;padding-right:0}.reply-card-body .rich-text-editor .ql-toolbar button{width:28px;height:28px;padding:4px;border-radius:5px;transition:background .15s,color .15s}.reply-card-body .rich-text-editor .ql-toolbar button:hover{background:var(--grey-10)}.reply-card-body .rich-text-editor .ql-toolbar button.ql-active{background:var(--grey-15)}.reply-card-body .rich-text-editor .ql-toolbar .ql-picker-label{padding:4px 8px;border-radius:6px;border-color:transparent;transition:background .15s}.reply-card-body .rich-text-editor .ql-toolbar .ql-picker-label:hover{background:var(--grey-10)}.reply-card-body .rich-text-editor .ql-toolbar .ql-picker-options{border-radius:10px;border:1px solid var(--border-default);box-shadow:0 8px 24px #0000001a;padding:6px}.reply-card-body .rich-text-editor .ql-container{border:none;font-size:var(--text-md);flex:1;min-height:0;overflow-y:auto}.reply-card-body .rich-text-editor .ql-editor{padding:var(--space-3) var(--space-4);min-height:80px;font-size:var(--text-md);line-height:var(--leading-relaxed)}.reply-card-body .rich-text-editor .ql-editor.ql-blank:before{font-style:normal;color:var(--text-disabled);left:var(--space-5)}.reply-card-signature{padding:6px var(--space-4);border-top:1px solid var(--border-subtle);background:var(--grey-05);flex-shrink:0}.reply-card-signature.expanded{padding:8px var(--space-4) 12px}.signature-toggle{display:flex;align-items:center;gap:6px;padding:4px 8px;margin:0 -8px;background:none;border:none;border-radius:var(--radius-md, 6px);font-size:11px;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:all .12s ease;width:calc(100% + 16px);text-align:left}.signature-toggle:hover{color:var(--text-secondary);background:#00000008}.signature-toggle-chevron{transition:transform .15s ease;flex-shrink:0;opacity:.5}.reply-card-signature.expanded .signature-toggle-chevron{transform:rotate(180deg)}.signature-toggle-label{font-weight:500;letter-spacing:.01em}.reply-card-signature .signature-content{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5;margin-top:6px;padding:6px 0 0;border-top:1px dashed var(--border-subtle);max-height:120px;overflow-y:auto}.reply-card-attachments{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.reply-att-chip{display:flex;flex-direction:column;gap:4px;padding:4px 8px;background:var(--grey-05);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:11px}.reply-att-chip.has-password{border-color:var(--color-info);background:color-mix(in srgb,var(--color-info) 5%,var(--grey-05))}.reply-att-main{display:flex;align-items:center;gap:var(--space-1)}.reply-att-chip.uploading{opacity:.7}.reply-att-name{color:var(--text-secondary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-att-size{color:var(--text-muted)}.reply-att-progress{color:var(--color-success);font-weight:var(--weight-semibold)}.reply-att-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:0 2px;line-height:1}.reply-att-remove:hover{color:var(--color-error)}.reply-att-password-row{display:flex;align-items:center;gap:var(--space-1);padding-top:2px}.reply-att-password-input{flex:1;padding:3px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-body);background:var(--bg-surface);color:var(--text-primary);outline:none}.reply-att-password-input:focus{border-color:var(--grey-50)}.reply-att-password-hint{font-size:10px;color:var(--color-warning);white-space:nowrap}.reply-att-password-ok{font-size:12px;color:var(--color-success);font-weight:var(--weight-semibold)}.reply-att-passwords-bar,.compose-att-passwords-bar{display:flex;flex-direction:column;gap:4px;padding:6px 0 2px;border-bottom:1px solid var(--border-subtle)}.reply-att-pw-row,.compose-att-pw-row{display:flex;align-items:center;gap:var(--space-2)}.reply-att-pw-label,.compose-att-pw-label{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);white-space:nowrap;min-width:0;flex-shrink:0;max-width:160px;overflow:hidden;text-overflow:ellipsis}.reply-att-pw-label svg,.compose-att-pw-label svg{flex-shrink:0;opacity:.6}.reply-att-pw-input,.compose-att-pw-input{flex:1;min-width:0;padding:3px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-body);background:var(--bg-surface);color:var(--text-primary);outline:none}.reply-att-pw-input:focus,.compose-att-pw-input:focus{border-color:var(--grey-50)}.reply-att-pw-ok,.compose-att-pw-ok{font-size:12px;color:var(--color-success);font-weight:var(--weight-semibold);flex-shrink:0}.reply-card-footer{padding:8px var(--space-4) 10px;border-top:1px solid var(--border-subtle);background:var(--grey-05);display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.reply-card>.compose-unified-toolbar{flex-shrink:0}.reply-card>.compose-unified-toolbar .compose-delivery-dropdown{top:calc(100% + 4px);bottom:auto}.reply-card-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.reply-tools-left{display:flex;align-items:center;gap:2px}.reply-tools-right{display:flex;align-items:center;gap:var(--space-2)}.reply-tool-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;background:none;border:none;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;text-decoration:none;letter-spacing:.01em;border-radius:var(--radius-md);font-family:inherit}.reply-tool-label{font-size:10px;letter-spacing:.02em}.reply-tool-btn:hover:not(:disabled){color:var(--text-secondary);background:var(--hover-bg)}.reply-tool-btn:disabled{opacity:.35;cursor:not-allowed}.reply-tool-btn.active{color:var(--text-primary);font-weight:var(--weight-semibold);background:var(--grey-10)}.reply-delivery-wrap{position:relative}.reply-delivery-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:none;border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);font-family:inherit;white-space:nowrap}.reply-delivery-btn:hover{border-color:var(--border-strong);color:var(--text-secondary)}.reply-delivery-btn--open{color:var(--text-primary);border-color:var(--text-primary)}.reply-delivery-btn svg{flex-shrink:0;transition:transform var(--duration-fast)}.reply-delivery-btn--open svg{transform:rotate(180deg)}.reply-delivery-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;z-index:50;min-width:180px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0,0,0,.12));padding:4px;display:flex;flex-direction:column;gap:1px}.reply-delivery-opt{display:flex;align-items:center;gap:8px;padding:7px 10px;background:none;border:none;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast);font-family:inherit;white-space:nowrap;text-align:left;width:100%}.reply-delivery-opt:hover{background:var(--hover-bg);color:var(--text-primary)}.reply-delivery-opt--on{background:var(--grey-10);color:var(--text-primary);font-weight:var(--weight-semibold)}.reply-delivery-opt--relay{border-top:1px solid var(--border-subtle);margin-top:2px;padding-top:8px}.method-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.method-dot.green{background:#16a34a}.method-dot.blue{background:#3b82f6}.reply-method-picker{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-1)}.method-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 0;background:none;border:none;font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast);text-decoration:underline;text-decoration-color:var(--border-default);text-underline-offset:3px;text-decoration-thickness:1px}.method-pill:hover{color:var(--text-secondary);text-decoration-color:var(--text-secondary)}.method-pill.active{color:var(--text-primary);font-weight:var(--weight-semibold);text-decoration-color:var(--text-primary)}.method-pill svg,.relay-pill svg{flex-shrink:0}.relay-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 0;background:none;border:none;font-size:var(--text-xs);color:var(--text-muted);cursor:pointer}.relay-pill input[type=checkbox]{margin:0;width:14px;height:14px}.reply-password-inline{padding-top:var(--space-1)}.reply-password-inline input{width:100%;padding:6px 10px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary)}.reply-password-inline input::placeholder{color:var(--text-disabled)}.reply-send-btn{width:100%;padding:12px;background:var(--grey-100);color:var(--text-inverse);border:none;border-radius:10px;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast);letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:6px}.reply-send-btn svg{flex-shrink:0}.reply-send-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.reply-send-btn:disabled{opacity:.35;cursor:not-allowed}.mobile-reply-fab,.mobile-reply-close,.mobile-reply-backdrop{display:none}@media(max-width:768px){.thread-split{flex-direction:column;position:relative}.thread-messages-pane{flex:1;border-right:none;max-height:none;overflow-y:auto}.mobile-reply-fab{display:flex;align-items:center;gap:6px;position:fixed;bottom:24px;right:20px;width:auto;padding:14px 24px;background:#141414;color:#fafafa;border:2px solid rgba(255,255,255,.15);border-radius:999px;font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;box-shadow:0 6px 24px #0006,0 2px 8px #0003;z-index:99999;-webkit-tap-highlight-color:transparent;touch-action:manipulation;letter-spacing:.02em}.mobile-reply-fab:active{opacity:.85;box-shadow:0 2px 12px #0000004d}.thread-reply-panel{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:none!important;min-width:0!important;height:90vh;max-height:90vh;flex:none!important;z-index:300;padding:0!important;margin:0!important;background:var(--bg-surface)!important;border-radius:14px 14px 0 0;box-shadow:0 -4px 30px #0000004d;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);overflow:hidden;display:flex!important;flex-direction:column!important}.thread-split.mobile-reply-open .thread-reply-panel{transform:translateY(0)}.mobile-reply-backdrop{display:none}.thread-split.mobile-reply-open .mobile-reply-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:299;-webkit-tap-highlight-color:transparent}.mobile-reply-close{display:block;width:100%;padding:18px 16px 12px;background:var(--bg-surface);border:none;border-bottom:1px solid var(--border-subtle);font-size:0;cursor:pointer;flex-shrink:0;position:relative;-webkit-tap-highlight-color:transparent}.mobile-reply-close:before{content:"";display:block;width:36px;height:4px;background:var(--grey-30);border-radius:2px;margin:0 auto}.thread-reply-panel .reply-card{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.thread-reply-panel .reply-card-header{padding:10px 14px}.thread-reply-panel .reply-card-body{flex:1;min-height:60px;display:flex;flex-direction:column}.thread-reply-panel .rich-text-editor,.thread-reply-panel .rich-text-editor .quill{flex:1;min-height:0;display:flex;flex-direction:column}.thread-reply-panel .rich-text-editor .ql-toolbar{padding:4px 6px;border-left:none;border-right:none;border-radius:0;flex-shrink:0;display:flex;flex-wrap:wrap;gap:0}.thread-reply-panel .rich-text-editor .ql-toolbar .ql-formats{margin:0 2px}.thread-reply-panel .rich-text-editor .ql-toolbar button{width:32px;height:32px;padding:6px}.thread-reply-panel .rich-text-editor .ql-toolbar .ql-picker-label{padding:4px 6px;font-size:12px}.thread-reply-panel .rich-text-editor .ql-container{flex:1;min-height:0;border-left:none;border-right:none;border-radius:0}.thread-reply-panel .rich-text-editor .ql-editor{min-height:80px;padding:10px 14px;font-size:15px}.thread-reply-panel .reply-card-signature{padding:6px 14px}.thread-reply-panel .reply-card-attachments{max-height:80px;overflow-y:auto;padding:4px 14px}.thread-reply-panel .reply-card-footer{padding:8px 12px;gap:6px;flex-shrink:0;border-top:1px solid var(--border-subtle)}.thread-reply-panel .reply-send-btn{padding:10px 20px;font-size:14px}.thread-reply-panel .reply-method-picker{flex-wrap:wrap;gap:6px}.thread-reply-panel .method-pill{font-size:12px;padding:6px 12px}.thread-reply-panel .reply-password-inline input{font-size:14px;padding:8px 12px}}.thread-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-12)}.thread-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.thread-error h3{color:var(--text-secondary);margin-bottom:var(--space-4)}.thread-error button{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);cursor:pointer}.spinner{width:32px;height:32px;border:2px solid var(--grey-20);border-top-color:var(--grey-100);border-radius:50%;animation:spin .8s linear infinite}.star-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:0 var(--space-1);color:var(--text-muted);transition:color var(--duration-fast)}.star-btn:hover,.star-btn.starred{color:var(--color-warning)}.details-toggle-btn{background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) 0;margin-bottom:var(--space-3);transition:color var(--duration-fast)}.details-toggle-btn:hover{color:var(--text-secondary)}.msg-details{padding:var(--space-3);background:var(--grey-05);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.detail-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-1);font-size:var(--text-sm)}.detail-row:last-child{margin-bottom:0}.detail-label{color:var(--text-muted);width:80px;flex-shrink:0}.detail-value{color:var(--text-secondary);word-break:break-all}.msg-attachments{margin-top:var(--space-4);padding:var(--space-4);background:var(--grey-05);border-radius:var(--radius-md)}.msg-attachments h4{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted)}.attachment-list{display:flex;flex-direction:column;gap:var(--space-2)}.att-icon{font-size:var(--text-lg)}.att-name{flex:1;color:var(--text-secondary);font-size:var(--text-sm)}.att-size{color:var(--text-muted);font-size:var(--text-xs)}.attachment-item.downloadable{cursor:pointer;transition:background var(--duration-fast)}.attachment-item.downloadable:hover{background:var(--grey-10)}.attachment-item.uploading,.attachment-item.downloading{opacity:.8}.att-progress{color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-medium);min-width:32px;text-align:center}.att-error{color:var(--color-error);font-size:var(--text-xs);cursor:help}.att-download-btn{background:none;border:none;cursor:pointer;padding:var(--space-1);font-size:var(--text-base);opacity:.6;transition:opacity var(--duration-fast)}.att-download-btn:hover:not(:disabled){opacity:1}.att-download-btn:disabled{cursor:not-allowed}.attachment-progress{color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-medium)}.reply-attachments{padding:var(--space-2);margin-top:var(--space-2);border-radius:var(--radius-md);background:var(--grey-05)}.attach-btn{background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast)}.attach-btn:hover:not(:disabled){background:var(--grey-10);color:var(--text-secondary)}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border-default);z-index:100;align-items:center;justify-content:space-between;padding:0 var(--space-4)}.mobile-nav-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.mobile-nav-btn:active{background:var(--grey-10)}.mobile-nav-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.mobile-unread-badge{background:var(--grey-100);color:var(--text-inverse);font-size:11px;font-weight:var(--weight-medium);padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.mobile-compose{background:var(--grey-100);color:var(--text-inverse);border-radius:var(--radius-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;text-decoration:none}.mobile-compose:active{opacity:.8}.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:199;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.mobile-sidebar-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.mobile-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--bg-surface);z-index:200;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-sidebar.open{transform:translate(0)}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.mobile-sidebar-logo{display:flex;align-items:baseline;text-decoration:none;gap:1px}.mobile-sidebar-logo .logo-gb{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--text-primary)}.mobile-sidebar-logo .logo-mail{font-family:var(--font-body);font-size:1.1rem;font-weight:600;color:var(--text-secondary)}.mobile-sidebar-close{background:transparent;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:var(--space-2);line-height:1}.mobile-sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--grey-05);border-bottom:1px solid var(--border-subtle)}.mobile-user-avatar{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--grey-100);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);font-size:var(--text-base);letter-spacing:.02em}.mobile-user-email{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mobile-sidebar-nav,.mobile-nav-section{padding:var(--space-2) 0}.mobile-nav-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4)}.mobile-nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;text-align:left;font-size:var(--text-base);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:background .15s ease}.mobile-nav-item:active{background:var(--grey-10)}.mobile-nav-item.active{background:var(--grey-10);color:var(--text-primary);font-weight:var(--weight-medium)}.mobile-nav-icon{font-size:1.1rem;width:24px;text-align:center}.mobile-nav-dot{width:10px;height:10px;border-radius:50%;margin-left:7px}.mobile-nav-label{flex:1}.mobile-nav-badge{background:var(--grey-100);color:var(--text-inverse);font-size:11px;font-weight:var(--weight-medium);padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}@media(max-width:767px){.mobile-nav{display:flex}.mobile-sidebar,.mobile-sidebar-overlay{display:block}.mobile-sidebar-overlay:not(.visible){pointer-events:none}.mail-app{padding-top:56px;min-height:100vh;height:auto;overflow:visible;overflow-x:hidden}.mail-app.menu-open{overflow:hidden;height:100vh;position:fixed;width:100%}.top-nav{display:none}.main-panel{border-radius:0;min-height:calc(100vh - 56px);overflow:visible;flex:none}.message-list{padding:0}.message-list-panel{height:auto;min-height:calc(100vh - 56px)}.messages-container{overflow:visible}.list-toolbar{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-wrap:wrap}.search-filter-bar{flex-wrap:wrap;gap:var(--space-2);padding:4px var(--space-3) 5px}.search-filter-bar .search-box{flex:1 1 100%;order:-1}.filter-pill span,.msg-count-badge,.batch-action-btn span,.sort-dropdown-btn span,.bulk-actions{display:none}.message-row{padding:var(--space-3) var(--space-4);gap:var(--space-3);min-height:auto}.message-checkbox{display:none}.message-avatar{width:40px;height:40px;font-size:var(--text-sm);flex-shrink:0}.message-content{min-width:0;flex:1}.message-row .message-top-row{flex-wrap:nowrap;gap:var(--space-2)}.message-row .sender-name{font-size:var(--text-sm);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row .message-indicators{display:none}.message-row .message-date{font-size:11px;flex-shrink:0}.message-row .message-bottom-row{margin-top:2px}.message-row .message-subject{font-size:var(--text-sm)}.message-row .message-preview{font-size:11px}.message-row .star-btn{display:none}.message-actions{display:none!important}.thread-header{padding:var(--space-3) var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.thread-back-btn{font-size:var(--text-sm)}.thread-actions{gap:var(--space-2);width:100%;margin-top:var(--space-2);justify-content:flex-start}.thread-actions button{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);flex:1;max-width:120px}.thread-subject-header{padding:var(--space-3) var(--space-4)}.thread-subject{font-size:var(--text-lg)}.thread-meta{font-size:var(--text-xs)}.thread-messages{padding:var(--space-3);gap:var(--space-3)}.thread-message{border-radius:var(--radius-md)}.msg-header{padding:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.msg-avatar{width:36px;height:36px;font-size:var(--text-xs)}.msg-sender{font-size:var(--text-sm)}.msg-date,.msg-recipients{font-size:11px}.msg-body-wrapper{padding:var(--space-3) var(--space-4)}.msg-body-html,.msg-body{font-size:var(--text-sm);line-height:1.6;max-width:100%}.msg-body-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.msg-preview{padding:var(--space-2) var(--space-4) var(--space-3);font-size:var(--text-sm)}.thread-reply-section{padding:var(--space-3) var(--space-4)}.reply-box textarea{font-size:16px;min-height:100px}.reply-actions{flex-wrap:wrap;gap:var(--space-2)}.compose-panel{display:flex;flex-direction:column;height:calc(100vh - 56px)}.compose-header{grid-template-columns:36px 1fr auto;padding:var(--space-2) var(--space-3);min-height:48px;gap:var(--space-1)}.compose-title-group h2{font-size:var(--text-base)}.compose-header-actions{gap:var(--space-1)}.compose-action-link{padding:var(--space-1);font-size:var(--text-xs)}.compose-send-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.compose-form{flex:1;overflow-y:auto}.compose-body{min-height:200px;max-height:40vh}.compose-field{padding:var(--space-2) var(--space-3)}.compose-label{width:40px;font-size:10px}.compose-field-body input,.compose-field-body .email-tag-input{font-size:16px}.compose-body-editor{min-height:200px}.compose-footer{padding:var(--space-2) var(--space-3);flex-shrink:0}.compose-toolbar{gap:0}.compose-tool span{display:none}.compose-tool{padding:6px}.compose-tool--method span{display:inline}.settings-header{padding:var(--space-3) var(--space-4)}.settings-layout{flex-direction:column}.settings-nav{width:100%;max-width:none;min-width:0;flex-direction:row;border-right:none;border-bottom:1px solid var(--border-subtle);padding:0;overflow-x:auto;overflow-y:hidden;flex-shrink:0;gap:0;-webkit-overflow-scrolling:touch}.settings-nav-profile{display:none}.settings-nav-item{white-space:nowrap;padding:var(--space-3) var(--space-4);border-left:none;border-bottom:2px solid transparent;font-size:var(--text-xs);text-align:center;flex-shrink:0}.settings-nav-item.active{border-left-color:transparent;border-bottom-color:var(--grey-100)}.settings-nav-spacer{display:none}.settings-nav-danger{margin-top:0;margin-left:auto}.settings-content{padding:var(--space-4)}.settings-info-grid{grid-template-columns:1fr}.settings-msg-counts{gap:var(--space-2)}.settings-msg-count{min-width:44px;padding:var(--space-2)}.settings-privacy-card-header{flex-direction:column}}@media(min-width:768px){.mobile-nav,.mobile-sidebar,.mobile-sidebar-overlay{display:none!important}.mail-app{padding-top:0}}@media(min-width:768px)and (max-width:1024px){.message-row{padding:var(--space-3);gap:var(--space-2)}.message-avatar{width:36px;height:36px;font-size:12px;border-radius:var(--radius-md)}.message-row .sender-name{font-size:var(--text-sm);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row .message-subject{font-size:var(--text-sm)}.message-row .message-indicators{display:none}.message-row .message-date{font-size:var(--text-xs)}.message-actions{display:none}.folder-tabs{gap:var(--space-1)}.folder-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.top-nav-right{gap:var(--space-2)}.thread-header{padding:var(--space-3) var(--space-4)}.thread-actions button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}}.compose-panel-popup{position:absolute;bottom:70px;left:var(--space-4);right:var(--space-4);background:var(--bg-surface, #fff);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-lg, 10px);box-shadow:0 8px 32px #0000001f;z-index:50;max-height:400px;display:flex;flex-direction:column;animation:popupSlideUp .2s ease}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default, #E0E0E0)}.popup-header h3{font-size:var(--text-base, 1rem);font-weight:600;color:var(--text-primary, #141414);margin:0}.popup-close{background:none;border:none;font-size:18px;color:var(--text-muted, #8C8C8C);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm, 4px)}.popup-close:hover{background:var(--grey-10, #F5F5F5);color:var(--text-primary)}.popup-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted, #8C8C8C)}.popup-empty p{margin:var(--space-1) 0}.popup-empty-hint{font-size:var(--text-sm, .875rem)}.popup-list{overflow-y:auto;max-height:250px;padding:var(--space-2) 0}.popup-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default, #E0E0E0)}.popup-action-btn{background:var(--grey-100, #141414);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md, 6px);font-size:var(--text-sm, .875rem);cursor:pointer;width:100%}.popup-action-btn:hover{background:var(--grey-90, #2E2E2E)}.popup-action-btn:disabled{opacity:.5;cursor:not-allowed}.popup-cancel-btn{background:transparent;border:1px solid var(--border-default, #E0E0E0);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md, 6px);font-size:var(--text-sm, .875rem);cursor:pointer;color:var(--text-secondary, #2E2E2E)}.popup-cancel-btn:hover{background:var(--grey-10, #F5F5F5)}.template-item{display:flex;align-items:center;border-bottom:1px solid var(--border-subtle, #F0F0F0)}.template-item:last-child{border-bottom:none}.template-item-main{flex:1;display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;cursor:pointer;color:var(--text-primary, #141414)}.template-item-main:hover{background:var(--grey-5, #FAFAFA)}.template-name{font-size:var(--text-sm, .875rem);font-weight:500}.template-subject{font-size:var(--text-xs, .75rem);color:var(--text-muted, #8C8C8C);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-category{font-size:.65rem;color:var(--text-disabled, #C7C7C7);text-transform:uppercase;letter-spacing:.5px}.template-delete{background:none;border:none;font-size:16px;color:var(--text-disabled, #C7C7C7);cursor:pointer;padding:var(--space-2) var(--space-3)}.template-delete:hover{color:var(--color-error, #DC2626)}.save-template-form{display:flex;flex-direction:column;gap:var(--space-2)}.save-template-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 6px);font-size:var(--text-sm, .875rem);color:var(--text-primary, #141414);background:var(--bg-surface, #fff)}.save-template-input:focus{outline:none;border-color:var(--grey-100, #141414)}.save-template-actions{display:flex;gap:var(--space-2)}.save-template-actions .popup-action-btn,.save-template-actions .popup-cancel-btn{flex:1}.schedule-picker-body{padding:var(--space-4)}.schedule-quick-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-4)}.schedule-quick-options button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 6px);background:var(--bg-surface, #fff);font-size:var(--text-sm, .875rem);color:var(--text-secondary, #2E2E2E);cursor:pointer;transition:all .15s}.schedule-quick-options button:hover{background:var(--grey-10, #F5F5F5);border-color:var(--grey-100, #141414)}.schedule-quick-icon{font-size:var(--text-base)}.schedule-custom{margin-bottom:var(--space-4)}.schedule-custom label{display:block;font-size:var(--text-sm, .875rem);color:var(--text-muted, #8C8C8C);margin-bottom:var(--space-2)}.schedule-datetime-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default, #E0E0E0);border-radius:var(--radius-md, 6px);font-size:var(--text-sm, .875rem);color:var(--text-primary, #141414);background:var(--bg-surface, #fff)}.schedule-datetime-input:focus{outline:none;border-color:var(--grey-100, #141414)}.schedule-confirm{padding-top:var(--space-3);border-top:1px solid var(--border-subtle, #F0F0F0)}.schedule-preview{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #2E2E2E);margin-bottom:var(--space-3);text-align:center}.schedule-send-btn{width:100%;padding:var(--space-2) var(--space-3);background:var(--grey-100, #141414);color:#fff;border:none;border-radius:var(--radius-md, 6px);font-size:var(--text-sm, .875rem);cursor:pointer}.schedule-send-btn:hover{background:var(--grey-90, #2E2E2E)}.schedule-send-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-divider{width:1px;height:16px;background:var(--border-default, #E0E0E0);margin:0 2px;opacity:.5}.msg-badge.receipt{background:var(--grey-10, #F5F5F5);color:var(--text-muted, #8C8C8C);font-size:.65rem;padding:1px 6px;border-radius:var(--radius-full, 9999px)}.msg-badge.receipt.received{background:#e8f5e9;color:#2e7d32}.scheduled-status{font-size:var(--text-xs, .75rem);color:var(--text-muted, #8C8C8C)}.scheduled-status.pending{color:var(--text-secondary, #2E2E2E)}.scheduled-status.failed{color:var(--color-error, #DC2626)}.scheduled-cancel-btn{background:none;border:1px solid var(--border-default, #E0E0E0);padding:2px 8px;border-radius:var(--radius-sm, 4px);font-size:var(--text-xs, .75rem);color:var(--text-muted);cursor:pointer;margin-left:var(--space-2)}.scheduled-cancel-btn:hover{border-color:var(--color-error, #DC2626);color:var(--color-error, #DC2626)}.scheduled-error{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fef2f2;color:var(--color-error, #DC2626);border-radius:50%;font-size:11px;font-weight:700;margin-left:var(--space-1)}@media(max-width:768px){.compose-panel-popup{left:var(--space-2);right:var(--space-2);bottom:50px;max-height:350px}.schedule-quick-options{grid-template-columns:1fr}.compose-toolbar{gap:0}}.settings-avatar-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-raised, #FAFAFA);border:1px solid var(--border-subtle, #E8E8E8);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-5)}.settings-avatar-preview{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--grey-20, #D4D4D4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-avatar-img{width:100%;height:100%;object-fit:cover}.settings-avatar-initials{font-size:1.5rem;font-weight:700;color:var(--grey-80, #3C3C3C);text-transform:uppercase}.settings-avatar-actions{display:flex;flex-direction:column;gap:var(--space-2)}.settings-avatar-upload-btn{font-size:var(--text-sm);padding:6px 14px;border-radius:var(--radius-sm, 4px);border:1px solid var(--grey-30, #C0C0C0);background:var(--surface, #fff);cursor:pointer;color:var(--text-primary, #141414);transition:background .1s}.settings-avatar-upload-btn:hover:not(:disabled){background:var(--grey-10, #F0F0F0)}.settings-avatar-upload-btn:disabled{opacity:.5;cursor:not-allowed}.settings-avatar-remove-btn{font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-error-border, #FECACA);background:none;cursor:pointer;color:var(--color-error, #DC2626)}.settings-avatar-remove-btn:hover{background:var(--color-error-bg, #FEF2F2)}.settings-avatar-hint{font-size:var(--text-xs);color:var(--text-muted, #8C8C8C)}.settings-security-card{background:var(--surface-raised, #FAFAFA);border:1px solid var(--border-subtle, #E8E8E8);border-radius:var(--radius-md, 8px);padding:var(--space-4)}.settings-about-card{display:flex;align-items:center;gap:24px;padding:24px;background:var(--surface-raised, #FAFAFA);border:1px solid var(--border-subtle, #E8E8E8);border-radius:12px;margin-bottom:20px}.settings-about-icon{display:flex;align-items:baseline;gap:2px;flex-shrink:0;padding:12px 16px;background:var(--bg-card, rgba(0,0,0,.02));border-radius:16px}.settings-about-meta{flex:1;display:flex;flex-direction:column;gap:6px}.settings-about-row{display:flex;align-items:center;gap:12px}.settings-about-label{font-size:11px;font-weight:600;color:var(--text-muted, #8C8C8C);text-transform:uppercase;letter-spacing:.05em;width:80px;flex-shrink:0}.settings-about-value{font-size:13px;color:var(--text-primary, #141414);font-weight:500;display:flex;align-items:center;gap:8px}.settings-about-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.settings-about-badge.ok{background:#34c7591f;color:#34c759}.settings-about-badge.new{background:#ff95001f;color:#ff9500}.settings-about-badge.current{background:#007aff1a;color:#007aff}.settings-about-update-card{padding:20px;background:var(--surface-raised, #FAFAFA);border:1px solid var(--border-subtle, #E8E8E8);border-radius:12px;margin-bottom:20px}.settings-about-update-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.settings-about-update-icon{flex-shrink:0;margin-top:2px}.settings-about-update-info h4{font-size:14px;font-weight:600;margin:0 0 4px}.settings-about-update-info p{font-size:12px;color:var(--text-muted, #8C8C8C);margin:0;line-height:1.5}.settings-about-checking{color:var(--text-muted, #8C8C8C)!important}.settings-about-ok{color:#34c759!important}.settings-about-new{color:#ff9500!important;font-weight:600!important}.settings-about-err{color:#ff3b30!important}.settings-about-update-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-about-check-btn{font-size:13px;font-weight:500;padding:8px 18px;border:1px solid var(--border-subtle, #E8E8E8);background:var(--surface, #fff);border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.settings-about-check-btn:hover:not(:disabled){background:var(--grey-10, #F0F0F0)}.settings-about-check-btn:disabled{opacity:.5;cursor:not-allowed}.settings-about-update-btn{font-size:13px;font-weight:600;padding:8px 18px;border:none;background:#1d1d1f;color:#fff;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.settings-about-update-btn:hover{background:#000}.settings-about-install-hint{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-subtle, #E8E8E8)}.settings-about-install-hint p{font-size:11px;color:var(--text-muted, #8C8C8C);margin:0 0 8px}.settings-about-install-cmd{display:block;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;padding:10px 14px;background:var(--bg-inset, #F0F0F0);border-radius:8px;color:var(--text-primary, #141414);word-break:break-all;user-select:all}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:spin-slow 1.2s linear infinite}.settings-about-progress{color:#007aff!important;font-weight:500!important}.update-now-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:10px 24px;border:none;background:#1d1d1f;color:#fff;border-radius:10px;cursor:pointer;white-space:nowrap;transition:all .2s ease;letter-spacing:.01em}.update-now-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.update-now-btn:active{transform:translateY(0)}.update-now-btn.restart{background:#34c759}.update-now-btn.restart:hover{background:#2db84e;box-shadow:0 4px 12px #34c7594d}.update-stepper{display:flex;align-items:flex-start;gap:0;padding:16px 0;margin:12px 0 4px;border-top:1px solid var(--border-subtle, #E8E8E8);border-bottom:1px solid var(--border-subtle, #E8E8E8)}.update-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.update-step-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--grey-10, #F0F0F0);color:var(--text-muted, #8C8C8C);border:2px solid var(--border-subtle, #E8E8E8);transition:all .3s ease}.update-step.active .update-step-dot{background:#007aff;color:#fff;border-color:#007aff;box-shadow:0 0 0 4px #007aff26}.update-step.done .update-step-dot{background:#34c759;color:#fff;border-color:#34c759}.update-step.failed .update-step-dot{background:#ff3b30;color:#fff;border-color:#ff3b30}.update-step-label{font-size:11px;font-weight:500;color:var(--text-muted, #8C8C8C);transition:color .3s}.update-step.active .update-step-label{color:#007aff;font-weight:600}.update-step.done .update-step-label{color:#34c759}.update-step-connector{width:40px;height:2px;background:var(--border-subtle, #E8E8E8);margin-top:13px;flex-shrink:0}.update-step-bar{width:70%;height:3px;background:var(--grey-10, #F0F0F0);border-radius:2px;overflow:hidden}.update-step-bar-fill{height:100%;background:#007aff;border-radius:2px;transition:width .3s ease}.update-whats-new{margin:12px 0 4px;padding:14px 16px;background:#007aff0a;border:1px solid rgba(0,122,255,.1);border-radius:10px}.update-whats-new-title{font-size:12px;font-weight:700;color:var(--text-primary, #141414);margin:0 0 8px;letter-spacing:.02em;text-transform:uppercase}.update-whats-new-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.update-whats-new-list li{font-size:12px;color:var(--text-secondary, #2E2E2E);line-height:1.5;padding-left:14px;position:relative}.update-whats-new-list li:before{content:"·";position:absolute;left:2px;font-weight:900;color:#007aff}.update-manual-fallback{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle, #E8E8E8)}.update-manual-fallback summary{font-size:11px;color:var(--text-muted, #8C8C8C);cursor:pointer;font-weight:500;user-select:none;outline:none;padding:2px 0;list-style:none}.update-manual-fallback summary::-webkit-details-marker{display:none}.update-manual-fallback summary:before{content:"▸ ";font-size:10px}.update-manual-fallback[open] summary:before{content:"▾ "}.update-manual-fallback summary:hover{color:var(--text-secondary, #2E2E2E)}.update-manual-content{margin-top:10px}.update-manual-content p{font-size:11px;color:var(--text-muted, #8C8C8C);margin:0 0 8px}.update-manual-cmd-row{display:flex;gap:6px;align-items:flex-start}.update-manual-cmd-row .settings-about-install-cmd{flex:1}.update-copy-btn{flex-shrink:0;padding:8px 10px;background:var(--bg-surface, #fff);border:1px solid var(--border-subtle, #E8E8E8);border-radius:8px;cursor:pointer;color:var(--text-muted, #8C8C8C);transition:all .15s}.update-copy-btn:hover{background:var(--grey-10, #F0F0F0);color:var(--text-secondary, #2E2E2E)}.settings-about-changelog{background:var(--surface-raised, #FAFAFA);border:1px solid var(--border-subtle, #E8E8E8);border-radius:12px;margin-bottom:20px;overflow:hidden}.settings-about-changelog-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:13px;font-weight:600;color:var(--text-primary, #141414);background:none;border:none;cursor:pointer;transition:background .15s}.settings-about-changelog-toggle:hover{background:#00000008}.settings-about-changelog-list{padding:0 20px 16px}.settings-about-release{padding:12px 0;border-top:1px solid var(--border-subtle, #E8E8E8)}.settings-about-release:first-child{border-top:none}.settings-about-release-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.settings-about-release-ver{font-size:13px;font-weight:700;color:var(--text-primary, #141414)}.settings-about-release-date{font-size:11px;color:var(--text-muted, #8C8C8C)}.settings-about-release-changes{list-style:none;padding:0;margin:0}.settings-about-release-changes li{font-size:12px;color:var(--text-secondary, #636366);line-height:1.7;padding-left:14px;position:relative}.settings-about-release-changes li:before{content:"·";position:absolute;left:2px;font-weight:900;color:var(--text-muted, #8C8C8C)}.settings-about-credits{background:var(--surface-raised, #FAFAFA);border:1px solid var(--border-subtle, #E8E8E8);border-radius:12px;padding:20px;margin-bottom:20px}.settings-about-credits h4{font-size:13px;font-weight:600;margin:0 0 14px}.settings-about-credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-about-credit{display:flex;flex-direction:column;gap:3px}.settings-about-credit-role{font-size:10px;font-weight:600;color:var(--text-muted, #8C8C8C);text-transform:uppercase;letter-spacing:.05em}.settings-about-credit-name{font-size:12px;color:var(--text-primary, #141414);font-weight:500}.settings-about-legal{text-align:center;padding:24px 0 8px}.settings-about-legal p{font-size:11px;color:var(--text-muted, #8C8C8C);margin:0 0 3px}.settings-about-legal-links{margin-top:8px!important}.settings-about-legal-links a{color:var(--text-muted, #8C8C8C);text-decoration:none;transition:color .15s}.settings-about-legal-links a:hover{color:var(--text-primary, #141414)}.settings-about-legal-links span{margin:0 6px;color:var(--border-subtle, #E8E8E8)}.settings-security-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.settings-2fa-badge{font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.settings-2fa-badge.enabled{background:#16a34a1f;color:#16a34a}.settings-2fa-badge.disabled{background:var(--grey-10, #F0F0F0);color:var(--text-muted, #8C8C8C)}.settings-2fa-error{background:var(--color-error-bg, #FEF2F2);border:1px solid var(--color-error-border, #FECACA);color:var(--color-error, #DC2626);border-radius:var(--radius-sm, 4px);padding:8px 12px;font-size:var(--text-sm);margin-bottom:var(--space-3)}.settings-2fa-btn{font-size:var(--text-sm);padding:7px 16px;border-radius:var(--radius-sm, 4px);border:1px solid transparent;cursor:pointer;font-weight:500;transition:background .1s,opacity .1s}.settings-2fa-btn:disabled{opacity:.5;cursor:not-allowed}.settings-2fa-btn.primary{background:var(--grey-100, #141414);color:#fff}.settings-2fa-btn.primary:hover:not(:disabled){background:var(--grey-90, #2E2E2E)}.settings-2fa-btn.secondary{background:var(--surface, #fff);border-color:var(--grey-30, #C0C0C0);color:var(--text-primary, #141414)}.settings-2fa-btn.secondary:hover:not(:disabled){background:var(--grey-10, #F0F0F0)}.settings-2fa-btn.danger{background:none;border-color:var(--color-error-border, #FECACA);color:var(--color-error, #DC2626)}.settings-2fa-btn.danger:hover:not(:disabled){background:var(--color-error-bg, #FEF2F2)}.settings-2fa-btn.cancel{background:none;color:var(--text-muted, #8C8C8C);border-color:transparent}.settings-2fa-btn.cancel:hover{color:var(--text-primary, #141414)}.settings-2fa-setup{display:flex;flex-direction:column;gap:var(--space-3)}.settings-2fa-qr-wrap{display:flex;justify-content:center;padding:var(--space-3);background:#fff;border:1px solid var(--border-subtle, #E8E8E8);border-radius:var(--radius-sm, 4px);width:fit-content}.settings-2fa-qr{width:180px;height:180px;image-rendering:pixelated}.settings-2fa-manual{font-size:var(--text-sm);color:var(--text-muted, #8C8C8C)}.settings-2fa-manual summary{cursor:pointer;margin-bottom:var(--space-2)}.settings-2fa-secret{display:block;font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.08em;word-break:break-all;background:var(--grey-10, #F0F0F0);padding:8px 12px;border-radius:var(--radius-sm, 4px);margin-top:var(--space-1)}.settings-2fa-verify-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.settings-2fa-code-input{font-size:1.125rem;font-family:var(--font-mono);letter-spacing:.2em;text-align:center;padding:8px 12px;border:1px solid var(--grey-30, #C0C0C0);border-radius:var(--radius-sm, 4px);width:140px;background:var(--surface, #fff);color:var(--text-primary, #141414)}.settings-2fa-code-input:focus{outline:none;border-color:var(--grey-80, #3C3C3C)}.settings-2fa-backup-show{display:flex;flex-direction:column;gap:var(--space-3)}.settings-2fa-backup-warning{font-size:var(--text-sm);color:#92400e;background:#fffbeb;border:1px solid #FDE68A;border-radius:var(--radius-sm, 4px);padding:10px 12px;margin:0}.settings-2fa-backup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.settings-2fa-backup-code{font-family:var(--font-mono);font-size:.875rem;letter-spacing:.1em;background:var(--grey-10, #F0F0F0);border-radius:var(--radius-sm, 4px);padding:6px 10px;text-align:center}.settings-2fa-enabled{display:flex;flex-direction:column;gap:var(--space-3)}.settings-2fa-info-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary, #5C5C5C);padding:8px 12px;background:var(--surface, #fff);border:1px solid var(--border-subtle, #E8E8E8);border-radius:var(--radius-sm, 4px)}.settings-2fa-btn-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.settings-sessions-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.settings-session-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 12px;background:var(--surface, #fff);border:1px solid var(--border-subtle, #E8E8E8);border-radius:var(--radius-sm, 4px)}.settings-session-row.current{border-color:var(--grey-40, #B0B0B0);background:var(--grey-05, #F8F8F8)}.settings-session-info{display:flex;flex-direction:column;gap:3px;overflow:hidden;min-width:0}.settings-session-device{font-size:var(--text-sm);color:var(--text-primary, #141414);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:var(--space-2)}.settings-session-device-icon{font-size:1rem;flex-shrink:0;line-height:1}.settings-session-device-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-session-device-type{font-size:var(--text-xs);font-weight:500;padding:1px 7px;border-radius:20px;flex-shrink:0;white-space:nowrap}.settings-session-device-type--mobile{background:#3b82f61a;color:#2563eb}.settings-session-device-type--tablet{background:#8b5cf61a;color:#7c3aed}.settings-session-device-type--desktop{background:var(--grey-10, #F0F0F0);color:var(--text-secondary, #5C5C5C)}.settings-session-device-type--app{background:#16a34a1a;color:#16a34a}.settings-session-version-badge{font-size:var(--text-xs);font-weight:500;padding:1px 7px;border-radius:20px;background:var(--grey-10, #F0F0F0);color:var(--text-muted, #8C8C8C);flex-shrink:0;white-space:nowrap}.settings-session-current-badge{font-size:var(--text-xs);font-weight:600;background:#16a34a1f;color:#16a34a;padding:2px 7px;border-radius:20px;flex-shrink:0}.settings-session-meta{font-size:var(--text-xs);color:var(--text-muted, #8C8C8C);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-session-revoke-btn{font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-error-border, #FECACA);background:none;cursor:pointer;color:var(--color-error, #DC2626);white-space:nowrap;flex-shrink:0}.settings-session-revoke-btn:hover:not(:disabled){background:var(--color-error-bg, #FEF2F2)}.settings-session-revoke-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.settings-2fa-backup-grid{grid-template-columns:repeat(2,1fr)}.settings-2fa-verify-row{flex-direction:column;align-items:stretch}.settings-2fa-code-input{width:100%}}.att-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:att-spin .6s linear infinite}@keyframes att-spin{to{transform:rotate(360deg)}}.msg-badge.receipt{display:inline-flex;align-items:center;gap:3px}.msg-badge.receipt svg{flex-shrink:0}.attachment-icon svg,.att-icon svg{flex-shrink:0}.settings-session-device-icon{display:inline-flex;align-items:center}.settings-session-device-icon svg{flex-shrink:0}.settings-privacy-icon{display:inline-flex;align-items:center;justify-content:center}.settings-privacy-icon svg{flex-shrink:0}.refresh-btn{display:inline-flex;align-items:center;justify-content:center}@keyframes ov-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ov-spin{to{transform:rotate(360deg)}}@keyframes ov-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ov-page{--ov-bg: #f5f5f7;--ov-surface: #ffffff;--ov-text: #1d1d1f;--ov-text-2: #515154;--ov-text-3: #86868b;--ov-border: rgba(0,0,0,.08);--ov-radius: 12px;--ov-radius-sm: 8px;--ov-shadow-sm: 0 1px 3px rgba(0,0,0,.06);--ov-shadow-md: 0 4px 16px rgba(0,0,0,.08);--ov-ease: cubic-bezier(.4,0,.2,1);flex:1;overflow-y:auto;padding:36px 40px 64px;background:var(--ov-bg);min-height:0;font-family:var(--font-body, "Stack Sans Notch", -apple-system, BlinkMacSystemFont, sans-serif);color:var(--ov-text)}.ov-hero{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;animation:ov-fade-up .4s var(--ov-ease) both}.ov-hero-left{display:flex;flex-direction:column;gap:4px}.ov-hero-title{font-size:1.45rem;font-weight:600;letter-spacing:-.03em;color:var(--ov-text);margin:0;line-height:1.2}.ov-hero-sub{font-size:13px;color:var(--ov-text-3);margin:0;font-weight:400}.ov-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);color:var(--ov-text-3);cursor:pointer;transition:border-color .15s var(--ov-ease),color .15s var(--ov-ease),box-shadow .15s var(--ov-ease);flex-shrink:0;margin-top:4px;box-shadow:var(--ov-shadow-sm)}.ov-refresh-btn:hover:not(:disabled){border-color:#0003;color:var(--ov-text-2);box-shadow:var(--ov-shadow-md)}.ov-refresh-btn:disabled{opacity:.35;cursor:default}.ov-spinning{animation:ov-spin .7s linear infinite}.ov-personal{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius);margin-bottom:28px;overflow:hidden;animation:ov-fade-up .4s var(--ov-ease) .06s both;box-shadow:var(--ov-shadow-sm);transition:box-shadow .2s var(--ov-ease),transform .2s var(--ov-ease)}.ov-personal:hover{box-shadow:var(--ov-shadow-md);transform:translateY(-1px)}.ov-personal-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;gap:10px;border-bottom:1px solid var(--ov-border)}.ov-personal-left{display:flex;align-items:center;gap:8px;min-width:0}.ov-personal-dot{width:7px;height:7px;border-radius:50%;background:#6366f1;flex-shrink:0}.ov-personal-name{background:none;border:none;padding:0;font-size:13px;font-weight:600;color:var(--ov-text);cursor:pointer;letter-spacing:-.01em;transition:color .15s var(--ov-ease);font-family:inherit}.ov-personal-name:hover{color:var(--ov-text-2)}.ov-personal-addr{font-size:12px;font-family:var(--font-mono);color:var(--ov-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-personal-rows{display:flex;flex-direction:column}.ov-personal-rows .ov-row-sender{padding-left:16px;width:82px}.ov-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ov-text-3);margin-bottom:10px;animation:ov-fade-up .4s var(--ov-ease) .1s both}.ov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;animation:ov-fade-up .4s var(--ov-ease) .13s both}.ov-grid .ov-card:nth-child(1){animation:ov-fade-up .35s var(--ov-ease) .08s both}.ov-grid .ov-card:nth-child(2){animation:ov-fade-up .35s var(--ov-ease) .13s both}.ov-grid .ov-card:nth-child(3){animation:ov-fade-up .35s var(--ov-ease) .18s both}.ov-grid .ov-card:nth-child(4){animation:ov-fade-up .35s var(--ov-ease) .22s both}.ov-grid .ov-card:nth-child(5){animation:ov-fade-up .35s var(--ov-ease) .26s both}.ov-grid .ov-card:nth-child(6){animation:ov-fade-up .35s var(--ov-ease) .3s both}.ov-grid .ov-card:nth-child(n+7){animation:ov-fade-up .35s var(--ov-ease) .34s both}.ov-card{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ov-shadow-sm);transition:box-shadow .2s var(--ov-ease),transform .2s var(--ov-ease),border-color .2s var(--ov-ease)}.ov-card:hover{box-shadow:var(--ov-shadow-md);transform:translateY(-2px);border-color:#0000001f}.ov-card-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 13px 10px;gap:8px;border-bottom:1px solid var(--ov-border)}.ov-card-hdr-left{display:flex;align-items:center;gap:7px;min-width:0;flex:1}.ov-card-dot{width:7px;height:7px;border-radius:50%;background:var(--card-dot, #86868b);flex-shrink:0}.ov-card-name{background:none;border:none;padding:0;font-size:13px;font-weight:600;font-family:inherit;color:var(--ov-text);cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;transition:color .15s var(--ov-ease);max-width:160px}.ov-card-name:hover{color:var(--ov-text-2)}.ov-badge-admin{flex-shrink:0;font-size:9px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ov-text-3);background:#0000000f;padding:2px 5px;border-radius:4px}.ov-unread-pill{flex-shrink:0;font-size:10px;font-weight:700;font-family:var(--font-mono);color:#fff;background:var(--ov-text);padding:2px 7px;border-radius:20px;line-height:1.4}.ov-card-empty{padding:16px;font-size:12px;color:var(--ov-text-3);font-style:italic}.ov-card-rows{display:flex;flex-direction:column}.ov-row{display:flex;align-items:center;width:100%;background:none;border:none;border-top:1px solid var(--ov-border);padding:0;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s var(--ov-ease);min-width:0;position:relative}.ov-row:hover,.ov-row.unread:hover{background:#00000005}.ov-row-indicator{flex-shrink:0;width:2px;align-self:stretch;background:var(--ov-text)}.ov-row-sender{flex-shrink:0;width:82px;padding:9px 6px 9px 13px;font-size:12px;font-weight:500;color:var(--ov-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-row.unread .ov-row-sender{font-weight:600;color:var(--ov-text)}.ov-row-subject{flex:1;min-width:0;padding:9px 6px;font-size:12px;color:var(--ov-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-row.unread .ov-row-subject{color:var(--ov-text-2)}.ov-row-time{flex-shrink:0;width:36px;text-align:right;padding:9px 13px 9px 4px;font-size:10px;font-family:var(--font-mono);color:var(--ov-text-3)}.ov-admin-section{margin-top:28px;animation:ov-fade-up .4s var(--ov-ease) .2s both}.ov-admin-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0 0 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ov-text-3);cursor:pointer;font-family:inherit;transition:color .15s var(--ov-ease)}.ov-admin-toggle:hover{color:var(--ov-text-2)}.ov-toggle-chevron{transition:transform .35s var(--ov-ease);flex-shrink:0}.ov-toggle-chevron.open{transform:rotate(90deg)}.ov-admin-count{font-size:10px;font-weight:700;font-family:var(--font-mono);color:var(--ov-text-3);background:#0000000f;padding:2px 6px;border-radius:10px}.ov-admin-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--ov-ease);overflow:hidden}.ov-admin-body.open{grid-template-rows:1fr}.ov-admin-body>.ov-grid-admin{min-height:0}.ov-grid-admin{padding-top:2px}.ov-card-skel{pointer-events:none;min-height:130px}.ov-skel-hdr{height:40px;background:linear-gradient(90deg,#ebebed 25%,#f5f5f7,#ebebed 75%);background-size:200% 100%;animation:ov-shimmer 1.4s infinite;border-bottom:1px solid var(--ov-border)}.ov-skel-body{padding:12px 14px 10px;display:flex;flex-direction:column;gap:8px}.ov-skel-row{height:7px;background:linear-gradient(90deg,#f0f0f2 25%,#f8f8fa,#f0f0f2 75%);background-size:200% 100%;animation:ov-shimmer 1.4s infinite;border-radius:4px}.ov-empty{padding:28px 0;font-size:13px;color:var(--ov-text-3);text-align:center}@media(max-width:900px){.ov-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:640px){.ov-page{padding:20px 20px 48px}.ov-grid{grid-template-columns:1fr 1fr;gap:8px}.ov-hero-title{font-size:1.15rem}.ov-hero,.ov-personal{margin-bottom:20px}.ov-personal-addr{display:none}.ov-row-sender{width:72px;padding-left:10px}.ov-row-time{width:30px;padding-right:8px}.ov-card-name{max-width:130px}}@media(max-width:420px){.ov-grid{grid-template-columns:1fr}.ov-hero-title{font-size:1.05rem}.ov-page{padding:16px 16px 40px}}.org-panel{display:flex;flex-direction:column;height:100%;background:var(--gradient-surface)}.org-loading{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--text-muted);font-size:var(--text-sm);gap:var(--space-3)}.org-loading:before{content:"";width:16px;height:16px;border:2px solid var(--grey-15);border-top-color:var(--grey-80);border-radius:50%;animation:orgSpin .65s linear infinite}@keyframes orgSpin{to{transform:rotate(360deg)}}.org-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border-subtle);flex-shrink:0;background:var(--bg-surface);min-height:54px}.org-back-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:5px 10px 5px 7px;cursor:pointer;transition:all var(--duration-fast);flex-shrink:0;line-height:1}.org-back-btn svg{flex-shrink:0;display:block}.org-back-btn span{display:block;line-height:1}.org-back-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--border-strong)}.org-header-identity{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.org-header-logo{width:28px;height:28px;border-radius:7px;background:var(--grey-100);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--weight-bold);flex-shrink:0;letter-spacing:-.02em}.org-header-logo-img{max-width:120px;max-height:28px;width:auto;height:auto;object-fit:contain;object-position:left center;flex-shrink:0}.org-header h2{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-plan-badge{font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:2px 10px;border-radius:var(--radius-full);background:var(--grey-10);color:var(--text-body)}.org-plan-badge.active{background:var(--color-success-bg);color:var(--color-success)}.org-plan-badge.trialing{background:var(--color-info-bg);color:var(--color-info)}.org-plan-badge.past_due{background:var(--color-warning-bg);color:var(--color-warning)}.org-plan-badge.cancelled{background:var(--color-error-bg);color:var(--color-error)}.org-empty-hero{max-width:380px;margin:120px auto 0;text-align:center;padding:var(--space-8)}.org-empty-icon{width:64px;height:64px;margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;background:var(--grey-05);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-muted)}.org-empty-hero h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-2);color:var(--text-primary)}.org-empty-hero p{font-size:var(--text-sm);color:var(--text-body);margin:0 0 var(--space-6);line-height:var(--leading-relaxed)}.org-layout{flex:1;display:flex;overflow:hidden}.org-nav{width:220px;min-width:200px;max-width:260px;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--bg-surface);padding:var(--space-4) 0;flex-shrink:0;overflow-y:auto}.org-nav-identity{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.org-nav-logo{width:36px;height:36px;border-radius:var(--radius-full);background:var(--grey-100);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0;letter-spacing:-.02em}.org-nav-logo-img{max-width:140px;max-height:28px;width:auto;height:auto;object-fit:contain;object-position:left center;flex-shrink:0}.org-nav-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.org-nav-name{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-nav-domain{font-size:10px;color:var(--text-muted)}.org-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-5);border:none;background:none;text-align:left;font-family:inherit;font-size:var(--text-sm);color:var(--text-body);cursor:pointer;transition:all var(--duration-fast);border-left:2px solid transparent}.org-nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.org-nav-item.active{background:var(--hover-bg);color:var(--text-primary);font-weight:var(--weight-medium);border-left-color:var(--grey-100)}.org-nav-count{font-size:10px;font-weight:var(--weight-semibold);color:var(--text-muted);background:var(--grey-10);padding:0 6px;border-radius:var(--radius-full);line-height:18px}.org-content{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8);min-width:0}.org-section{max-width:680px;animation:orgFade .12s ease-out}@keyframes orgFade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.org-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:var(--tracking-snug)}.org-subtitle{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:var(--space-5) 0 var(--space-3)}.org-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.org-title-row .org-title,.org-title-row .org-subtitle{margin-bottom:0}.org-title-count{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.org-section-hint{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--space-5);line-height:var(--leading-relaxed)}.org-label{font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);font-weight:var(--weight-semibold)}.org-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium)}.org-value-sm{font-size:var(--text-xs);color:var(--text-body);font-weight:var(--weight-medium)}.org-value-lg{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--weight-semibold)}.org-hint{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed)}.org-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.org-kpi{display:flex;flex-direction:column;gap:2px;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast);box-shadow:var(--shadow-xs)}.org-kpi:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.org-kpi-num{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-kpi-label{font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted)}.org-kpi-sub{font-size:10px;color:var(--text-disabled)}.org-kpi-badge{font-size:10px;font-weight:var(--weight-semibold);padding:1px 6px;border-radius:var(--radius-full);background:var(--grey-10);color:var(--text-muted);align-self:flex-start}.org-kpi-badge.ok{background:var(--color-success-bg);color:var(--color-success)}.org-kpi-badge.warn{background:var(--color-warning-bg);color:var(--color-warning)}.org-overview-storage{margin-bottom:var(--space-6)}.org-overview-storage-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)}.org-bar{width:100%;height:6px;background:var(--grey-10);border-radius:var(--radius-full);overflow:hidden}.org-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .4s ease}.org-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs)}.org-detail-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3)}.org-table{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.org-table-head{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-default);font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);background:var(--grey-05)}.org-table-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);align-items:center;font-size:var(--text-sm);transition:background var(--duration-fast)}.org-table-row:last-child{border-bottom:none}.org-table-row:hover{background:var(--hover-bg)}.org-table-row.clickable{cursor:pointer}.org-table-row.dimmed{opacity:.45}.org-table-row.dimmed:hover{opacity:.7}.org-table-empty{padding:var(--space-8) var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.org-member-cell{display:flex;align-items:center;gap:var(--space-3);min-width:0}.org-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--grey-90);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);flex-shrink:0}.org-cell-primary{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-cell-secondary{font-size:var(--text-xs);color:var(--text-body)}.org-cell-mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary)}.org-cell-muted{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.org-cell-empty{font-size:var(--text-xs);color:var(--text-disabled);font-style:italic}.org-cell-email-wrap{display:flex;align-items:center;gap:var(--space-2)}.org-actions-cell{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end}.org-align-right{text-align:right}.org-pct-cell{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end}.org-badge{display:inline-block;font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);background:var(--grey-10);color:var(--text-body);white-space:nowrap}.org-badge.ok{background:var(--color-success-bg);color:var(--color-success)}.org-badge.warn{background:var(--color-warning-bg);color:var(--color-warning)}.org-badge.owner,.org-badge.shared{background:var(--color-info-bg);color:var(--color-info)}.org-badge.member{background:var(--grey-10);color:var(--text-body)}.org-role-select{font-size:var(--text-xs);padding:2px 6px;border:1px solid var(--border-default);border-radius:4px;background:var(--bg-surface);color:var(--text-primary);font-family:inherit;cursor:pointer}.org-role-select:focus{outline:none;border-color:var(--border-focus)}.org-btn-primary-sm{display:inline-flex;align-items:center;padding:5px 14px;font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:inherit;color:var(--text-inverse);background:var(--grey-100);border:1px solid var(--grey-100);border-radius:6px;cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.org-btn-primary-sm:hover{background:var(--grey-90)}.org-btn-primary-sm:disabled{opacity:.4;cursor:not-allowed}.org-btn-ghost{display:inline-flex;align-items:center;padding:5px 14px;font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:inherit;color:var(--text-body);background:transparent;border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:all var(--duration-fast)}.org-btn-ghost:hover{background:var(--hover-bg);border-color:var(--border-strong)}.org-link-btn{background:none;border:none;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-body);cursor:pointer;padding:0;transition:color var(--duration-fast);white-space:nowrap}.org-link-btn:hover{color:var(--text-primary);text-decoration:underline}.org-link-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.org-link-btn.danger,.org-link-btn.danger:hover{color:var(--color-error)}.org-inline-edit{display:flex;align-items:center;gap:6px}.org-inline-input{padding:3px 8px;font-size:var(--text-xs);font-family:inherit;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-focus);border-radius:4px;width:160px;box-shadow:var(--focus-ring)}.org-inline-input:focus{outline:none}.org-inline-save{font-size:10px;font-weight:var(--weight-semibold);font-family:inherit;padding:2px 8px;background:var(--grey-100);color:var(--text-inverse);border:none;border-radius:4px;cursor:pointer}.org-inline-save:disabled{opacity:.4}.org-inline-cancel{font-size:var(--text-xs);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;line-height:1}.org-inline-cancel:hover{color:var(--text-primary)}.org-at-hint{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.org-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-xs)}.org-card-title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0 0 var(--space-4);color:var(--text-primary)}.org-card-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.org-field{margin-bottom:var(--space-4)}.org-field:last-of-type{margin-bottom:0}.org-field .org-label{display:block;margin-bottom:var(--space-1)}.org-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.org-input,.org-select{width:100%;padding:6px var(--space-3);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;transition:border-color var(--duration-fast);box-sizing:border-box}.org-input:focus,.org-select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.org-input::placeholder{color:var(--text-disabled)}.org-email-composite{display:flex;align-items:center;gap:0;border:1px solid var(--border-default);border-radius:6px;overflow:hidden;transition:border-color var(--duration-fast)}.org-email-composite:focus-within{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.org-email-composite .org-input{border:none;border-radius:0;box-shadow:none}.org-email-composite .org-input:focus{box-shadow:none}.org-email-suffix{padding:6px var(--space-3);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-muted);background:var(--grey-05);border-left:1px solid var(--border-subtle);white-space:nowrap}.org-radio-row{display:flex;gap:var(--space-2)}.org-radio-card{flex:1;display:flex;flex-direction:column;gap:2px;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;transition:all var(--duration-fast);background:var(--bg-surface)}.org-radio-card:hover{border-color:var(--border-default)}.org-radio-card.selected{border-color:var(--grey-100);background:var(--grey-05)}.org-radio-card input[type=radio]{display:none}.org-radio-card-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.org-radio-card-desc{font-size:10px;color:var(--text-muted)}.org-check-row{display:flex;gap:var(--space-4)}.org-check{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.org-check input[type=checkbox]{accent-color:var(--grey-100)}.org-callout{padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5);background:var(--grey-05)}.org-callout.warn{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.org-callout.ok{background:var(--color-success-bg);border-color:var(--color-success-border)}.org-callout strong{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:2px}.org-callout p{font-size:var(--text-xs);color:var(--text-body);margin:0;line-height:var(--leading-relaxed)}.org-storage-hero{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-6);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.org-storage-ring{position:relative;width:120px;height:120px;flex-shrink:0}.org-storage-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.org-storage-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.org-storage-ring-pct{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);font-family:var(--font-mono);line-height:1}.org-storage-ring-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.org-storage-stats{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.org-storage-stat{display:flex;flex-direction:column;gap:2px}.org-mini-bar{width:40px;height:4px;background:var(--grey-10);border-radius:2px;display:inline-block;vertical-align:middle;overflow:hidden}.org-mini-fill{height:100%;background:var(--grey-80);border-radius:2px}.org-steps{margin-top:var(--space-2)}.org-step{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}.org-step:last-child{border-bottom:none}.org-step-num{width:24px;height:24px;border-radius:var(--radius-full);background:var(--grey-100);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold);flex-shrink:0;margin-top:1px}.org-step-content{flex:1;min-width:0}.org-step-content strong{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.org-step-content p{font-size:var(--text-xs);color:var(--text-body);margin:0 0 var(--space-3);line-height:var(--leading-relaxed)}.org-dns-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:var(--space-3);margin-bottom:var(--space-3);box-shadow:var(--shadow-xs)}.org-dns-card.highlight{border-color:var(--color-info-border);background:color-mix(in srgb,var(--color-info-bg) 40%,var(--bg-surface))}.org-dns-card.ok{border-color:var(--color-success-border)}.org-dns-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.org-dns-type{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em}.org-dns-purpose{font-size:10px;color:var(--text-muted)}.org-dns-field{display:grid;grid-template-columns:50px 1fr;gap:var(--space-2);align-items:baseline;margin-bottom:var(--space-1)}.org-dns-field:last-child{margin-bottom:0}.org-dns-val{display:block;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-primary);background:var(--grey-05);padding:3px 6px;border-radius:4px;border:1px solid var(--border-subtle);word-break:break-all;line-height:var(--leading-relaxed);cursor:pointer;user-select:all;transition:all var(--duration-fast)}.org-dns-val:hover{background:var(--hover-bg);border-color:var(--border-default)}.org-dns-val.copied{background:var(--color-success-bg);border-color:var(--color-success-border)}.org-dns-val.static{cursor:default}.org-dns-val.static:hover{background:var(--grey-05);border-color:var(--border-subtle)}.org-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-2)}.org-health-card{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;box-shadow:var(--shadow-xs)}.org-health-card.ok{border-left:3px solid var(--color-success)}.org-health-card.error{border-left:3px solid var(--color-error)}.org-health-card.warning{border-left:3px solid var(--color-warning)}.org-health-name{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-primary)}.org-health-status{font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase}.org-health-status.ok{color:var(--color-success)}.org-health-status.error{color:var(--color-error)}.org-health-status.warning{color:var(--color-warning)}.org-health-msg{font-size:10px;color:var(--text-muted);line-height:var(--leading-normal)}.org-settings-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.org-setting-row{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.org-setting-row:last-child{border-bottom:none}.org-setting-info{display:flex;flex-direction:column;gap:var(--space-2)}.org-setting-info .org-label{margin-bottom:0}.org-setting-value-row{display:flex;align-items:center;gap:var(--space-3)}.org-logo-upload{margin-top:var(--space-2)}.org-logo-preview-wrap{display:flex;flex-direction:column;gap:var(--space-3)}.org-logo-preview-frame{display:flex;align-items:center;justify-content:flex-start;padding:var(--space-4) var(--space-5);background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:72px;max-width:320px}.org-logo-preview{max-width:240px;max-height:48px;width:auto;height:auto;object-fit:contain;object-position:left center;display:block}.org-logo-actions{display:flex;flex-direction:row;align-items:center;gap:var(--space-4)}.org-danger-text{color:var(--color-error)!important}.org-logo-dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-8);border:1.5px dashed var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);color:var(--text-muted);text-align:center}.org-logo-dropzone:hover{border-color:var(--grey-40);background:var(--grey-05);color:var(--text-body)}.org-logo-dropzone span{font-size:var(--text-sm);font-weight:var(--weight-medium)}.org-logo-dropzone .org-hint{font-size:var(--text-xs);font-weight:var(--weight-normal)}@media(max-width:768px){.org-layout{flex-direction:column}.org-nav{width:100%;min-width:unset;max-width:unset;flex-direction:row;border-right:none;border-bottom:1px solid var(--border-subtle);overflow-x:auto;padding:0}.org-nav-identity{display:none}.org-nav-item{white-space:nowrap;border-left:none;border-bottom:2px solid transparent;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.org-nav-item.active{border-left-color:transparent;border-bottom-color:var(--grey-100);background:transparent}.org-nav-count{display:none}.org-content{padding:var(--space-4)}.org-header{padding:0 var(--space-4)}.org-kpi-grid,.org-health-grid{grid-template-columns:1fr 1fr}.org-field-row{grid-template-columns:1fr}.org-storage-hero{flex-direction:column;gap:var(--space-4)}.org-storage-ring{width:100px;height:100px}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-hover) 50%,var(--bg-card) 100%);background-size:468px 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:4px}.ap{display:flex;height:100vh;overflow:hidden;font-family:var(--font-body, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);font-size:13px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ap-sidebar{width:224px;min-width:224px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:10}.ap-brand{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.ap-brand-info{display:flex;align-items:baseline;gap:10px}.ap-back{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text-tertiary);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;transition:color .15s ease;margin-bottom:8px}.ap-back:hover{color:var(--text-secondary)}.ap-title{display:inline-flex;align-items:baseline;gap:2px;line-height:1.2}.ap-title .logo-gb{font-family:"Jacquard 12",monospace;font-size:1.4rem;font-weight:400;color:var(--text);letter-spacing:-.02em}.ap-title .logo-mail{font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:.9rem;font-weight:600;color:var(--text-muted, var(--text-tertiary))}.ap-version{font-size:11px;font-weight:600;color:var(--text-tertiary);background:#ffffff0d;padding:3px 8px;border-radius:4px;letter-spacing:.03em;text-transform:uppercase}.ap-nav{flex:1;padding:16px 0;overflow-y:auto;overflow-x:hidden}.ap-nav::-webkit-scrollbar{width:4px}.ap-nav::-webkit-scrollbar-track{background:transparent}.ap-nav::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.ap-nav-group{margin-bottom:4px}.ap-nav-group-label{display:block;padding:14px 20px 4px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);opacity:.6;user-select:none}.ap-nav-item{display:flex;align-items:center;gap:9px;padding:7px 20px;margin:0;text-decoration:none;color:var(--text-secondary);font-size:13px;font-weight:500;border-left:2px solid transparent;transition:all .15s ease;position:relative}.ap-nav-item:hover{color:var(--text);background:var(--bg-hover);border-left-color:var(--border-light)}.ap-nav-item.is-active{color:var(--text);background:var(--bg-card);border-left-color:var(--text)}.ap-nav-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;opacity:.7;transition:opacity .15s ease}.ap-nav-item.is-active .ap-nav-icon{opacity:1}.ap-nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-user{padding:16px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.ap-user-dot{width:6px;height:6px;border-radius:50%;background:#10b981;flex-shrink:0;box-shadow:0 0 0 2px #10b98133}.ap-user-email{font-size:11px;font-weight:500;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-content{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg)}.ap-content::-webkit-scrollbar{width:8px}.ap-content::-webkit-scrollbar-track{background:var(--bg)}.ap-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.ap-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ap-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:120px 32px;color:var(--text-secondary);font-size:13px;font-weight:500;min-height:60vh}.ap-loading:before{content:"";width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:spin .7s linear infinite}.ap-error{padding:64px 32px;color:#ef4444;font-size:13px;font-weight:500;text-align:center}.ap-section-header{display:flex;align-items:baseline;justify-content:space-between;padding:32px 40px 0;margin-bottom:24px}.ap-section-header h2{font-family:var(--font-display, serif);font-size:28px;font-weight:400;margin:0;color:var(--text);letter-spacing:-.01em}.ap-ts{font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:.02em;text-transform:uppercase}.user-list,.analytics-dashboard,.system-mail,.invite-list,.broadcasts,.organizations,.system-health,.user-detail{padding:32px 40px 64px;animation:fadeIn .3s ease}.user-list h2,.analytics-dashboard h2,.system-mail h2,.invite-list h2,.broadcasts h2,.organizations h2,.system-health h2{font-family:var(--font-display, serif);font-size:28px;font-weight:400;margin:0 0 24px;color:var(--text);letter-spacing:-.01em}.ap-overview{padding:0 0 48px}.ap-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:0 40px;margin-bottom:32px}.ap-metric{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;transition:all .2s ease}.ap-metric:hover{background:var(--bg-card-hover, #F0F0F0);border-color:var(--border);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.ap-metric-value{font-family:var(--font-display, serif);font-size:36px;font-weight:400;color:var(--text);line-height:1;margin-bottom:8px;letter-spacing:-.02em}.ap-metric-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.ap-metric-sub{font-size:12px;color:var(--text-secondary);margin-top:6px}.ap-quicklinks{padding:0 40px;display:flex;gap:24px;flex-wrap:wrap}.ap-quicklink{font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;transition:all .2s ease}.ap-quicklink:hover{color:var(--text);border-bottom-color:var(--text)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.data-table thead{background:var(--surface)}.data-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);border-bottom:1px solid var(--border);white-space:nowrap}.data-table th:first-child{padding-left:20px}.data-table th:last-child{padding-right:20px}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.data-table td:first-child{padding-left:20px}.data-table td:last-child{padding-right:20px}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .email-cell{font-family:var(--font-mono, monospace);font-size:12px;font-weight:500}.data-table .token-cell code{font-family:var(--font-mono, monospace);font-size:11px;background:var(--surface);padding:4px 8px;border-radius:4px;border:1px solid var(--border)}.sub-text{font-size:12px;color:var(--text-tertiary);margin-top:2px}.status,.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;line-height:1}.status.active{background:#10b9811f;color:#10b981}.status.inactive{background:var(--bg-hover);color:var(--text-tertiary)}.badge.admin{background:var(--text);color:var(--bg);padding:3px 8px}.badge.used{background:var(--bg-hover);color:var(--text-tertiary)}.badge.personal-badge{background:#6366f11f;color:#6366f1}.badge.org-badge{background:#f59e0b1f;color:#f59e0b}.inline-select{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:6px 32px 6px 12px;font-size:12px;font-weight:500;color:var(--text);cursor:pointer;transition:all .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.inline-select:hover{border-color:var(--border-light);background:var(--bg-hover)}.inline-select:focus{outline:none;border-color:var(--accent, var(--text));box-shadow:0 0 0 3px #ffffff14}.inline-select.status-active{color:#10b981}.inline-select.status-trialing{color:#3b82f6}.inline-select.status-past_due{color:#f59e0b}.inline-select.status-suspended{color:#ef4444}.inline-select.status-cancelled{color:var(--text-tertiary)}.table-action,.action-btn,.create-btn,.save-btn,.submit-btn,.back-btn,.send-btn,.copy-btn,.revoke-btn,.filter-btn{font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);border:none;outline:none;user-select:none}.table-action{background:transparent;border:1px solid var(--border);border-radius:6px;padding:6px 14px;color:var(--text-secondary)}.table-action:hover{border-color:var(--border-light);color:var(--text);background:var(--bg-hover)}.back-btn{background:transparent;color:var(--text-secondary);padding:0;font-size:13px;margin-bottom:16px;display:inline-flex;align-items:center;gap:6px}.back-btn:hover{color:var(--text)}.create-btn,.submit-btn,.send-btn{background:var(--text);color:var(--bg);border-radius:6px;padding:8px 16px;box-shadow:0 1px 2px #0000000d}.create-btn:hover,.submit-btn:hover,.send-btn:hover{background:var(--text-secondary);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.create-btn:active,.submit-btn:active,.send-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.create-btn:disabled,.submit-btn:disabled,.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.save-btn{background:var(--text);color:var(--bg);border-radius:6px;padding:6px 16px;font-size:12px;white-space:nowrap}.save-btn:hover{background:var(--text-secondary)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn{background:transparent;border:1px solid var(--border);border-radius:6px;padding:7px 16px;color:var(--text-secondary);text-decoration:none;display:inline-block}.action-btn:hover{border-color:var(--border-light);color:var(--text);background:var(--bg-hover)}.action-btn.danger{border-color:#ef44444d;color:#ef4444}.action-btn.danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.copy-btn{background:#10b9811f;color:#10b981;border-radius:6px;padding:6px 12px;font-size:12px;white-space:nowrap}.copy-btn:hover{background:#10b98133}.revoke-btn{background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:5px 10px;font-size:12px;color:#ef4444}.revoke-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.pagination{display:flex;align-items:center;gap:16px;margin-top:24px;font-size:13px;font-weight:500;color:var(--text-secondary)}.pagination button{background:transparent;border:1px solid var(--border);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-secondary);font-family:inherit;transition:all .15s ease}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button:hover:not(:disabled){border-color:var(--border-light);color:var(--text);background:var(--bg-hover)}.search-form{display:flex;gap:12px;margin-bottom:24px}.search-form input{flex:1;max-width:400px;border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;background:var(--bg-card);color:var(--text);font-family:inherit;transition:all .15s ease}.search-form input::placeholder{color:var(--text-tertiary)}.search-form input:hover{border-color:var(--border-light)}.search-form input:focus{outline:none;border-color:var(--accent, var(--text));background:var(--bg-hover);box-shadow:0 0 0 3px #ffffff14}.search-form button{background:var(--text);color:var(--bg);border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s ease}.search-form button:hover{background:var(--text-secondary);box-shadow:0 4px 12px #00000026}.form-group,.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label,.form-row label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.form-group input,.form-group textarea,.form-group select,.form-row input,.form-row select,.form-row textarea{border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:13px;font-family:inherit;font-weight:500;background:var(--bg-card);color:var(--text);transition:all .15s ease}.form-group input:hover,.form-group textarea:hover,.form-group select:hover,.form-row input:hover,.form-row select:hover,.form-row textarea:hover{border-color:var(--border-light)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--accent, var(--text));background:var(--bg-hover);box-shadow:0 0 0 3px #ffffff14}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-inline{display:flex;align-items:center;gap:8px;margin-bottom:16px}.form-row-inline input{flex:1;min-width:0}.form-row-inline span{font-size:13px;font-weight:500;color:var(--text-secondary);flex-shrink:0}.empty-state{text-align:center;padding:80px 32px;color:var(--text-tertiary)}.empty-icon{display:block;font-size:48px;margin-bottom:16px;opacity:.3}.empty-state h3{font-family:var(--font-display, serif);font-size:20px;font-weight:400;color:var(--text-secondary);margin:0 0 8px;letter-spacing:-.01em}.empty-state p{font-size:13px;color:var(--text-tertiary);margin:0;line-height:1.5}.inline-confirm{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary);padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.user-detail h2{font-family:var(--font-display, serif);font-size:24px;font-weight:400;margin:0 0 24px;color:var(--text);letter-spacing:-.01em}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.detail-section{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px}.detail-section h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0 0 16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;font-weight:500}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row .label{color:var(--text-tertiary)}.detail-row .value{color:var(--text)}.user-actions h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0 0 16px}.action-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.invite-create-section{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:24px}.invite-create-section h3{font-size:13px;font-weight:600;margin:0 0 16px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.new-invite-display{background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:16px;margin-bottom:16px}.new-invite-display h4{font-size:11px;font-weight:700;color:#10b981;margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em}.invite-token-url{display:flex;align-items:center;gap:12px;margin-bottom:6px}.invite-token-url code{flex:1;font-family:var(--font-mono, monospace);font-size:11px;font-weight:500;background:#ffffff0f;padding:8px 12px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-note{font-size:12px;color:var(--text-tertiary);font-style:italic}.system-mail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.system-mail-header .header-left{display:flex;align-items:center;gap:16px}.system-mail-header h2{margin:0}.system-mail-header .total-count{display:flex;align-items:center}.mailbox-list{display:flex;flex-direction:column;gap:10px}.mailbox-item{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;font-family:inherit;font-size:13px;font-weight:500}.mailbox-item:hover{border-color:var(--border-light);background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.mailbox-item.inactive{opacity:.5}.mailbox-icon{font-size:18px;color:var(--text-secondary);width:28px;flex-shrink:0;text-align:center}.mailbox-info{flex:1;min-width:0}.mailbox-address{font-family:var(--font-mono, monospace);font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px;letter-spacing:-.01em}.mailbox-description{font-size:12px;color:var(--text-tertiary);line-height:1.4}.mailbox-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.unread-badge{background:var(--text);color:var(--bg);font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px}.message-count{font-size:12px;color:var(--text-tertiary)}.create-mailbox-form{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:24px}.create-mailbox-form h3{font-size:13px;font-weight:600;margin:0 0 16px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.mailbox-view{display:flex;height:100vh;overflow:hidden;flex-direction:column}.mailbox-view-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--surface)}.mailbox-view-header-left{display:flex;align-items:center;gap:16px}.mailbox-view-title{font-family:var(--font-display, serif);font-size:20px;font-weight:400;color:var(--text);letter-spacing:-.01em}.mailbox-view-body{display:flex;flex:1;overflow:hidden}.message-list-pane{width:320px;min-width:280px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;background:var(--surface)}.message-list-filters{display:flex;border-bottom:1px solid var(--border);background:var(--bg)}.filter-btn{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;padding:12px 8px;font-size:11px;font-weight:600;color:var(--text-tertiary);cursor:pointer;font-family:inherit;letter-spacing:.06em;text-transform:uppercase;transition:all .15s ease}.filter-btn.active{color:var(--text);border-bottom-color:var(--text)}.message-list{flex:1;overflow-y:auto}.message-item{padding:14px 20px;border-bottom:1px solid var(--border);cursor:pointer;background:transparent;font-size:13px;transition:background .15s ease;text-align:left;width:100%;border-left:3px solid transparent;font-family:inherit;display:block}.message-item:hover{background:var(--bg-hover)}.message-item.active{background:var(--bg-card);border-left-color:var(--text)}.message-item.unread .msg-from{font-weight:600}.message-item.starred .msg-star{color:#f59e0b}.msg-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.msg-from{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.msg-date{font-size:11px;font-weight:500;color:var(--text-tertiary);flex-shrink:0}.msg-subject{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.msg-star{background:transparent;border:none;cursor:pointer;font-size:14px;color:var(--text-tertiary);padding:0 0 0 8px;flex-shrink:0;transition:color .15s ease}.msg-star:hover{color:#f59e0b}.message-detail-pane{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg)}.message-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:13px;font-weight:500}.message-detail-content{padding:24px 32px;flex:1}.message-detail-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.message-detail-header h3{font-size:18px;font-weight:500;margin:0 0 12px;color:var(--text);line-height:1.4}.message-meta-row{display:flex;gap:16px;font-size:12px;color:var(--text-tertiary);flex-wrap:wrap;margin-bottom:6px}.message-detail-actions{display:flex;gap:8px;padding:16px 32px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.message-body{font-size:14px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.message-html{font-size:14px;line-height:1.6}.reply-form{padding:20px 32px;border-top:1px solid var(--border);background:var(--surface)}.reply-form textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:14px;font-family:inherit;font-size:14px;resize:vertical;min-height:120px;margin-bottom:12px;box-sizing:border-box;background:var(--bg-card);color:var(--text);line-height:1.5;transition:all .15s ease}.reply-form textarea:hover{border-color:var(--border-light)}.reply-form textarea:focus{outline:none;border-color:var(--accent, var(--text));background:var(--bg-hover);box-shadow:0 0 0 3px #ffffff14}.reply-actions{display:flex;gap:12px}.reply-recipients-section{padding:0 0 8px}.reply-recipient-row{display:flex;align-items:flex-start;gap:8px;padding:4px 0}.reply-field-label{font-size:12px;font-weight:500;color:var(--text-tertiary);min-width:28px;padding-top:8px;text-align:right}.toggle-cc-btn{background:none;border:none;font-size:12px;color:var(--text-tertiary);cursor:pointer;padding:4px 8px;margin-top:2px}.toggle-cc-btn:hover{color:var(--text-secondary)}.mailbox-settings-section{padding:20px 32px;border-bottom:1px solid var(--border);background:var(--surface)}.mailbox-settings-section h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0 0 14px}.imap-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.imap-info-item{font-size:13px}.imap-info-item .imap-label{color:var(--text-tertiary);font-size:11px;font-weight:600}.imap-info-item .imap-value{font-family:var(--font-mono, monospace);color:var(--text-secondary);font-size:12px;font-weight:500}.broadcasts-info{font-size:13px;color:var(--text-secondary);margin:-8px 0 24px;line-height:1.6;background:var(--bg-card);padding:14px 18px;border-radius:8px;border-left:3px solid var(--border-light)}.broadcast-form{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a}.broadcast-form .form-group{margin-bottom:20px}.broadcast-form textarea{min-height:160px;width:100%;box-sizing:border-box;line-height:1.6}.broadcast-form .form-actions,.broadcast-actions{display:flex;gap:12px;align-items:center}.broadcast-form .cancel-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.broadcast-form .cancel-btn:hover{border-color:var(--border-light);background:var(--bg-hover)}.broadcasts-list{display:flex;flex-direction:column;gap:12px}.broadcast-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px;transition:all .2s ease}.broadcast-card:hover{border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 6px 16px #0000001a}.broadcast-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.broadcast-subject{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.broadcast-meta{font-size:12px;color:var(--text-tertiary);margin-bottom:12px}.broadcast-preview{font-size:13px;color:var(--text-secondary);margin-bottom:14px;line-height:1.5;max-height:60px;overflow:hidden}.broadcast-card-actions{display:flex;gap:8px}.organizations .data-table th:last-child,.organizations .data-table td:last-child{text-align:right}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.analytics-header h2{margin:0}.period-selector{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-card)}.period-selector button{background:transparent;border:none;border-right:1px solid var(--border);padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text-secondary);font-family:inherit;transition:all .15s ease}.period-selector button:last-child{border-right:none}.period-selector button:hover{background:var(--bg-hover)}.period-selector button.active{background:var(--text);color:var(--bg)}.realtime-indicator{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#10b981;margin-bottom:20px;background:#10b98114;padding:8px 14px;border-radius:8px}.pulse{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite;flex-shrink:0;box-shadow:0 0 0 2px #10b98133}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.analytics-stats .stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;transition:all .2s ease}.analytics-stats .stat-card:hover{border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.stat-value{font-family:var(--font-display, serif);font-size:32px;font-weight:400;color:var(--text);line-height:1;margin-bottom:8px;letter-spacing:-.02em}.stat-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.analytics-section{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}.analytics-section h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0 0 16px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.analytics-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.analytics-section.compact{margin-bottom:0}.mini-chart{height:80px;display:flex;align-items:flex-end}.chart-bars{display:flex;align-items:flex-end;gap:3px;width:100%;height:100%}.chart-bar{flex:1;background:var(--text);border-radius:3px 3px 0 0;min-height:3px;opacity:.4;transition:opacity .2s ease}.chart-bar:hover{opacity:.8}.ranked-list{display:flex;flex-direction:column}.ranked-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;font-weight:500}.ranked-item:last-child{border-bottom:none}.rank{font-size:11px;font-weight:600;color:var(--text-tertiary);width:20px;text-align:right;flex-shrink:0}.flag{font-size:16px;flex-shrink:0}.name{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name.path{font-family:var(--font-mono, monospace);font-size:12px}.value{font-weight:700;color:var(--text);font-size:13px;flex-shrink:0}.no-data{font-size:13px;color:var(--text-tertiary);text-align:center;padding:32px 0}.breakdown-bars{display:flex;flex-direction:column;gap:10px}.breakdown-item{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.breakdown-label{width:80px;color:var(--text-secondary);font-size:12px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.breakdown-fill{height:100%;background:var(--text);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}.breakdown-value{font-size:12px;font-weight:600;color:var(--text-tertiary);width:40px;text-align:right;flex-shrink:0}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.health-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:24px;transition:all .2s ease}.health-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.health-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.health-card-title{font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.01em}.health-card-detail{font-size:12px;color:var(--text-tertiary);line-height:1.5;margin-top:8px}.health-status{font-size:10px;font-weight:700;padding:5px 12px;border-radius:6px;letter-spacing:.05em;text-transform:uppercase}.health-status.ok{background:#10b98126;color:#10b981;box-shadow:0 0 0 2px #10b9811a}.health-status.warning{background:#f59e0b26;color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a}.health-status.error{background:#ef444426;color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.health-status.unknown{background:var(--bg-hover);color:var(--text-tertiary)}.health-details{font-size:13px;font-weight:500;color:var(--text-secondary);margin-top:12px}.health-detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.health-detail-row:last-child{border-bottom:none;padding-bottom:0}.health-label{color:var(--text-tertiary);font-size:12px;font-weight:500}.health-value{color:var(--text);font-family:var(--font-mono, monospace);font-size:12px;font-weight:600}.password-display{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:16px;margin-top:12px}.password-display .password-note{font-size:12px;color:var(--text-secondary);margin-bottom:10px}.password-credentials{display:flex;flex-direction:column;gap:6px}.password-row{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.password-row span{color:var(--text-tertiary);width:80px;flex-shrink:0}.password-row code{font-family:var(--font-mono, monospace);background:#ffffff0f;padding:4px 10px;border-radius:6px;color:var(--text);font-size:12px}@media(max-width:1024px){.ap-sidebar{width:200px;min-width:200px}.ap-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.detail-grid,.analytics-grid,.analytics-row,.form-grid{grid-template-columns:1fr}}@media(max-width:768px){.ap{flex-direction:column}.ap-sidebar{width:100%;min-width:unset;flex-direction:row;height:auto;border-right:none;border-bottom:1px solid var(--border)}.ap-brand{display:none}.ap-nav{display:flex;flex-direction:row;padding:0;overflow-x:auto;flex:1}.ap-nav-item{flex-direction:column;gap:4px;padding:12px 16px;margin:0;border-left:none;border-bottom:2px solid transparent;border-radius:0;font-size:11px;white-space:nowrap}.ap-nav-item.is-active{border-left:none;border-bottom-color:var(--text);background:transparent}.ap-user{display:none}.ap-content{min-height:50vh}.user-list,.analytics-dashboard,.system-mail,.invite-list,.broadcasts,.organizations,.system-health,.user-detail{padding:24px 20px 48px}.ap-section-header{padding:24px 20px 0}.ap-metrics{padding:0 20px;grid-template-columns:1fr 1fr}.ap-quicklinks{padding:0 20px}.data-table{border:none;border-radius:0}.data-table thead{display:none}.data-table tbody{display:flex;flex-direction:column;gap:12px}.data-table tr{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--bg-card)}.data-table td{display:flex;justify-content:space-between;padding:8px 0;border-bottom:none}.data-table td:before{content:attr(data-label);font-weight:600;color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.search-form{flex-direction:column}.search-form input{max-width:100%}.message-list-pane{width:100%;border-right:none;border-bottom:1px solid var(--border)}.mailbox-view-body{flex-direction:column}}.sales-dashboard{padding:0 32px 48px}.sales-section{margin-top:32px}.sales-section h3{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.sales-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.sales-plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px}.sales-plan-name{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.sales-plan-revenue{font-size:24px;font-weight:600;color:var(--text)}.sales-plan-count{font-size:12px;color:var(--text-tertiary);margin-top:4px}.sales-chart{display:flex;align-items:flex-end;gap:4px;height:120px;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.sales-chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:20px;cursor:pointer}.sales-chart-fill{width:100%;background:var(--grey-100, #1a1a1a);border-radius:2px 2px 0 0;margin-top:auto;transition:background .15s}.sales-chart-bar:hover .sales-chart-fill{background:var(--grey-60, #666)}.sales-chart-label{font-size:10px;color:var(--text-tertiary);margin-top:6px}.status-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500}.status-succeeded{background:#22c55e26;color:#22c55e}.status-failed{background:#ef444426;color:#ef4444}.status-pending{background:#eab30826;color:#eab308}.payment-user{display:flex;flex-direction:column;gap:2px}.payment-email{font-size:13px;color:var(--text)}.payment-name{font-size:11px;color:var(--text-tertiary)}.payment-amount{font-weight:600;font-variant-numeric:tabular-nums}.ap-metric--highlight{background:var(--grey-100, #1a1a1a);color:#fff}.ap-metric--highlight:hover{background:var(--grey-80, #333)}.ap-metric--highlight .ap-metric-value{color:#fff}.ap-metric--highlight .ap-metric-label,.ap-metric--highlight .ap-metric-sub{color:#ffffffb3}.ap-empty{text-align:center;padding:32px;color:var(--text-tertiary)}@media(max-width:768px){.sales-dashboard{padding:24px 20px 48px}.sales-chart{overflow-x:auto}.sales-plan-grid{grid-template-columns:1fr}}.tb-page{--ta-bg: #f5f5f7;--ta-surface: #ffffff;--ta-surface-2: #f5f5f7;--ta-text: #1d1d1f;--ta-text-2: #515154;--ta-text-3: #86868b;--ta-border: rgba(0,0,0,.08);--ta-accent: #1d1d1f;--ta-radius: 12px;--ta-radius-sm: 8px;--ta-radius-xs: 6px;--ta-shadow-sm: 0 1px 3px rgba(0,0,0,.06);--ta-shadow-md: 0 4px 16px rgba(0,0,0,.08);--ta-shadow-lg: 0 20px 60px rgba(0,0,0,.14);--ta-ease: cubic-bezier(.4,0,.2,1);--ta-spring: cubic-bezier(.34,1.56,.64,1);background:var(--ta-bg);min-height:100%;font-family:var(--font-body, "Stack Sans Notch", -apple-system, BlinkMacSystemFont, sans-serif);color:var(--ta-text);padding:0 0 80px}.tb-hero{background:var(--ta-surface);border-bottom:1px solid var(--ta-border);padding:28px 0 24px}.tb-hero-inner{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.tb-hero-brand{display:flex;flex-direction:column;gap:4px}.tb-hero-logo{display:flex;align-items:baseline;gap:0}.tb-logo-gb{font-family:"Jacquard 12",monospace;font-size:1.8rem;font-weight:400;color:var(--ta-text);letter-spacing:-.02em;line-height:1}.tb-logo-mail{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:1.1rem;font-weight:600;color:var(--ta-text-3);letter-spacing:-.01em;line-height:1;margin-left:1px}.tb-logo-divider{width:1px;height:18px;background:var(--ta-border);margin:0 12px;align-self:center}.tb-logo-section{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--ta-text-2);text-transform:uppercase;letter-spacing:.06em;align-self:center}.tb-hero-sub{font-size:13px;color:var(--ta-text-3);margin:0;font-weight:400}.tb-hero-actions{display:flex;gap:8px;align-items:center}.tb-btn-primary{background:var(--ta-text);color:#fff;border:1px solid transparent;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s var(--ta-ease),transform .15s var(--ta-ease),box-shadow .15s var(--ta-ease);white-space:nowrap}.tb-btn-primary:hover{background:var(--ta-text-2);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.tb-btn-primary:active{transform:translateY(0);box-shadow:none}.tb-btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.tb-btn-ghost{background:transparent;color:var(--ta-text-2);border:1px solid var(--ta-border);border-radius:6px;padding:8px 18px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .15s var(--ta-ease),color .15s var(--ta-ease),background .15s var(--ta-ease);white-space:nowrap}.tb-btn-ghost:hover{border-color:var(--ta-text-2);color:var(--ta-text);background:#00000008}.tb-btn-primary-sm{background:var(--ta-text);color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s var(--ta-ease)}.tb-btn-primary-sm:hover{background:var(--ta-text-2)}.tb-btn-danger-sm{background:transparent;color:var(--ta-text-3);border:1px solid var(--ta-border);border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .15s var(--ta-ease),color .15s var(--ta-ease)}.tb-btn-danger-sm:hover{border-color:#ff3b3080;color:#ff3b30}.tb-status-strip{max-width:1400px;margin:24px auto 0;padding:0 40px;display:flex;align-items:stretch}.tb-stat{flex:1;background:var(--ta-surface);border:1px solid var(--ta-border);border-right:none;padding:20px 24px 18px;display:flex;flex-direction:column;gap:2px;transition:background .2s var(--ta-ease)}.tb-stat:first-child{border-radius:var(--ta-radius) 0 0 var(--ta-radius)}.tb-stat:last-child{border-radius:0 var(--ta-radius) var(--ta-radius) 0;border-right:1px solid var(--ta-border)}.tb-stat:hover{background:#00000004}.tb-stat-divider{width:1px;background:var(--ta-border);flex-shrink:0}.tb-stat-value{font-size:30px;font-weight:700;letter-spacing:-.04em;color:var(--ta-text);line-height:1;transition:color .2s}.tb-stat-release{font-size:16px;font-weight:700;color:var(--ta-text);letter-spacing:-.02em;line-height:1.2}.tb-stat-name{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ta-text-3);margin-top:8px}.tb-stat-detail{font-size:12px;color:var(--ta-text-3)}.tb-stat-bar{height:2px;background:#0000000f;border-radius:1px;margin-top:10px;overflow:hidden}.tb-stat-bar-fill{height:100%;background:#34c759;border-radius:1px;transition:width .6s var(--ta-ease)}@media(max-width:768px){.tb-status-strip{flex-direction:column;padding:0 20px}.tb-stat{border-right:1px solid var(--ta-border);border-bottom:none;border-radius:0}.tb-stat:first-child{border-radius:var(--ta-radius) var(--ta-radius) 0 0}.tb-stat:last-child{border-radius:0 0 var(--ta-radius) var(--ta-radius);border-bottom:1px solid var(--ta-border)}.tb-stat-divider{display:none}}.tb-toolbar{max-width:1400px;margin:28px auto 0;padding:0 40px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tb-tabs{display:flex;background:var(--ta-surface);border:1px solid var(--ta-border);border-radius:10px;padding:4px;gap:2px}.tb-tab{background:transparent;border:none;border-radius:7px;padding:7px 18px;font-size:13px;font-weight:500;color:var(--ta-text-2);cursor:pointer;transition:background .2s var(--ta-ease),color .2s var(--ta-ease)}.tb-tab--active{background:var(--ta-bg);color:var(--ta-text);box-shadow:var(--ta-shadow-sm)}.tb-filters{display:flex;gap:10px;flex:1;flex-wrap:wrap}.tb-search{flex:1;min-width:160px;max-width:260px;background:var(--ta-surface);border:1px solid var(--ta-border);border-radius:var(--ta-radius-sm);padding:8px 14px;font-size:13px;color:var(--ta-text);outline:none;transition:border-color .2s var(--ta-ease),box-shadow .2s var(--ta-ease)}.tb-search:focus{border-color:#0000004d;box-shadow:0 0 0 3px #0000000f}.tb-search::placeholder{color:var(--ta-text-3)}.tb-select{background:var(--ta-surface);border:1px solid var(--ta-border);border-radius:var(--ta-radius-sm);padding:8px 32px 8px 12px;font-size:13px;color:var(--ta-text);cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2386868b' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s var(--ta-ease)}.tb-select:focus{border-color:#0000004d}.tb-board{max-width:1400px;margin:24px auto 0;padding:0 40px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:start}@media(max-width:1200px){.tb-board{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tb-board{grid-template-columns:1fr 1fr}}.tb-col{background:var(--ta-surface);border-radius:var(--ta-radius);border:1px solid var(--ta-border);box-shadow:var(--ta-shadow-sm);overflow:hidden}.tb-col-header{display:flex;align-items:center;gap:8px;padding:14px 16px 12px;border-bottom:1px solid var(--ta-border)}.tb-col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tb-col-label{font-size:12px;font-weight:600;color:var(--ta-text-2);text-transform:uppercase;letter-spacing:.04em;flex:1}.tb-col-count{font-size:11px;font-weight:600;color:var(--ta-text-3);background:var(--ta-bg);padding:2px 8px;border-radius:20px}.tb-col-cards{padding:10px;display:flex;flex-direction:column;gap:8px;min-height:80px}.tb-col-empty{padding:20px 10px;font-size:13px;color:var(--ta-text-3);text-align:center}.tb-card{background:var(--ta-surface);border:1px solid var(--ta-border);border-left:3px solid var(--cat-color, #1d1d1f);border-radius:var(--ta-radius-sm);padding:12px 12px 10px;cursor:pointer;transition:box-shadow .25s var(--ta-ease),transform .25s var(--ta-ease)}.tb-card:hover{box-shadow:var(--ta-shadow-md);transform:translateY(-2px);border-color:#0000001f;border-left-color:var(--cat-color, #1d1d1f)}.tb-card-top{display:flex;align-items:center;gap:6px;margin-bottom:7px}.tb-card-title{font-size:14px;font-weight:500;color:var(--ta-text);margin:0 0 4px;line-height:1.4}.tb-card-desc{font-size:12px;color:var(--ta-text-3);margin:0 0 8px;line-height:1.5}.tb-card-foot{display:flex;align-items:center;gap:8px;margin-top:8px}.tb-card-avatars{display:flex;align-items:center}.tb-card-avatars .tb-avatar+.tb-avatar{margin-left:-8px;border:2px solid var(--ta-card, #fff)}.tb-avatar--creator{background:#3a3a3c}.tb-avatar--assignee{background:#1c1c1e;outline:2px solid #ff9500;outline-offset:1px;z-index:1}.tb-card-assignee{font-size:11px;color:#ff9500;font-weight:500;letter-spacing:.02em;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-card-time{font-size:11px;color:var(--ta-text-3);margin-left:auto}.tb-chip{font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;text-transform:capitalize}.tb-chip--cat{background:var(--ta-bg);color:var(--ta-text-2);border:1px solid var(--ta-border)}.tb-chip--pri{background:transparent;font-size:11px;font-weight:600}.tb-avatar{width:24px;height:24px;border-radius:50%;background:var(--ta-text);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tb-avatar--sm{width:28px;height:28px;font-size:12px;align-self:flex-start;margin-top:2px}.tb-roadmap{max-width:900px;margin:24px auto 0;padding:0 40px;display:flex;flex-direction:column;gap:16px}.tb-ver-card{background:var(--ta-surface);border-radius:var(--ta-radius);border:1px solid var(--ta-border);box-shadow:var(--ta-shadow-sm);overflow:hidden;transition:box-shadow .3s var(--ta-ease)}.tb-ver-card:hover{box-shadow:var(--ta-shadow-md)}.tb-ver-card--unv{opacity:.8}.tb-ver-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 16px}.tb-ver-name{font-size:18px;font-weight:600;color:var(--ta-text);margin:0 0 4px}.tb-ver-desc{font-size:13px;color:var(--ta-text-3);margin:0}.tb-ver-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.tb-ver-date{font-size:12px;color:var(--ta-text-3)}.tb-ver-pct{font-size:20px;font-weight:700;color:#34c759;letter-spacing:-.02em}.tb-ver-bar{height:4px;background:#0000000f;margin:0}.tb-ver-bar-fill{height:100%;background:#34c759;transition:width .6s var(--ta-ease);border-radius:0 2px 2px 0}.tb-ver-tasks{padding:12px 24px 20px;display:flex;flex-direction:column;gap:6px}.tb-ver-task{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--ta-radius-xs);cursor:pointer;transition:background .15s var(--ta-ease)}.tb-ver-task:hover{background:var(--ta-bg)}.tb-ver-task-title{font-size:13px;color:var(--ta-text);flex:1}.tb-ver-empty{font-size:13px;color:var(--ta-text-3);padding:8px 12px;margin:0}.tb-empty-state{text-align:center;padding:60px 20px;color:var(--ta-text-3);font-size:15px}.tb-overlay{position:fixed;inset:0;background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:flex-end;animation:tb-fade-in .25s var(--ta-ease)}@keyframes tb-fade-in{0%{opacity:0}to{opacity:1}}.tb-sheet{background:var(--ta-surface);border-radius:var(--ta-radius) 0 0 var(--ta-radius);width:100%;max-width:520px;height:100%;overflow-y:auto;box-shadow:var(--ta-shadow-lg);animation:tb-slide-in .35s var(--ta-spring)}.tb-drawer-sheet{background:var(--ta-surface);border-radius:var(--ta-radius) 0 0 var(--ta-radius);width:100%;max-width:860px;height:100%;overflow-y:auto;box-shadow:var(--ta-shadow-lg);animation:tb-slide-in .35s var(--ta-spring);display:flex;flex-direction:column}@keyframes tb-slide-in{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}.tb-drawer-head{border-bottom:1px solid var(--ta-border);padding:28px 32px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-left:4px solid var(--cat-color, #1d1d1f)}.tb-drawer-chips{display:flex;gap:8px;margin-bottom:10px}.tb-drawer-title{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ta-text);margin:0 0 6px}.tb-drawer-time{font-size:12px;color:var(--ta-text-3);margin:0}.tb-drawer-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.tb-drawer-close{background:var(--ta-bg);border:1px solid var(--ta-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--ta-text-3);transition:background .15s var(--ta-ease)}.tb-drawer-close:hover{background:#0000000d;color:var(--ta-text)}.tb-props-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ta-border);border-bottom:1px solid var(--ta-border)}@media(max-width:700px){.tb-props-grid{grid-template-columns:repeat(2,1fr)}}.tb-prop{background:var(--ta-surface);padding:16px 20px;display:flex;flex-direction:column;gap:6px}.tb-prop-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ta-text-3);margin:0}.tb-prop-select{background:transparent;border:none;font-size:14px;font-weight:500;color:var(--ta-text);cursor:pointer;outline:none;padding:0;appearance:none;-webkit-appearance:none}.tb-drawer-desc{padding:20px 32px;border-bottom:1px solid var(--ta-border)}.tb-drawer-desc-text{font-size:14px;color:var(--ta-text-2);line-height:1.6;margin:8px 0 0;white-space:pre-wrap}.tb-drawer-split{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;border-top:1px solid var(--ta-border);min-height:0}@media(max-width:700px){.tb-drawer-split{grid-template-columns:1fr}}.tb-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ta-text-3);margin:0 0 12px}.tb-attach-panel{padding:20px 20px 20px 32px;border-right:1px solid var(--ta-border)}.tb-drop-zone{border:1.5px dashed var(--ta-border);border-radius:var(--ta-radius-sm);padding:28px 16px;text-align:center;cursor:pointer;transition:border-color .2s var(--ta-ease),background .2s var(--ta-ease);margin-bottom:12px}.tb-drop-zone:hover{border-color:#00000040;background:#00000005}.tb-drop-zone--active{border-color:#00000059;background:#0000000a}.tb-drop-hint{font-size:13px;color:var(--ta-text-3)}.tb-drop-hint u{color:var(--ta-accent)}.tb-attach-list{display:flex;flex-direction:column;gap:6px}.tb-attach-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--ta-bg);border-radius:var(--ta-radius-xs);border:1px solid var(--ta-border)}.tb-attach-name{flex:1;font-size:12px;color:var(--ta-text-2);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-attach-name:hover{text-decoration:underline}.tb-attach-size{font-size:11px;color:var(--ta-text-3);flex-shrink:0}.tb-attach-del{background:none;border:none;color:var(--ta-text-3);cursor:pointer;font-size:14px;padding:0 2px;line-height:1;transition:color .15s}.tb-attach-del:hover{color:#ff3b30}.tb-attach-empty{font-size:12px;color:var(--ta-text-3);margin:0}.tb-comments-panel{padding:20px 32px 20px 20px;display:flex;flex-direction:column}.tb-comments-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;margin-bottom:14px;max-height:280px;padding-right:4px}.tb-comment{display:flex;gap:10px}.tb-comment-body{flex:1;display:flex;flex-direction:column;gap:2px}.tb-comment-who{font-size:12px;font-weight:600;color:var(--ta-text-2)}.tb-comment-time{font-size:11px;color:var(--ta-text-3);margin-left:8px}.tb-comment-text{font-size:13px;color:var(--ta-text);line-height:1.5;margin:0;word-break:break-word}.tb-comment-input-wrap{display:flex;gap:8px;align-items:flex-end}.tb-comment-input{flex:1;background:var(--ta-bg);border:1px solid var(--ta-border);border-radius:var(--ta-radius-sm);padding:8px 12px;font-size:13px;color:var(--ta-text);resize:none;outline:none;font-family:inherit;transition:border-color .2s var(--ta-ease)}.tb-comment-input:focus{border-color:#0000004d}.tb-comment-input::placeholder{color:var(--ta-text-3)}.tb-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--ta-border)}.tb-sheet-title{font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.tb-form{padding:24px 28px;display:flex;flex-direction:column;gap:18px}.tb-field{display:flex;flex-direction:column;gap:6px}.tb-input{background:var(--ta-bg);border:1px solid var(--ta-border);border-radius:var(--ta-radius-sm);padding:10px 14px;font-size:14px;color:var(--ta-text);outline:none;transition:border-color .2s var(--ta-ease),box-shadow .2s var(--ta-ease);font-family:inherit}.tb-input:focus{border-color:#0000004d;box-shadow:0 0 0 3px #0000000f}.tb-textarea{background:var(--ta-bg);border:1px solid var(--ta-border);border-radius:var(--ta-radius-sm);padding:10px 14px;font-size:14px;color:var(--ta-text);outline:none;resize:vertical;font-family:inherit;transition:border-color .2s var(--ta-ease)}.tb-textarea:focus{border-color:#0000004d}.tb-form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:640px){.tb-form-row{grid-template-columns:repeat(2,1fr)}}.tb-form-foot{display:flex;gap:10px;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--ta-border)}.at-queue{padding:24px 28px;display:flex;flex-direction:column;gap:16px;min-height:100%}.at-queue-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.at-queue-title{font-family:var(--font-body);font-size:1.1rem;font-weight:600;color:var(--text);letter-spacing:.04em;margin:0}.at-filters{display:flex;gap:8px;flex-wrap:wrap}.at-filter-sel{background:var(--surface);border:1px solid var(--border-light);color:var(--text);padding:5px 10px;font-size:.78rem;font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;outline:none}.at-filter-sel:focus{border-color:var(--text-tertiary)}.at-count-bar{display:flex;gap:6px;flex-wrap:wrap}.at-count-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border-light);background:var(--surface);color:var(--text-secondary);font-family:var(--font-body);font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.at-count-chip span{font-size:.72rem;color:var(--text-secondary)}.at-count-chip:hover{background:var(--bg-hover);color:var(--text)}.at-count-chip.active{background:var(--surface);color:var(--text);border-color:var(--border-light)}.at-cc-open.active{border-color:#ff9500;color:#ff9500}.at-cc-in_progress.active{border-color:#888}.at-cc-waiting_on_user.active{border-color:#555}.at-cc-resolved.active{border-color:#34c759;color:#34c759}.at-cc-closed.active{border-color:#333}.at-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:.8rem}.at-table thead th{text-align:left;padding:8px 12px;color:var(--text-tertiary);letter-spacing:.07em;font-weight:400;font-size:.72rem;border-bottom:1px solid var(--border)}.at-row{cursor:pointer;border-bottom:1px solid var(--border);transition:background .12s}.at-row:hover{background:var(--bg-hover)}.at-row td{padding:10px 12px;vertical-align:middle}.at-cell-id{font-size:.72rem;color:var(--text-tertiary);letter-spacing:.06em;white-space:nowrap}.at-cell-subject{color:var(--text);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-cell-user{color:var(--text-secondary);font-size:.75rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-cell-age{color:var(--text-tertiary);font-size:.72rem;white-space:nowrap}.at-empty{text-align:center;color:var(--text-tertiary);padding:40px 0;font-size:.85rem}.at-sbadge{display:inline-block;padding:2px 8px;font-size:.7rem;letter-spacing:.06em;border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}.at-s-open{border-color:#ff9500;color:#ff9500}.at-s-in_progress{border-color:#666;color:#aaa}.at-s-waiting_on_user{border-color:#444;color:#666}.at-s-resolved{border-color:#34c759;color:#34c759}.at-s-closed{border-color:#333;color:#555}.at-cbadge{display:inline-block;padding:2px 8px;font-size:.7rem;letter-spacing:.06em;border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}.at-c-billing{border-color:#ff9500;color:#ff9500}.at-c-technical{border-color:#ff453a;color:#ff453a}.at-c-gdpr{border-color:#8e8e93;color:#8e8e93}.at-c-account,.at-c-feature{border-color:var(--border-light)}.at-pri{font-size:.75rem;color:var(--text-secondary)}.at-pri-urgent{color:#ff453a}.at-pri-high{color:#ff9500}.at-spinner{padding:40px;text-align:center;color:var(--text-tertiary);font-size:.85rem;font-family:var(--font-body)}.at-detail{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg)}.at-detail-header{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0}.at-back{background:var(--surface);border:1px solid var(--border-light);color:var(--text);font-family:var(--font-body);font-size:.78rem;letter-spacing:.05em;padding:5px 12px;cursor:pointer;transition:background .12s,border-color .12s}.at-back:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.at-detail-id{font-size:.75rem;color:var(--text-tertiary);letter-spacing:.08em}.at-detail-subject{flex:1;color:var(--text);font-size:.95rem;font-family:var(--font-body);font-weight:500}.at-detail-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.at-linked-task{display:inline-block;padding:4px 10px;border:1px solid var(--border-light);color:var(--text-secondary);font-size:.72rem;letter-spacing:.06em}.at-detail-body{display:flex;flex:1;min-height:0;overflow:hidden}.at-thread{flex:1;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}.at-msgs{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.at-msg{display:flex;flex-direction:column;gap:4px;max-width:72%}.at-msg-admin{align-self:flex-start}.at-msg-user{align-self:flex-end}.at-msg-meta{display:flex;gap:8px;align-items:center}.at-msg-author{font-size:.72rem;color:var(--text-tertiary);letter-spacing:.05em;font-family:var(--font-body)}.at-msg-ts{font-size:.68rem;color:var(--text-tertiary)}.at-msg-body{padding:10px 14px;font-size:.83rem;line-height:1.5;color:var(--text);font-family:var(--font-body);white-space:pre-wrap;word-break:break-word}.at-msg-admin .at-msg-body{background:var(--surface);border:1px solid var(--border)}.at-msg-user .at-msg-body{background:var(--bg-card);border:1px solid var(--border)}.at-reply-bar{padding:12px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;flex-shrink:0;background:var(--bg)}.at-reply-ta{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:.83rem;padding:10px 12px;resize:vertical;outline:none;transition:border-color .15s;box-sizing:border-box;letter-spacing:.03em}.at-reply-ta:focus{border-color:var(--border-light)}.at-reply-btns{display:flex;gap:8px;justify-content:flex-end}.at-btn{background:#e8e8e8;color:#0a0a0a;border:1px solid #e8e8e8;font-family:var(--font-body);font-size:.78rem;letter-spacing:.06em;padding:6px 16px;cursor:pointer;transition:opacity .15s}.at-btn:hover{opacity:.85}.at-btn:disabled{opacity:.35;cursor:not-allowed}.at-btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-light)}.at-btn-ghost:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.at-meta{width:260px;flex-shrink:0;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;background:var(--bg)}.at-meta-section{display:flex;flex-direction:column;gap:5px}.at-meta-label{font-size:.7rem;letter-spacing:.08em;color:var(--text-tertiary);font-family:var(--font-body);text-transform:uppercase}.at-meta-val{font-size:.82rem;color:var(--text-secondary);font-family:var(--font-body);word-break:break-all}.at-meta-select{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:.8rem;letter-spacing:.04em;padding:5px 8px;outline:none;cursor:pointer}.at-meta-select:focus{border-color:var(--border-light)}.ctx-menu{position:fixed;z-index:9999;background:var(--bg-card);border:1px solid var(--border-light);box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d;min-width:188px;padding:4px 0;user-select:none}.ctx-menu-section{padding:4px 0}.ctx-menu-section+.ctx-menu-section{border-top:1px solid var(--border);margin-top:2px;padding-top:4px}.ctx-menu-label{display:block;padding:4px 14px 2px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-family:var(--font-body)}.ctx-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 14px;background:none;border:none;color:var(--text);font-family:var(--font-body);font-size:.82rem;letter-spacing:.03em;cursor:pointer;text-align:left;transition:background .1s}.ctx-menu-item:hover{background:var(--bg-hover)}.ctx-menu-item--muted{color:var(--text-tertiary)}.ctx-menu-item--muted:hover{color:var(--text-secondary)}.ctx-menu-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ctx-menu-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block;background:var(--text-tertiary)}.ctx-menu-status-dot.at-s-open{background:#ff9500}.ctx-menu-status-dot.at-s-in_progress{background:#888}.ctx-menu-status-dot.at-s-waiting_on_user{background:#555}.ctx-menu-status-dot.at-s-resolved{background:#34c759}.ctx-menu-status-dot.at-s-closed{background:#333}.sh-page{padding:24px;max-width:900px}.sh-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.sh-title{font-size:20px;font-weight:600;color:var(--text-primary)}.sh-sub{font-size:13px;color:var(--text-tertiary);margin-top:2px}.sh-refresh-btn{margin-left:auto;display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background .15s}.sh-refresh-btn:hover{background:var(--bg-tertiary)}.sh-spin{animation:sh-rotation .8s linear infinite}@keyframes sh-rotation{to{transform:rotate(360deg)}}.sh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.sh-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px 18px;border-left:4px solid var(--border-color);transition:border-left-color .2s}.sh-card--ok{border-left-color:#34c759}.sh-card--err{border-left-color:#ff453a}.sh-card--warn{border-left-color:#ff9500}.sh-card-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--text-secondary);font-size:13px;font-weight:500}.sh-status-pill{margin-left:auto;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sh-pill--ok{background:#34c75926;color:#34c759}.sh-pill--err{background:#ff453a26;color:#ff453a}.sh-pill--warn{background:#ff950026;color:#ff9500}.sh-card-val{font-size:22px;font-weight:700;color:var(--text-primary)}.sh-card-sub{font-size:11px;color:var(--text-tertiary);margin-top:2px}.sh-memory-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:18px 20px;margin-bottom:20px}.sh-memory-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.sh-mem-bar-wrap{background:var(--bg-tertiary);border-radius:6px;height:10px;overflow:hidden;margin-bottom:10px}.sh-mem-bar{height:100%;border-radius:6px;transition:width .4s,background .2s;background:#34c759}.sh-mem-bar--warn{background:#ff9500}.sh-mem-bar--crit{background:#ff453a}.sh-mem-labels{display:flex;gap:20px;font-size:12px;color:var(--text-secondary)}.sh-mem-lbl span{font-weight:600;color:var(--text-primary)}.sh-last-check{font-size:11px;color:var(--text-tertiary);margin-top:4px}.dbv-page{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden}.dbv-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.dbv-title{font-size:18px;font-weight:600;color:var(--text-primary)}.dbv-sub{font-size:12px;color:var(--text-tertiary);margin-top:2px}.dbv-layout{display:flex;flex:1;overflow:hidden}.dbv-sidebar{width:200px;flex-shrink:0;border-right:1px solid var(--border-color);background:var(--bg-secondary);overflow-y:auto;display:flex;flex-direction:column}.dbv-sidebar-head{padding:10px 14px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.dbv-tbl-btn{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .1s;gap:6px}.dbv-tbl-btn:hover{background:var(--bg-tertiary)}.dbv-tbl-btn.is-active{background:#007aff14}.dbv-tbl-name{font-size:12px;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dbv-tbl-meta{font-size:10px;color:var(--text-tertiary);flex-shrink:0}.dbv-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.dbv-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-tertiary)}.dbv-empty p{font-size:14px}.dbv-table-header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.dbv-table-name{font-size:14px;font-weight:600;color:var(--text-primary)}.dbv-table-count{font-size:12px;color:var(--text-tertiary)}.dbv-refresh{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:4px;border-radius:6px;display:flex}.dbv-refresh:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dbv-search-box{display:flex;align-items:center;margin-left:auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:7px;padding:0 8px;gap:6px;height:30px;min-width:180px;max-width:260px;transition:border-color .15s}.dbv-search-box:focus-within{border-color:#007aff80}.dbv-search-icon{color:var(--text-tertiary);flex-shrink:0}.dbv-search-input{flex:1;border:none;background:none;outline:none;color:var(--text-primary);font-size:12px;font-family:inherit;padding:0;min-width:0}.dbv-search-input::placeholder{color:var(--text-tertiary)}.dbv-search-clear{background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:16px;line-height:1;padding:0 2px;display:flex;align-items:center}.dbv-search-clear:hover{color:var(--text-primary)}.dbv-scroll{flex:1;overflow:auto}.dbv-table{width:100%;border-collapse:collapse;font-size:12px}.dbv-table thead{position:sticky;top:0;z-index:2}.dbv-table th{text-align:left;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-weight:600;white-space:nowrap;font-size:11px;user-select:none}.dbv-th--sortable{cursor:pointer;transition:background .1s}.dbv-th--sortable:hover:not(.dbv-th--enc){background:var(--bg-tertiary);color:var(--text-primary)}.dbv-th--enc.dbv-th--sortable{cursor:default}.dbv-th-inner,.dbv-th-inner span{display:flex;align-items:center;gap:4px}.dbv-sort-arrow{color:#007aff;flex-shrink:0}.dbv-table td{padding:7px 12px;border-bottom:1px solid var(--border-color);color:var(--text-primary);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dbv-table tr:hover td{background:var(--bg-secondary)}.dbv-th--enc{background:#ff950012!important;color:#b07d00!important}.dbv-td--enc{background:#ff95000a!important;color:var(--text-secondary)!important;font-family:monospace}.dbv-enc-icon{display:inline;vertical-align:middle;margin-right:4px;color:#ff9500}.dbv-enc-val{display:flex;align-items:center;gap:5px;color:#b07d00;font-family:monospace;font-size:11px}.dbv-enc-val svg{flex-shrink:0;color:#ff9500}.dbv-col-type{display:block;font-size:9px;font-weight:400;color:var(--text-tertiary);text-transform:lowercase;margin-top:1px}.dbv-null{color:var(--text-tertiary);font-style:italic;font-size:11px}.dbv-bool{color:#007aff;font-size:11px;font-family:monospace}.dbv-empty-row{text-align:center;padding:32px;color:var(--text-tertiary)}.dbv-pagination{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.dbv-pg-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;cursor:pointer;transition:background .1s}.dbv-pg-btn:hover:not(:disabled){background:var(--bg-tertiary)}.dbv-pg-btn:disabled{opacity:.4;cursor:default}.dbv-pg-label{font-size:12px;color:var(--text-secondary);margin:0 auto}.site-footer{background:var(--bg-ground, #F2F2F2);border-top:1px solid var(--border, #E0E0E0);padding:4rem 2rem 2rem;margin-top:6rem}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand-col{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:baseline;text-decoration:none;gap:0}.footer-logo .logo-gb{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--grey-100, #141414);line-height:1}.footer-logo .logo-mail{font-family:var(--font-body);font-size:1.15rem;font-weight:700;color:var(--grey-100, #141414);line-height:1}.footer-tagline{font-size:.875rem;color:var(--grey-70, #5C5C5C);max-width:280px;line-height:1.5;margin:0}.footer-col{display:flex;flex-direction:column;gap:.75rem}.footer-col h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--grey-100, #141414);margin:0 0 .5rem}.footer-col a{font-size:.875rem;color:var(--grey-70, #5C5C5C);text-decoration:none;transition:color .15s}.footer-col a:hover{color:var(--grey-100, #141414)}.footer-bottom{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:2rem;border-top:1px solid var(--border, #E0E0E0);font-size:.8125rem;color:var(--grey-50, #8C8C8C)}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:600px){.site-footer{padding:3rem 1.5rem 1.5rem;margin-top:4rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}.static-page{min-height:100vh;background:var(--bg-ground, #F2F2F2);color:var(--grey-100, #141414);position:relative}.static-header{padding:8rem 4rem 4rem;max-width:900px;margin:0 auto;position:relative;z-index:1}.static-header h1{font-family:var(--font-display);font-size:clamp(4rem,12vw,8rem);font-weight:400;line-height:1.05;letter-spacing:-.02em;margin-bottom:1.5rem;color:var(--grey-100, #141414)}.header-lead{font-size:1.125rem;line-height:1.7;color:var(--grey-36, #5C5C5C);max-width:700px}.static-content{padding:0 4rem 6rem;max-width:900px;margin:0 auto;position:relative;z-index:1}.static-content.two-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem;max-width:1200px}.content-section{padding:2.5rem 0;border-top:1px solid var(--grey-88, #E0E0E0)}.static-content.two-column .content-section{padding:2rem;border:1px solid var(--grey-88, #E0E0E0);background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a}.static-content.two-column .content-section.full-width{grid-column:1 / -1}.content-section:first-child{border-top:none}.static-content.two-column .content-section:first-child{border-top:1px solid var(--grey-88, #E0E0E0)}.content-section h2{font-family:var(--font-body);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1.5rem;color:var(--grey-100, #141414)}.content-section h3{font-family:var(--font-body);font-size:1rem;font-weight:500;margin:2rem 0 1rem;color:var(--grey-100, #141414)}.content-section p{font-size:1rem;line-height:1.8;color:var(--grey-36, #5C5C5C);margin-bottom:1rem}.content-section p:last-child{margin-bottom:0}.content-section a{color:var(--grey-100, #141414);border-bottom:1px solid var(--grey-55, #8C8C8C);text-decoration:none;transition:border-color .2s}.content-section a:hover{border-color:var(--grey-100, #141414)}.spec-table{margin:2rem 0;border:1px solid var(--grey-88, #E0E0E0);background:#fff;border-radius:6px;overflow:hidden}.spec-row{display:flex;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--grey-88, #E0E0E0)}.spec-row:last-child{border-bottom:none}.spec-key{font-size:.8125rem;color:var(--grey-55, #8C8C8C)}.spec-val{font-size:.8125rem;color:var(--grey-100, #141414);text-align:right}.numbered-list,.bullet-list{margin:1.5rem 0;padding-left:1.5rem}.numbered-list li,.bullet-list li{font-size:1rem;line-height:1.8;color:var(--grey-36, #5C5C5C);margin-bottom:.5rem}.numbered-list li::marker{font-size:.875rem;color:var(--grey-55, #8C8C8C)}.static-footer{padding:4rem;border-top:1px solid var(--grey-88, #E0E0E0);background:#fff}.static-footer .footer-brand{font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:-.02em;margin-bottom:1.5rem;color:var(--grey-100, #141414)}.static-footer .footer-links{display:flex;gap:2rem;margin-bottom:2rem}.static-footer .footer-links a{font-size:.875rem;color:var(--grey-36, #5C5C5C);text-decoration:none;transition:color .2s}.static-footer .footer-links a:hover{color:var(--grey-100, #141414)}.static-footer .footer-legal{font-size:.8125rem;color:var(--grey-55, #8C8C8C)}.page-hero-wrapper{position:relative;overflow:hidden}@media(max-width:1024px){.static-content.two-column{grid-template-columns:1fr}.static-content.two-column .content-section.full-width{grid-column:1}}@media(max-width:768px){.static-nav,.static-header,.static-content,.static-footer{padding-left:1.5rem;padding-right:1.5rem}.static-content.two-column .content-section{padding:1.5rem}.spec-row{flex-direction:column;gap:.25rem}.spec-val{text-align:left}}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;padding:2rem 0}.feature-split-text{display:flex;flex-direction:column;gap:1rem}.mockup-window{background:#fff;border:1px solid #E0E0E0;border-radius:10px;overflow:hidden;box-shadow:0 8px 32px #00000014,0 1px 2px #0000000a;font-family:Stack Sans Notch,-apple-system,BlinkMacSystemFont,sans-serif;max-width:380px;width:100%}.mockup-chrome{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:linear-gradient(180deg,#fafafa,#f5f5f5);border-bottom:1px solid #E8E8E8}.mockup-dots{display:flex;gap:5px}.mockup-dots span{width:8px;height:8px;border-radius:50%}.dot-close{background:#ff5f57}.dot-min{background:#ffbd2e}.dot-max{background:#28c940}.mockup-title{font-size:.625rem;color:#8c8c8c;font-family:JetBrains Mono,monospace;letter-spacing:.02em}.mockup-body{padding:.75rem}.mockup-avatar{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:600;color:#fff;flex-shrink:0;line-height:1}.mockup-perm-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid #F0F0F0}.mockup-perm-email{font-size:.75rem;font-weight:600;color:#141414;font-family:JetBrains Mono,monospace}.mockup-perm-badge{font-size:.5625rem;color:#16a34a;font-family:JetBrains Mono,monospace}.mockup-perm-cols{display:grid;grid-template-columns:1fr 40px 40px 40px;gap:4px;margin-bottom:.25rem}.mockup-perm-col-label{font-size:.5625rem;color:#8c8c8c;text-align:center;text-transform:uppercase;letter-spacing:.04em}.mockup-perm-col-label:first-child{text-align:left}.mockup-perm-row{display:grid;grid-template-columns:1fr 40px 40px 40px;gap:4px;align-items:center;padding:.35rem 0;border-top:1px solid #F5F5F5}.mockup-perm-user{display:flex;align-items:center;gap:.4rem}.mockup-perm-name{font-size:.6875rem;color:#141414}.mockup-check{font-size:.625rem;text-align:center;color:#d4d4d4}.mockup-check.on{color:#16a34a}.mockup-admin-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;margin-bottom:.375rem;border-bottom:1px solid #F0F0F0}.mockup-admin-count{font-size:.625rem;color:#8c8c8c}.mockup-admin-btn{font-size:.5625rem;color:#fff;background:#141414;padding:.2rem .5rem;border-radius:4px;font-weight:600}.mockup-admin-row{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;border-top:1px solid #F5F5F5}.mockup-admin-row:first-of-type{border-top:none}.mockup-admin-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.mockup-admin-name{font-size:.6875rem;font-weight:500;color:#141414}.mockup-admin-email{font-size:.5625rem;color:#8c8c8c;font-family:JetBrains Mono,monospace}.mockup-status{font-size:.5625rem;white-space:nowrap}.mockup-status-active{color:#16a34a}.mockup-status-pending{color:#8c8c8c}.mockup-compose-to,.mockup-compose-subject{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;border-bottom:1px solid #F0F0F0}.mockup-compose-label{font-size:.5625rem;color:#8c8c8c;min-width:40px;text-transform:uppercase;letter-spacing:.04em}.mockup-compose-value{font-size:.6875rem;color:#141414;flex:1}.mockup-e2e-indicator{font-size:.5625rem;color:#16a34a;font-family:JetBrains Mono,monospace;white-space:nowrap}.mockup-compose-body{padding:.75rem 0;display:flex;flex-direction:column;gap:.375rem}.mockup-compose-line{height:6px;background:#f0f0f0;border-radius:3px}.mockup-encrypt-bar{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;background:#16a34a0d;border:1px solid rgba(22,163,74,.12);border-radius:6px;margin-top:.25rem}.mockup-encrypt-icon{font-size:.5rem;color:#16a34a;line-height:1}.mockup-encrypt-text{font-size:.5625rem;color:#16a34a;font-family:JetBrains Mono,monospace}.mockup-contrast{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-width:380px;width:100%}.mockup-contrast-side{padding:.75rem;border-radius:8px;border:1px solid #E0E0E0}.mockup-contrast-bad{background:#fafafa}.mockup-contrast-good{background:#fff;border-color:#16a34a33}.mockup-contrast-label{display:block;font-size:.625rem;font-weight:600;color:#8c8c8c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.mockup-contrast-good .mockup-contrast-label{color:#16a34a}.mockup-contrast-row{display:flex;align-items:center;gap:.375rem;font-size:.625rem;color:#5c5c5c;padding:.2rem 0}.mockup-contrast-icon{font-size:.5rem;color:#d97706;line-height:1}.mockup-contrast-icon.good{color:#16a34a}.mockup-scenario-row{display:flex;align-items:center;gap:.625rem;padding:.5rem 0;border-bottom:1px solid #F0F0F0}.mockup-scenario-row:last-child{border-bottom:none}.mockup-scenario-icon{font-size:.875rem;line-height:1;flex-shrink:0}.mockup-scenario-e2e .mockup-scenario-icon{color:#16a34a}.mockup-scenario-server .mockup-scenario-icon{color:#d97706}.mockup-scenario-tls .mockup-scenario-icon{color:#8c8c8c}.mockup-scenario-info{display:flex;flex-direction:column;gap:1px}.mockup-scenario-route{font-size:.625rem;color:#8c8c8c;font-family:JetBrains Mono,monospace}.mockup-scenario-level{font-size:.6875rem;font-weight:500;color:#141414}.mockup-cost-row{display:grid;grid-template-columns:70px 1fr 60px;align-items:center;gap:.5rem;padding:.375rem 0}.mockup-cost-provider{font-size:.625rem;color:#5c5c5c}.mockup-cost-gb .mockup-cost-provider{color:#141414;font-weight:600}.mockup-cost-bar-wrap{height:14px;background:#f5f5f5;border-radius:3px;overflow:hidden}.mockup-cost-bar{height:100%;background:#d4d4d4;border-radius:3px;transition:width .6s ease-out}.mockup-cost-bar.gb{background:#16a34a}.mockup-cost-amount{font-size:.625rem;text-align:right;font-family:JetBrains Mono,monospace;color:#8c8c8c}.mockup-cost-gb .mockup-cost-amount{color:#16a34a;font-weight:600}.mockup-inbox-sidebar{display:flex;flex-direction:column;gap:2px}.mockup-inbox-section-label{font-size:.5625rem;text-transform:uppercase;letter-spacing:.06em;color:#8c8c8c;padding:.375rem 0 .125rem;font-weight:600}.mockup-inbox-folder{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;border-radius:4px;font-size:.6875rem;color:#5c5c5c}.mockup-inbox-folder.active{background:#f0f0f0;color:#141414;font-weight:500}.mockup-inbox-badge{font-size:.5625rem;font-weight:600;background:#141414;color:#fff;padding:.1rem .35rem;border-radius:8px;line-height:1.2}@media(max-width:900px){.feature-split{grid-template-columns:1fr;gap:1.5rem}.mockup-window{max-width:100%}}@media(max-width:480px){.mockup-window{border-radius:8px;transform:scale(.9);transform-origin:top center}.mockup-body{padding:.5rem}.mockup-contrast{grid-template-columns:1fr}}.org-hero{text-align:left;padding-bottom:3rem!important}.org-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:300;letter-spacing:-.03em;margin-bottom:.75rem;color:var(--grey-100, #141414)}.hero-points{list-style:none;padding:0;margin:1.5rem 0 2rem;display:flex;flex-direction:column;gap:.5rem}.hero-points li{font-size:.95rem;color:var(--grey-36, #5C5C5C);padding-left:1.25rem;position:relative}.hero-points li:before{content:"→";position:absolute;left:0;color:var(--grey-55, #8C8C8C)}.hero-cta{margin-top:2rem}.cta-button.primary{display:inline-block;font-size:.9rem;font-weight:500;color:#fff;background:var(--grey-100, #141414);padding:.75rem 1.5rem;border:none;border-radius:6px;text-decoration:none;transition:all .2s}.cta-button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.cta-button.primary.large{font-size:1rem;padding:1rem 2rem}.feature-highlight{background:#fff;margin-left:-2rem;margin-right:-2rem;padding-left:2rem!important;padding-right:2rem!important;border-radius:8px;border:1px solid var(--grey-88, #E0E0E0)}.feature-lead{font-size:1.1rem;color:var(--grey-36, #5C5C5C);margin:.5rem 0 1.5rem;line-height:1.5}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.feature-card{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.25rem;background:var(--bg-ground, #F2F2F2);border:1px solid var(--grey-88, #E0E0E0);border-radius:6px}.feature-title{font-size:.9rem;font-weight:500;color:var(--grey-100, #141414)}.feature-desc{font-size:.8rem;color:var(--grey-36, #5C5C5C);line-height:1.5}.plans-section{background:#fff;margin-left:-2rem;margin-right:-2rem;padding-left:2rem!important;padding-right:2rem!important;border-radius:8px;border:1px solid var(--grey-88, #E0E0E0)}.pricing-note{font-size:.85rem;color:var(--grey-55, #8C8C8C);margin-top:1rem;font-style:italic}.trust-points{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.5rem}.trust-points li{font-size:.85rem;color:var(--grey-36, #5C5C5C);padding-left:1.25rem;position:relative}.trust-points li:before{content:"✓";position:absolute;left:0;color:#16a34a}.cta-final{text-align:center;padding:3rem 0!important;border-top:1px solid var(--grey-88, #E0E0E0)}.plans-inline{border-top:none!important;padding-top:0!important}.plans-row{display:flex;gap:3rem;padding:1.5rem 0;border-bottom:1px solid var(--grey-88, #E0E0E0)}.plan-inline{display:flex;flex-direction:column;gap:.25rem}.plan-inline .plan-name{font-size:.7rem;font-weight:500;color:var(--grey-55, #8C8C8C);text-transform:uppercase;letter-spacing:.05em}.plan-inline .plan-price{font-size:1.5rem;font-weight:600;color:var(--grey-100, #141414)}.plan-inline .plan-desc{font-size:.8rem;color:var(--grey-36, #5C5C5C)}.plan-inline.highlighted{position:relative}.plan-inline.highlighted:before{content:"★";position:absolute;top:-.5rem;right:-.5rem;font-size:.7rem;color:var(--grey-100, #141414)}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1rem}.workflow-step{display:flex;gap:.75rem}.step-number{font-size:1.5rem;font-weight:200;color:var(--grey-55, #8C8C8C);line-height:1}.step-content{display:flex;flex-direction:column;gap:.25rem}.step-title{font-size:.875rem;font-weight:500;color:var(--grey-100, #141414)}.step-desc{font-size:.8rem;color:var(--grey-36, #5C5C5C);line-height:1.4}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem}.value-card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:var(--bg-ground, #F2F2F2);border:1px solid var(--grey-88, #E0E0E0);border-radius:6px}.value-title{font-size:.9rem;font-weight:500;color:var(--grey-100, #141414)}.value-desc{font-size:.8rem;color:var(--grey-36, #5C5C5C);line-height:1.5}.calculator-container{margin-top:1rem}.slider-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.slider-row input[type=range]{flex:1;-webkit-appearance:none;appearance:none;background:var(--grey-88, #E0E0E0);height:2px;border-radius:1px;cursor:pointer}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--grey-100, #141414);border-radius:50%;cursor:pointer}.slider-row input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--grey-100, #141414);border-radius:50%;cursor:pointer;border:none}.team-count{font-size:1rem;font-weight:500;color:var(--grey-100, #141414);min-width:90px}.calculator-results{display:flex;flex-direction:column;gap:0}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--grey-88, #E0E0E0)}.calc-row.gbmail{border-bottom:none}.calc-row .provider-name{font-size:.875rem;color:var(--grey-36, #5C5C5C)}.calc-row.gbmail .provider-name{color:var(--grey-100, #141414);font-weight:500}.calc-row .provider-cost{font-size:.9rem;font-weight:500}.calc-row.other .provider-cost{color:var(--grey-55, #8C8C8C)}.calc-row.gbmail .provider-cost{color:var(--grey-100, #141414)}.savings-box{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--grey-88, #E0E0E0);display:flex;justify-content:space-between;align-items:center}.savings-label{font-size:.8rem;color:var(--grey-36, #5C5C5C)}.savings-amount{font-size:1.25rem;font-weight:600;color:#16a34a}.comparison-table-wrapper{overflow-x:auto;margin-top:1rem}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:.625rem .75rem;text-align:left;border-bottom:1px solid var(--grey-88, #E0E0E0)}.comparison-table th{font-size:.7rem;font-weight:500;color:var(--grey-55, #8C8C8C);text-transform:uppercase;letter-spacing:.03em}.comparison-table td{font-size:.8rem;color:var(--grey-36, #5C5C5C)}.comparison-table td:first-child{color:var(--grey-55, #8C8C8C);font-size:.75rem}.comparison-table th.highlight,.comparison-table td.highlight{color:var(--grey-100, #141414);font-weight:500}.features-inline{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.feature-tag{font-size:.75rem;color:var(--grey-36, #5C5C5C);padding:.375rem .75rem;border:1px solid var(--grey-88, #E0E0E0);border-radius:4px;background:#fff}.faq-compact{display:flex;flex-direction:column;gap:0;margin-top:.75rem}.faq-compact .faq-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0;border-bottom:1px solid var(--grey-88, #E0E0E0)}.faq-compact .faq-item:last-child{border-bottom:none}.faq-compact .faq-q{font-size:.875rem;font-weight:500;color:var(--grey-100, #141414)}.faq-compact .faq-a{font-size:.8rem;color:var(--grey-36, #5C5C5C);line-height:1.5}.cta-inline{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0!important;border-top:1px solid var(--grey-88, #E0E0E0)}.cta-inline .cta-text{font-size:.9rem;color:var(--grey-36, #5C5C5C)}.cta-inline .cta-button{font-size:.875rem;color:var(--grey-100, #141414);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--grey-88, #E0E0E0);border-radius:4px;transition:all .2s}.cta-inline .cta-button:hover{border-color:var(--grey-100, #141414);background:var(--grey-100, #141414);color:#fff}@media(max-width:768px){.org-hero{text-align:center}.hero-points{align-items:center}.hero-points li{text-align:left}.feature-highlight,.plans-section{margin-left:-1rem;margin-right:-1rem;padding-left:1rem!important;padding-right:1rem!important}.feature-grid{grid-template-columns:1fr;gap:.75rem}.plans-row{flex-direction:column;gap:1.5rem}.workflow-steps{grid-template-columns:1fr;gap:1rem}.workflow-step{padding-bottom:1rem;border-bottom:1px solid var(--grey-88, #E0E0E0)}.workflow-step:last-child{border-bottom:none;padding-bottom:0}.comparison-table th,.comparison-table td{padding:.5rem;font-size:.7rem}.cta-final{padding:2rem 0!important}.personal-plans{flex-direction:column;gap:1rem}.personal-plan{min-width:unset}.for-grid{grid-template-columns:1fr;gap:.75rem}}.personal-plans{display:flex;gap:1.5rem;margin-top:1rem}.personal-plan{flex:1;min-width:240px;display:flex;flex-direction:column;padding:1.5rem;background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:8px}.personal-plan.highlighted{border-color:var(--grey-100, #141414);box-shadow:0 2px 8px #00000014}.plan-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--grey-88, #E0E0E0)}.plan-name{font-size:.7rem;font-weight:500;color:var(--grey-55, #8C8C8C);text-transform:uppercase;letter-spacing:.05em}.plan-price-row{display:flex;align-items:baseline;gap:.25rem}.plan-price{font-size:2rem;font-weight:600;color:var(--grey-100, #141414)}.plan-period{font-size:.85rem;color:var(--grey-36, #5C5C5C)}.plan-tagline{font-size:.8rem;color:var(--grey-36, #5C5C5C);margin-top:.25rem}.plan-features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.plan-features li{font-size:.85rem;color:var(--grey-36, #5C5C5C);padding-left:1.25rem;position:relative}.plan-features li:before{content:"✓";position:absolute;left:0;color:#16a34a}.plan-cta{width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--grey-88, #E0E0E0);border-radius:6px;background:transparent;color:var(--grey-100, #141414);cursor:pointer;transition:all .2s}.plan-cta:hover{background:var(--bg-ground, #F2F2F2)}.plan-cta.primary{background:var(--grey-100, #141414);color:#fff;border-color:var(--grey-100, #141414)}.plan-cta.primary:hover{opacity:.85}.for-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.for-card{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.25rem;background:var(--bg-ground, #F2F2F2);border:1px solid var(--grey-88, #E0E0E0);border-radius:6px}.for-title{font-size:.9rem;font-weight:500;color:var(--grey-100, #141414)}.for-desc{font-size:.8rem;color:var(--grey-36, #5C5C5C);line-height:1.5}.cta-link-secondary{display:inline-block;margin-top:1rem;font-size:.875rem;color:var(--grey-36, #5C5C5C);text-decoration:none}.cta-link-secondary:hover{color:var(--grey-100, #141414)}.personal-hero{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;padding-bottom:3rem!important}.personal-hero-content{display:flex;flex-direction:column;gap:1rem}.personal-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:300;letter-spacing:-.03em;line-height:1.1;margin-bottom:0}.personal-hero .header-lead{max-width:480px}.personal-hero .cta-button{align-self:flex-start;margin-top:.5rem}.personal-included{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.625rem 2rem}.personal-included li{font-size:.9rem;color:var(--grey-36, #5C5C5C);padding-left:1.5rem;position:relative;line-height:1.5}.personal-included li:before{content:"✓";position:absolute;left:0;color:#16a34a;font-weight:600}.personal-warnings{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.5rem}.personal-warnings li{font-size:.85rem;color:var(--grey-36, #5C5C5C);display:flex;align-items:center;gap:.5rem}.warning-icon{font-size:.75rem;color:#d97706;flex-shrink:0}.personal-steps{display:flex;gap:2rem;margin-top:1rem}.personal-step{display:flex;gap:.75rem;align-items:baseline}.personal-step-num{font-size:1.5rem;font-weight:200;color:var(--grey-55, #8C8C8C);line-height:1}.personal-step-text{font-size:.9rem;color:var(--grey-36, #5C5C5C);line-height:1.5}.personal-teams-note{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem 0!important}.teams-note-label{font-size:.8rem;font-weight:500;color:var(--grey-55, #8C8C8C);text-transform:uppercase;letter-spacing:.04em}.teams-note-link{font-size:.9rem;color:var(--grey-100, #141414);text-decoration:none;font-weight:500}.teams-note-link:hover{text-decoration:underline}@media(max-width:768px){.personal-hero{grid-template-columns:1fr;gap:2rem}.personal-hero .mockup-window{max-width:100%}.personal-included{grid-template-columns:1fr}.personal-steps{flex-direction:column;gap:1rem}}.pricing-page-minimal{min-height:100vh;background:var(--bg-ground, #F2F2F2);color:var(--grey-100, #141414)}.pricing-plans-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--grey-88, #E0E0E0)}.pricing-plans-row .plan-inline{cursor:pointer;padding:1rem;border:1px solid var(--grey-88, #E0E0E0);border-radius:8px;background:#fff;transition:all .2s;position:relative}.pricing-plans-row .plan-inline:hover{border-color:var(--grey-55, #8C8C8C);box-shadow:0 2px 8px #0000000f}.pricing-plans-row .plan-inline.highlighted{border-color:var(--grey-100, #141414)}.pricing-plans-row .plan-inline.current{border-color:var(--grey-100, #141414);box-shadow:0 2px 8px #00000014}.plan-badge{position:absolute;top:.5rem;right:.5rem;font-size:.65rem;color:var(--grey-55, #8C8C8C);text-transform:uppercase;letter-spacing:.05em}.plan-badge.recommended{color:var(--grey-100, #141414);font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.feature-tier{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:8px;transition:all .2s}.feature-tier:hover{border-color:var(--grey-55, #8C8C8C);box-shadow:0 2px 8px #0000000a}.tier-name{font-size:.95rem;font-weight:500;color:var(--grey-100, #141414);letter-spacing:-.01em}@media(max-width:700px){.features-grid{grid-template-columns:1fr}}.section-label{font-size:1.1rem;font-weight:500;color:var(--grey-100, #141414);letter-spacing:-.01em;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--grey-88, #E0E0E0)}.value-section{padding:2rem 0}.value-statement{font-size:1.1rem;color:var(--grey-36, #5C5C5C);line-height:1.6;margin:.5rem 0;max-width:600px}@media(max-width:900px){.pricing-plans-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pricing-plans-row{grid-template-columns:1fr}}.tier-desc{font-size:.85rem;color:var(--grey-36, #5C5C5C);margin:0;line-height:1.5}.teams-note{margin-top:2rem;padding:1.25rem 1.5rem;background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.teams-note span{font-size:.95rem;color:var(--grey-36, #5C5C5C)}.teams-link{font-size:.85rem;color:var(--grey-100, #141414);text-decoration:none;transition:opacity .2s}.teams-link:hover{opacity:.7}.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem}.scenario-card{background:#fff;border:1px solid var(--grey-88, #E0E0E0);padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000000a}.scenario-card h3{font-family:var(--font-body);font-size:.9375rem;font-weight:600;margin:0 0 .75rem;color:var(--grey-100, #141414)}.scenario-route{font-family:JetBrains Mono,SF Mono,monospace;font-size:.6875rem;color:var(--grey-55, #8C8C8C);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--grey-88, #E0E0E0)}.scenario-card p{font-size:.875rem;line-height:1.6;color:var(--grey-36, #5C5C5C);margin:0}.spec-val.mono{font-family:JetBrains Mono,SF Mono,monospace;font-size:.75rem}.providers-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.provider-item{background:#fff;border:1px solid var(--grey-88, #E0E0E0);padding:1.25rem;border-radius:8px}.provider-item.highlighted{border-color:#16a34a;background:#16a34a0a}.provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--grey-88, #E0E0E0)}.provider-header strong{font-size:.9375rem;color:var(--grey-100, #141414)}.provider-type{font-size:.6875rem;color:var(--grey-55, #8C8C8C);text-transform:uppercase;letter-spacing:.05em}.provider-details{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}.provider-details span{font-size:.8125rem;color:var(--grey-36, #5C5C5C)}.provider-details strong{color:var(--grey-55, #8C8C8C);font-weight:500}.provider-note{font-size:.8125rem;line-height:1.6;color:var(--grey-55, #8C8C8C);margin:0;padding-top:.75rem;border-top:1px solid var(--grey-88, #E0E0E0);font-style:italic}.cta-section{text-align:center;border:1px solid #16a34a!important;background:#16a34a0a!important}.cta-section h2{color:#16a34a}.cta-button{display:inline-block;padding:.75rem 2rem;background:var(--grey-100, #141414);color:#fff;border:1px solid var(--grey-100, #141414);font-family:var(--font-body);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;margin-top:.5rem;border-radius:6px}.cta-button:hover{opacity:.85}@media(max-width:900px){.scenarios-grid{grid-template-columns:1fr}}@media(max-width:768px){.provider-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.org-page .static-header h1{font-size:clamp(2.5rem,6vw,4rem)}.org-header{padding-bottom:1rem}.org-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.status-pill{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:.35rem .75rem;border-radius:20px;background:#fff;color:var(--grey-55, #8C8C8C)}.status-pill.active{background:#16a34a1a;color:#16a34a}.plan-card{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:var(--bg-ground, #F2F2F2);border:1px solid var(--border);border-radius:8px;padding:2rem;margin-bottom:2rem}.plan-info{display:flex;flex-direction:column;gap:.5rem}.plan-name{font-size:1.75rem;font-weight:300;letter-spacing:-.02em;color:var(--grey-100, #141414)}.plan-meta{color:var(--grey-55, #8C8C8C);font-size:.875rem}.domain-badge{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted, rgba(255,255,255,.6))}.usage-section{display:flex;flex-direction:column;gap:.5rem}.usage-header{display:flex;justify-content:space-between;font-size:.8rem}.usage-label{color:var(--grey-55, #8C8C8C);text-transform:uppercase;letter-spacing:.05em}.usage-count{font-family:JetBrains Mono,monospace;color:var(--grey-100, #141414)}.usage-bar{height:6px;background:var(--grey-88, #E0E0E0);border-radius:3px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#ffffff4d,#ffffff80);border-radius:3px;transition:width .3s ease}.usage-footer{font-size:.75rem;color:var(--grey-55, #8C8C8C);text-align:right}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem}.action-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.25rem;background:var(--bg-ground, #F2F2F2);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left;color:var(--grey-100, #141414)}.action-card:hover{background:var(--bg-ground, #F2F2F2);border-color:var(--grey-88, #E0E0E0)}.action-icon{font-size:1.25rem;opacity:.7;color:var(--grey-100, #141414)}.action-label{font-size:.9rem;font-weight:500;color:var(--grey-100, #141414)}.action-meta{font-size:.75rem;color:var(--grey-55, #8C8C8C)}.action-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:10px;background:#16a34a1a;color:#16a34a}.org-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:1px solid var(--border)}.org-tabs button{background:none;border:none;color:var(--grey-55, #8C8C8C);font-size:.875rem;padding:.75rem 1.25rem;cursor:pointer;transition:color .2s,border-color .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.org-tabs button:hover{color:var(--text)}.org-tabs button.active{color:var(--text);border-bottom-color:var(--text)}.text-btn{background:none;border:none;color:var(--grey-55, #8C8C8C);font-size:.875rem;padding:.5rem 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.text-btn:hover{color:var(--text)}.text-btn:disabled{opacity:.5;cursor:not-allowed}.text-btn.small{font-size:.75rem;padding:.25rem 0;margin-left:.75rem}.text-btn.danger{color:#e57373}.text-btn.danger:hover{color:#ff5252}.primary-btn{background:var(--grey-88, #E0E0E0);border:1px solid var(--grey-88, #E0E0E0);color:var(--text);font-size:.875rem;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;transition:all .2s}.primary-btn:hover{background:var(--grey-88, #E0E0E0);border-color:var(--grey-55, #8C8C8C)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header-row h2{margin:0}.section-desc{color:var(--grey-55, #8C8C8C);font-size:.9rem;margin-bottom:1.5rem}.create-org-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.plan-preview{background:var(--bg-ground, #F2F2F2);border:1px solid var(--border);border-radius:8px;padding:2rem}.plan-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--grey-55, #8C8C8C);margin-bottom:.5rem}.plan-price{font-size:3rem;font-weight:200;letter-spacing:-.02em;margin-bottom:1.5rem;color:var(--grey-100, #141414)}.plan-price span{font-size:1rem;color:var(--grey-55, #8C8C8C)}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--grey-55, #8C8C8C)}.plan-features li:last-child{border-bottom:none}.org-form{max-width:400px}.org-form h2{margin-bottom:1.5rem}.form-field{margin-bottom:1.25rem}.form-field label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--grey-55, #8C8C8C);margin-bottom:.5rem}.form-field .hint{text-transform:none;letter-spacing:normal;font-size:.7rem;opacity:.7}.field-help{display:block;font-size:.75rem;color:var(--grey-55, #8C8C8C);margin-top:.35rem;opacity:.7}.form-field input{width:100%;background:#fff;border:1px solid var(--border);border-radius:4px;padding:.75rem 1rem;font-size:1rem;color:var(--text);transition:border-color .2s,background .2s}.form-field input:focus{outline:none;border-color:var(--grey-55, #8C8C8C);background:#fff}.form-field input::placeholder{color:var(--grey-55, #8C8C8C);opacity:.5}.form-row-inline{display:flex;gap:1.5rem}.form-row-inline .form-field{flex:1}.form-desc{color:var(--grey-55, #8C8C8C);font-size:.875rem;margin-bottom:1.25rem;line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content{background:var(--bg-ground, #F2F2F2);border:1px solid var(--border);border-radius:8px;width:90%;max-width:450px;padding:2rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{margin:0;font-size:1.25rem;font-weight:400;color:var(--grey-100, #141414)}.modal-close{background:none;border:none;color:var(--grey-55, #8C8C8C);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text)}.invite-form-modal{display:flex;flex-direction:column;gap:1.5rem}.invite-modal-wide{max-width:500px;width:100%}.invite-email-section,.invite-role-section,.invite-settings-section,.invite-no-domain-section{display:flex;flex-direction:column;gap:.75rem}.section-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--grey-100, #141414);text-transform:uppercase;letter-spacing:.05em}.label-icon{font-size:.9rem;opacity:.7}.section-desc{font-size:.85rem;color:var(--text-muted, rgba(255,255,255,.6));margin:0}.email-composer{display:flex;align-items:center;background:#ffffff08;border:1px solid var(--border, rgba(255,255,255,.15));border-radius:8px;padding:.25rem;gap:0}.email-local-input{flex:1;background:transparent;border:none;padding:.75rem;font-family:JetBrains Mono,monospace;font-size:.95rem;color:var(--grey-100, #141414);min-width:0}.email-local-input:focus{outline:none}.email-local-input::placeholder{color:var(--text-muted, rgba(255,255,255,.4))}.email-at{color:var(--text-muted, rgba(255,255,255,.5));font-family:JetBrains Mono,monospace;font-size:.95rem}.email-domain{background:#ffffff14;padding:.75rem 1rem;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.95rem;color:var(--grey-100, #141414);white-space:nowrap}.no-domain-notice{display:flex;gap:.75rem;background:#ffb74d14;border:1px solid rgba(255,183,77,.2);border-radius:8px;padding:1rem}.notice-icon{font-size:1.25rem;flex-shrink:0}.no-domain-notice strong{color:var(--grey-100, #141414);font-size:.9rem}.no-domain-notice p{font-size:.85rem;color:var(--text-muted, rgba(255,255,255,.6));margin:.25rem 0 0}.inline-link{background:none;border:none;color:#ffb74d;cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.inline-link:hover{color:var(--grey-100, #141414)}.role-options{display:flex;flex-direction:column;gap:.5rem}.role-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ffffff05;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;cursor:pointer;transition:all .2s}.role-option:hover{background:#ffffff0d}.role-option.selected{border-color:var(--grey-100, #141414);background:#ffffff0d}.role-option input[type=radio]{appearance:none;width:18px;height:18px;border:2px solid var(--text-muted, rgba(255,255,255,.4));border-radius:50%;flex-shrink:0;position:relative}.role-option.selected input[type=radio]{border-color:var(--grey-100, #141414)}.role-option.selected input[type=radio]:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;background:var(--grey-100, #141414);border-radius:50%}.role-info{display:flex;flex-direction:column;gap:.15rem}.role-name{font-size:.9rem;font-weight:500;color:var(--grey-100, #141414)}.role-desc{font-size:.8rem;color:var(--text-muted, rgba(255,255,255,.5))}.settings-row{display:flex;gap:1rem}.setting-field{flex:1;display:flex;flex-direction:column;gap:.35rem}.setting-field label{font-size:.75rem;color:var(--text-muted, rgba(255,255,255,.6))}.setting-field select{background:#ffffff0d;border:1px solid var(--border, rgba(255,255,255,.15));border-radius:6px;color:var(--grey-100, #141414);padding:.6rem .75rem;font-size:.875rem;cursor:pointer}.setting-field select:focus{outline:none;border-color:var(--grey-55, #8C8C8C)}.invite-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--border, rgba(255,255,255,.1))}.secondary-btn{background:transparent;border:1px solid var(--border, rgba(255,255,255,.2));color:var(--text-muted, rgba(255,255,255,.6));padding:.6rem 1.25rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:#ffffff0d;color:var(--grey-100, #141414)}.field-hint{font-size:.75rem;color:var(--text-muted, rgba(255,255,255,.5));margin-top:0}.email-input-row{display:flex;align-items:center;gap:.25rem}.email-input-row input{flex:1;max-width:150px;padding:.5rem .75rem;font-family:JetBrains Mono,monospace;font-size:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--grey-100, #141414)}.email-input-row input:focus{outline:none;border-color:var(--grey-100, #141414)}.email-input-row .domain-suffix{font-size:.875rem;color:var(--text-muted, rgba(255,255,255,.6));font-family:JetBrains Mono,monospace}.invite-link-modal{display:flex;flex-direction:column;gap:1rem}.link-display{display:flex;gap:.5rem}.link-display input{flex:1;padding:.75rem;font-family:JetBrains Mono,monospace;font-size:.8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--grey-100, #141414)}.link-display input:focus{outline:none;border-color:var(--grey-100, #141414)}.warning-text{font-size:.8rem;color:#ffb74d;background:#ffb74d1a;padding:.75rem;border-radius:4px;border:1px solid rgba(255,183,77,.2)}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#81c78433;border:1px solid rgba(129,199,132,.3);color:#16a34a;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;z-index:1001;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.members-list{display:flex;flex-direction:column;gap:.5rem}.member-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-ground, #F2F2F2);border:1px solid var(--border);border-radius:6px}.member-info{display:flex;align-items:center;gap:1rem}.member-avatar{width:36px;height:36px;border-radius:50%;background:var(--grey-88, #E0E0E0);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500;color:var(--grey-100, #141414)}.member-details{display:flex;flex-direction:column;gap:.2rem}.member-email{font-size:.9rem;color:var(--grey-100, #141414)}.member-org-email{font-size:.8rem;color:var(--grey-55, #8C8C8C);font-family:JetBrains Mono,monospace}.member-org-email-row{display:flex;align-items:center;gap:.5rem}.no-org-email{font-size:.8rem;color:var(--text-muted, rgba(255,255,255,.4));font-style:italic}.org-email-edit{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.org-email-edit input{width:100px;padding:.25rem .5rem;font-size:.8rem;font-family:JetBrains Mono,monospace;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:var(--grey-100, #141414)}.org-email-edit input:focus{outline:none;border-color:var(--grey-100, #141414)}.domain-suffix{font-size:.8rem;color:var(--text-muted, rgba(255,255,255,.6));font-family:JetBrains Mono,monospace}.text-btn.small{font-size:.75rem;padding:.25rem 0}.member-actions{display:flex;align-items:center;gap:.5rem}.role-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:3px;background:#fff;color:var(--text-muted, rgba(255,255,255,.6))}.role-tag.owner{background:#ffd7001a;color:gold}.role-tag.admin{background:#64b5f61a;color:#64b5f6}.status-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:3px;background:#fff;color:var(--grey-55, #8C8C8C)}.status-tag.active,.status-tag.verified{background:#81c7841a;color:#16a34a}.invites-list{display:flex;flex-direction:column;gap:.5rem}.invite-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-ground, #F2F2F2);border:1px solid var(--border);border-radius:6px}.invite-row.inactive{opacity:.5}.invite-info{display:flex;align-items:center;gap:1rem}.invite-stats{display:flex;flex-direction:column;gap:.2rem}.invite-uses{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--grey-100, #141414)}.invite-expiry{font-size:.75rem;color:var(--grey-55, #8C8C8C)}.invite-actions{display:flex;align-items:center;gap:.5rem}.empty-state{text-align:center;padding:3rem 2rem;background:var(--bg-ground, #F2F2F2);border:1px dashed var(--border);border-radius:8px}.empty-state p{margin-bottom:1rem;color:var(--grey-55, #8C8C8C)}.domain-box{background:var(--bg-ground, #F2F2F2);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin:1.5rem 0}.domain-status{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.domain-name{font-family:JetBrains Mono,monospace;font-size:1.1rem}.verify-instructions{background:var(--bg-ground, #F2F2F2);border-radius:6px;padding:1.5rem;margin-top:1rem}.verify-instructions h4{margin:0 0 .75rem;font-size:.9rem;font-weight:500}.verify-instructions p{font-size:.875rem;color:var(--grey-55, #8C8C8C);margin-bottom:1rem}.dns-record{margin-bottom:1rem}.dns-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--grey-55, #8C8C8C);margin-bottom:.5rem}.dns-record code,.verify-instructions code{display:block;font-family:JetBrains Mono,monospace;font-size:.8rem;background:#0000004d;padding:.75rem 1rem;border-radius:4px;word-break:break-all}.success-text{color:#16a34a;font-size:.9rem}.muted{color:var(--grey-55, #8C8C8C);font-size:.875rem}.loading-text{color:var(--grey-55, #8C8C8C);text-align:center;padding:4rem 0}.dns-guide{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.dns-guide h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-weight:400}.dns-guide code{font-family:JetBrains Mono,monospace;font-size:.8rem;background:#0003;padding:.2rem .4rem;border-radius:3px}@media(max-width:768px){.plan-card{grid-template-columns:1fr;gap:2rem}.quick-actions,.create-org-section{grid-template-columns:1fr}.org-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-row-inline{flex-direction:column;gap:0}.section-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.member-card,.invite-row{flex-direction:column;align-items:flex-start;gap:1rem}}.invite-card{max-width:500px}.invite-org{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.invite-desc{color:var(--grey-55, #8C8C8C);margin-bottom:1.5rem}.auth-prompt{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.error-box{background:#e573731a;border:1px solid rgba(229,115,115,.3);border-radius:6px;padding:1.5rem}.error-box p{color:#e57373;margin-bottom:1rem}.role-select{background:#fff;border:1px solid var(--border);border-radius:4px;color:var(--grey-100, #141414);padding:.35rem 1.5rem .35rem .75rem;font-size:.75rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.role-select:hover{border-color:var(--grey-55, #8C8C8C)}.role-select:focus{outline:none;border-color:var(--text)}.settings-group{background:var(--bg-ground, #F2F2F2);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.settings-group h3{font-size:1rem;font-weight:500;color:var(--grey-100, #141414);margin-bottom:.75rem}.settings-group .section-desc{color:var(--text-muted, rgba(255,255,255,.6));font-size:.85rem;margin-bottom:1rem}.settings-group .form-row{display:flex;gap:.75rem;align-items:center}.settings-group input[type=text]{flex:1;background:#fff;border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem;color:var(--grey-100, #141414);font-size:.95rem}.settings-group input[type=text]:focus{outline:none;border-color:var(--grey-55, #8C8C8C)}.transfer-select{display:flex;gap:.75rem;align-items:center}.transfer-select select{flex:1;background:#fff;border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem;color:var(--grey-100, #141414);font-size:.9rem}.danger-btn{background:#e5737326;border:1px solid rgba(229,115,115,.3);color:#e57373;padding:.75rem 1.25rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.danger-btn:hover{background:#e5737340;border-color:#e5737380}.danger-zone{border-color:#e5737333;background:#e5737308}.danger-zone h3{color:#e57373}.add-domain-section{background:var(--bg-ground, #F2F2F2);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.add-domain-section .form-group{display:flex;flex-direction:column;gap:.5rem}.add-domain-section label{font-size:.85rem;color:var(--text-muted, rgba(255,255,255,.6));font-weight:500}.add-domain-section .form-row{display:flex;gap:.75rem;align-items:center}.add-domain-section input[type=text]{flex:1;background:#fff;border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem;color:var(--grey-100, #141414);font-size:.95rem}.add-domain-section input[type=text]:focus{outline:none;border-color:var(--grey-55, #8C8C8C)}.setup-step{display:flex;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--border, rgba(255,255,255,.1))}.setup-step:last-child{border-bottom:none}.step-number{width:32px;height:32px;border-radius:50%;background:#ffffff1a;color:var(--grey-100, #141414);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.step-content{flex:1}.step-content h5{font-size:1rem;font-weight:600;color:var(--grey-100, #141414);margin:0 0 .5rem}.step-content p{font-size:.875rem;color:var(--text-muted, rgba(255,255,255,.6));margin:0 0 .5rem;line-height:1.5}.step-content p:last-child{margin-bottom:0}.dns-record-card{background:#ffffff08;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;padding:1rem;margin:.75rem 0}.dns-record-card.highlight{border-color:#81c7844d;background:#81c7840d}.dns-record-card.verified{border-color:#81c7844d;background:#81c78408}.record-verified{font-size:.7rem;color:#16a34a;font-weight:500}.record-desc{font-size:.75rem;color:var(--text-muted, rgba(255,255,255,.5));margin:.5rem 0 0;font-style:italic}.record-field.full-width{width:100%;flex:none}.long-value{display:block;overflow:hidden;text-overflow:ellipsis}.domain-verified-section{margin-top:1.5rem}.dns-health-section{margin-top:1.5rem;padding:1rem;background:#ffffff05;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px}.dns-health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dns-health-header h4{margin:0;font-size:.9rem;font-weight:600}.dns-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.health-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0003;border-radius:6px;font-size:.8rem}.health-item.ok{background:#81c7841a;border:1px solid rgba(129,199,132,.2)}.health-item.warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.2)}.health-item.error{background:#ef53501a;border:1px solid rgba(239,83,80,.2)}.health-item.pending{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.health-label{font-weight:600;min-width:50px}.health-status{font-weight:700}.health-item.ok .health-status{color:#16a34a}.health-item.warning .health-status{color:#ffc107}.health-item.error .health-status{color:#ef5350}.health-msg{font-size:.75rem;color:var(--text-muted, rgba(255,255,255,.6));flex:1}.dns-records-section{margin-top:2rem}.dns-records-section h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border, rgba(255,255,255,.1))}.record-type{font-weight:600;font-size:.85rem;color:var(--grey-100, #141414)}.record-purpose{font-size:.75rem;color:var(--text-muted, rgba(255,255,255,.5))}.record-fields{display:flex;flex-wrap:wrap;gap:1rem}.record-field{display:flex;flex-direction:column;gap:.25rem;min-width:100px}.record-field:last-child{flex:1}.field-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, rgba(255,255,255,.5))}.record-field code{font-family:JetBrains Mono,monospace;font-size:.8rem;background:#0000004d;padding:.35rem .5rem;border-radius:4px;color:var(--grey-100, #141414);word-break:break-all}code.copyable{cursor:pointer;transition:background .2s}code.copyable:hover{background:#ffffff1a}code.copyable.copied{background:#81c78433}code.copyable.copied:after{content:" ✓";color:#16a34a}.hint{font-size:.75rem;color:var(--text-muted, rgba(255,255,255,.5));margin-top:.5rem}.mailbox-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.mailbox-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-ground, #F2F2F2);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:6px;cursor:pointer;transition:all .15s ease}.mailbox-card:hover{background:var(--bg-ground, #F2F2F2);border-color:#fff3}.mailbox-info{display:flex;flex-direction:column;gap:.25rem}.mailbox-address{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--grey-100, #141414)}.mailbox-name{font-size:.8rem;color:var(--text-muted, rgba(255,255,255,.5))}.mailbox-meta{display:flex;align-items:center;gap:1rem}.access-count{font-size:.75rem;color:var(--text-muted, rgba(255,255,255,.5))}.mailbox-meta .arrow{color:var(--text-muted, rgba(255,255,255,.4));font-size:1rem}.mailbox-detail{margin-top:1rem}.back-btn{margin-bottom:1.5rem}.mailbox-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border, rgba(255,255,255,.1))}.mailbox-header h3{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:400;margin-bottom:.25rem}.mailbox-display-name{color:var(--text-muted, rgba(255,255,255,.6));font-size:.9rem}.mailbox-description{margin-top:.75rem;font-size:.875rem;color:var(--text-muted, rgba(255,255,255,.5))}.mailbox-detail h4{font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.access-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.access-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-ground, #F2F2F2);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:4px}.access-user{display:flex;flex-direction:column;gap:.1rem}.access-email{font-family:JetBrains Mono,monospace;font-size:.85rem}.access-name{font-size:.75rem;color:var(--text-muted, rgba(255,255,255,.5))}.access-perms{display:flex;gap:.5rem}.perm-tag{font-size:.7rem;padding:.2rem .5rem;background:#ffffff0d;border-radius:3px;color:var(--text-muted, rgba(255,255,255,.6));text-transform:uppercase;letter-spacing:.03em}.mailbox-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border, rgba(255,255,255,.1))}.form-field.permissions{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--grey-100, #141414)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#16a34a}.empty-state.small{padding:1rem 1.5rem;margin-bottom:1rem}.empty-state.small p{font-size:.85rem}.od-inbox-tab-btn{position:relative;display:inline-flex;align-items:center;gap:.5rem}.od-inbox-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--grey-100, #141414);color:#fff;font-size:.625rem;font-weight:700;line-height:1}.od-inbox-section{padding:2.5rem 0;border-top:1px solid var(--grey-88, #E0E0E0)}.od-inbox-skeleton{display:flex;flex-direction:column;gap:.75rem;padding:2.5rem}.od-skeleton-line{height:14px;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:od-shimmer 1.4s infinite;border-radius:4px}@keyframes od-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.od-inbox-layout{display:grid;grid-template-columns:220px 1fr;min-height:480px;border:1px solid var(--grey-88, #E0E0E0);border-radius:10px;overflow:hidden;background:#fff}.od-inbox-sidebar{border-right:1px solid var(--grey-88, #E0E0E0);background:var(--bg-ground, #F7F7F5);display:flex;flex-direction:column;overflow-y:auto}.od-inbox-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .625rem}.od-inbox-sidebar-title{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grey-55, #8C8C8C)}.od-inbox-refresh{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;background:none;border:none;cursor:pointer;color:var(--grey-55, #8C8C8C);transition:background .12s,color .12s}.od-inbox-refresh:hover{background:#0000000f;color:var(--grey-100, #141414)}.od-inbox-sidebar-empty{padding:.75rem 1rem;font-size:.8125rem;color:var(--grey-55, #9CA3AF)}.od-inbox-mailbox-list{display:flex;flex-direction:column;padding-bottom:.5rem}.od-inbox-mailbox-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.4375rem .75rem;background:none;border:none;cursor:pointer;border-radius:6px;margin:0 .375rem;width:calc(100% - .75rem);text-align:left;transition:background .1s}.od-inbox-mailbox-item:hover{background:#0000000d}.od-inbox-mailbox-item.active{background:#00000014}.od-inbox-item-icon{width:26px;height:26px;border-radius:6px;background:var(--grey-88, #E4E4E4);color:var(--grey-36, #5C5C5C);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.od-inbox-item-icon.all{background:var(--grey-100, #141414);color:#fff}.od-inbox-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.0625rem}.od-inbox-item-name{font-size:.8125rem;font-weight:500;color:var(--grey-100, #141414);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.od-inbox-item-addr{font-size:.6875rem;color:var(--grey-55, #9CA3AF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-inbox-item-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--grey-100, #141414);color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.od-inbox-pane{display:flex;flex-direction:column;min-width:0;overflow:hidden}.od-inbox-pane-head{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--grey-88, #E0E0E0);min-height:53px;flex-shrink:0}.od-inbox-pane-title{display:flex;align-items:baseline;gap:.625rem;font-size:.9375rem;font-weight:600;color:var(--grey-100, #141414);min-width:0;overflow:hidden}.od-inbox-pane-addr{font-size:.75rem;font-weight:400;color:var(--grey-55, #9CA3AF);font-family:JetBrains Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-open-in-mail{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:var(--grey-55, #9CA3AF);text-decoration:none;padding:.3125rem .75rem;border-radius:6px;border:1px solid var(--grey-88, #E4E4E4);transition:color .12s,border-color .12s,background .12s;flex-shrink:0}.od-open-in-mail:hover{color:var(--grey-100, #141414);border-color:var(--grey-55, #C0C0C0);background:var(--bg-ground, #F7F7F5)}.od-inbox-pane-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.875rem;color:var(--grey-55, #9CA3AF);gap:.25rem}.od-inbox-message-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.od-inbox-msg{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--grey-88, #EFEFEF);transition:background .1s;cursor:default}.od-inbox-msg:last-child{border-bottom:none}.od-inbox-msg:hover{background:#00000005}.od-inbox-msg.unread{background:#fafaf9}.od-inbox-msg.unread:hover{background:#f5f5f4}.od-inbox-msg-avatar{position:relative;width:32px;height:32px;border-radius:8px;background:var(--grey-88, #E4E4E4);color:var(--grey-36, #5C5C5C);font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.od-inbox-msg.unread .od-inbox-msg-avatar{background:var(--grey-100, #141414);color:#fff}.od-inbox-msg-unread-dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#3b82f6;border:2px solid #fff}.od-inbox-msg-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1875rem}.od-inbox-msg-row1{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.od-inbox-msg-sender{font-size:.875rem;font-weight:400;color:var(--grey-36, #5C5C5C);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-inbox-msg.unread .od-inbox-msg-sender{font-weight:600;color:var(--grey-100, #141414)}.od-inbox-msg-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.od-inbox-msg-tag{font-size:.6875rem;font-weight:500;background:var(--bg-ground, #F0F0EE);color:var(--grey-36, #5C5C5C);padding:.125rem .5rem;border-radius:4px;border:1px solid var(--grey-88, #E4E4E4);white-space:nowrap}.od-inbox-msg-time{font-size:.75rem;color:var(--grey-55, #9CA3AF);font-variant-numeric:tabular-nums}.od-inbox-msg-subject{font-size:.875rem;font-weight:500;color:var(--grey-36, #4B5563);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-inbox-msg.unread .od-inbox-msg-subject{color:var(--grey-100, #141414)}.od-inbox-msg-snippet{font-size:.8125rem;color:var(--grey-55, #9CA3AF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}@media(max-width:860px){.od-inbox-layout{grid-template-columns:1fr;min-height:unset}.od-inbox-sidebar{border-right:none;border-bottom:1px solid var(--grey-88, #E0E0E0)}.od-inbox-mailbox-list{flex-direction:row;flex-wrap:wrap;padding:0 .375rem .625rem}.od-inbox-mailbox-item{width:auto;margin:0}.od-inbox-item-addr{display:none}}.secure-page{min-height:100vh;background:var(--bg-ground, #F2F2F2);display:flex;justify-content:center;align-items:flex-start;padding:40px 20px}.secure-container{width:100%;max-width:440px}.secure-container-wide{max-width:680px}.secure-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.secure-logo{text-decoration:none;display:flex;align-items:baseline}.secure-badge{font-size:13px;color:#16a34a;background:#16a34a1a;padding:6px 12px;border-radius:20px}.secure-loading{text-align:center;padding:80px 20px;color:var(--grey-55, #8C8C8C)}.secure-error-card{background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:16px;padding:48px 32px;text-align:center;box-shadow:0 1px 3px #0000000a}.secure-error-card h2{color:var(--grey-100, #141414);font-size:20px;font-weight:600;margin:0 0 8px}.secure-error-card p{color:var(--grey-55, #8C8C8C);font-size:14px;margin:0 0 24px}.secure-link{color:var(--grey-55, #8C8C8C);text-decoration:none;font-size:14px;transition:color .15s}.secure-link:hover{color:var(--grey-100, #141414)}.secure-card{background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:16px;padding:40px 32px;box-shadow:0 1px 3px #0000000a}.secure-icon{font-size:48px;text-align:center;margin-bottom:16px}.secure-card h1{color:var(--grey-100, #141414);font-size:22px;font-weight:600;text-align:center;margin:0 0 24px}.message-preview{background:var(--bg-ground, #F2F2F2);border-radius:10px;padding:16px 20px;margin-bottom:28px}.password-input-wrapper input{width:100%;background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:10px;padding:14px 48px 14px 16px;color:var(--grey-100, #141414);font-size:15px;transition:border-color .15s}.submit-btn{width:100%;background:var(--grey-100, #141414);color:#fff;border:none;border-radius:10px;padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.submit-btn:hover:not(:disabled){opacity:.85}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.secure-message-card{background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.secure-message-card .message-subject{font-size:22px;font-weight:600;color:var(--grey-100, #141414);margin:0;padding:28px 28px 0}.message-header-row{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;gap:16px}.message-sender{display:flex;align-items:center;gap:12px}.sender-avatar{width:40px;height:40px;border-radius:50%;background:var(--grey-100, #141414);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.sender-info{display:flex;flex-direction:column;gap:2px}.sender-email{font-size:14px;font-weight:500;color:var(--grey-100, #141414)}.message-date{font-size:13px;color:var(--grey-55, #8C8C8C)}.views-remaining{font-size:12px;color:var(--grey-55, #8C8C8C);background:var(--bg-ground, #F2F2F2);padding:6px 12px;border-radius:16px;white-space:nowrap}.message-divider{height:1px;background:var(--grey-88, #E0E0E0);margin:0 28px}.secure-message-card .message-body{padding:24px 28px;font-size:15px;line-height:1.7;color:var(--grey-36, #5C5C5C)}.secure-message-card .message-body-text{white-space:pre-wrap}.secure-message-card .message-body-html a{color:var(--grey-100, #141414)}.secure-message-card .message-attachments{padding:20px 28px 24px;border-top:1px solid var(--grey-88, #E0E0E0);background:var(--bg-ground, #F2F2F2)}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:10px}.attachment-icon{font-size:24px;flex-shrink:0}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attachment-meta{font-size:12px;color:var(--grey-55, #8C8C8C)}.attachment-encrypted{color:#b45309}.attachment-download-btn{background:var(--grey-100, #141414);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s;flex-shrink:0}.attachment-download-btn:hover{opacity:.85}.secure-footer{text-align:center;margin-top:24px}.secure-footer p{color:var(--grey-55, #8C8C8C);font-size:13px;margin:0}.secure-footer a{color:var(--grey-55, #8C8C8C);text-decoration:none;transition:color .15s}.secure-footer a:hover{color:var(--grey-100, #141414)}.message-content{background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.message-header{padding:24px 28px;border-bottom:1px solid var(--grey-88, #E0E0E0)}.message-subject{font-size:20px;font-weight:600;color:var(--grey-100, #141414);margin:0 0 16px}.message-meta{display:flex;flex-direction:column;gap:6px}.meta-row{display:flex;align-items:flex-start;gap:8px;font-size:14px}.meta-label{color:var(--grey-55, #8C8C8C);flex-shrink:0}.meta-value{color:var(--grey-100, #141414)}.message-body{padding:28px}.message-body-text{font-size:15px;line-height:1.7;color:var(--grey-36, #5C5C5C);white-space:pre-wrap}.message-body-html{font-size:15px;line-height:1.7;color:var(--grey-36, #5C5C5C)}.message-body-html a{color:var(--grey-100, #141414)}.message-attachments{padding:20px 28px;border-top:1px solid var(--grey-88, #E0E0E0);background:var(--bg-ground, #F2F2F2)}.attachments-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--grey-55, #8C8C8C);margin-bottom:12px}.attachment-list{display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:8px}.attachment-icon{font-size:20px}.attachment-info{flex:1;min-width:0}.attachment-name{font-size:14px;font-weight:500;color:var(--grey-100, #141414);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:12px;color:var(--grey-55, #8C8C8C)}.download-btn{background:none;border:1px solid var(--grey-88, #E0E0E0);color:var(--grey-36, #5C5C5C);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s}.download-btn:hover{background:var(--grey-100, #141414);color:#fff;border-color:var(--grey-100, #141414)}.secure-info{margin-top:24px;padding:16px 20px;background:#16a34a14;border:1px solid rgba(22,163,74,.2);border-radius:10px;text-align:center}.secure-info p{font-size:13px;color:#16a34a;margin:0}.expired-state,.error-state{text-align:center;padding:60px 32px}.state-icon{font-size:64px;margin-bottom:20px}.expired-state h2,.error-state h2{color:var(--grey-100, #141414);font-size:24px;font-weight:600;margin:0 0 12px}.expired-state p,.error-state p{color:var(--grey-55, #8C8C8C);font-size:15px;margin:0 0 24px}@media(max-width:600px){.secure-page{padding:20px 16px}.secure-card,.secure-error-card,.message-content{padding:28px 20px}.message-header,.message-body,.message-attachments{padding-left:20px;padding-right:20px}.secure-header{flex-direction:column;gap:16px;text-align:center}.logo-gb{font-size:28px}.logo-mail{font-size:22px}}.download-page{min-height:100vh;background:var(--bg-ground, #F2F2F2);display:flex;justify-content:center;align-items:flex-start;padding:40px 20px}.download-container{width:100%;max-width:440px}.download-header{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.download-logo{text-decoration:none;display:flex;align-items:baseline}.logo-gb{font-family:"Jacquard 12",monospace;font-size:36px;color:var(--grey-100, #141414);letter-spacing:-1px}.logo-mail{font-family:var(--font-body);font-size:28px;font-weight:700;color:var(--grey-100, #141414)}.download-loading{text-align:center;padding:80px 20px;color:var(--grey-55, #8C8C8C)}.loading-spinner{width:40px;height:40px;border:3px solid var(--grey-88, #E0E0E0);border-top-color:var(--grey-100, #141414);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}.progress-spinner{width:16px;height:16px;border:2px solid var(--grey-88, #E0E0E0);border-top-color:var(--grey-100, #141414);border-radius:50%;animation:spin .8s linear infinite}.download-error-card{background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:16px;padding:48px 32px;text-align:center;box-shadow:0 1px 3px #0000000a}.error-icon{font-size:48px;margin-bottom:16px}.download-error-card h2{color:var(--grey-100, #141414);font-size:20px;font-weight:600;margin:0 0 8px}.download-error-card p{color:var(--grey-55, #8C8C8C);font-size:14px;margin:0 0 24px}.download-link{color:var(--grey-55, #8C8C8C);text-decoration:none;font-size:14px;transition:color .15s}.download-link:hover{color:var(--grey-100, #141414)}.download-card{background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:16px;padding:40px 32px;box-shadow:0 1px 3px #0000000a}.download-icon{font-size:48px;text-align:center;margin-bottom:16px}.download-card h1{color:var(--grey-100, #141414);font-size:22px;font-weight:600;text-align:center;margin:0 0 24px}.file-preview{background:var(--bg-ground, #F2F2F2);border-radius:10px;padding:16px 20px;margin-bottom:28px}.preview-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0}.preview-row:not(:last-child){border-bottom:1px solid var(--grey-88, #E0E0E0)}.preview-label{color:var(--grey-55, #8C8C8C);font-size:13px;flex-shrink:0;margin-right:16px}.preview-value{color:var(--grey-100, #141414);font-size:14px;text-align:right;word-break:break-word}.password-form{margin-bottom:24px}.password-form label{display:block;color:var(--grey-55, #8C8C8C);font-size:13px;margin-bottom:10px}.password-input-wrapper{position:relative;margin-bottom:16px}.password-input-wrapper input{width:100%;background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:10px;padding:14px 48px 14px 16px;color:var(--grey-100, #141414);font-size:15px;transition:border-color .15s;box-sizing:border-box}.password-input-wrapper input:focus{outline:none;border-color:var(--grey-100, #141414)}.password-input-wrapper input::placeholder{color:var(--grey-55, #8C8C8C)}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--grey-55, #8C8C8C);cursor:pointer;padding:4px;font-size:18px}.toggle-password:hover{color:var(--grey-100, #141414)}.password-error{color:#dc2626;font-size:13px;margin-bottom:12px}.download-progress{display:flex;align-items:center;gap:10px;color:var(--grey-55, #8C8C8C);font-size:14px;margin-bottom:12px}.unlock-btn{width:100%;background:var(--grey-100, #141414);color:#fff;border:none;border-radius:10px;padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.unlock-btn:hover:not(:disabled){opacity:.85}.unlock-btn:disabled{opacity:.5;cursor:not-allowed}.download-info{border-top:1px solid var(--grey-88, #E0E0E0);padding-top:20px}.download-info p{color:var(--grey-55, #8C8C8C);font-size:13px;margin:0;display:flex;align-items:center;gap:8px}.info-icon{font-size:14px}.download-footer{text-align:center;margin-top:24px}.download-footer p{color:var(--grey-55, #8C8C8C);font-size:13px;margin:0}.download-footer a{color:var(--grey-55, #8C8C8C);text-decoration:none;transition:color .15s}.download-footer a:hover{color:var(--grey-100, #141414)}@media(max-width:480px){.download-page{padding:20px 16px}.download-card{padding:32px 24px}.logo-gb{font-size:28px}.logo-mail{font-size:22px}}.mac-download-page{min-height:100vh;background:var(--bg-ground, #F2F2F2);color:var(--grey-100, #141414);display:flex;flex-direction:column}.mac-download-main{flex:1}.mac-hero{padding:8rem 2rem 4rem;text-align:center}.mac-hero-inner{max-width:600px;margin:0 auto}.mac-app-icon{width:96px;height:96px;margin:0 auto 2rem;border-radius:22px;overflow:hidden;box-shadow:0 2px 8px #00000014,0 8px 24px #0000000f}.mac-app-icon img{width:100%;height:100%;display:block}.mac-icon-fallback{width:96px;height:96px;background:var(--grey-100, #141414);border-radius:22px;display:flex;align-items:center;justify-content:center}.mac-icon-fallback span{font-family:var(--font-display);font-size:2.5rem;font-weight:700;font-style:italic;color:#fff}.mac-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem;color:var(--grey-100, #141414)}.mac-hero-lead{font-size:1.0625rem;line-height:1.7;color:var(--grey-36, #5C5C5C);max-width:480px;margin:0 auto 2rem}.mac-version-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:999px;padding:.375rem 1rem;font-size:.8125rem;color:var(--grey-36, #5C5C5C);margin-bottom:1.5rem}.mac-badge-sep{color:var(--grey-75, #BFBFBF)}.mac-download-btn{display:inline-flex;align-items:center;gap:.625rem;background:var(--grey-100, #141414);color:#fff;padding:.875rem 2.25rem;border-radius:12px;font-size:1rem;font-weight:600;font-family:var(--font-body);text-decoration:none;border:none;cursor:pointer;transition:background .2s,transform .15s}.mac-download-btn:hover{background:var(--grey-20, #333);transform:translateY(-1px)}.mac-download-btn:active{transform:translateY(0)}.mac-download-btn.disabled{background:var(--grey-88, #E0E0E0);color:var(--grey-55, #8C8C8C);cursor:not-allowed;pointer-events:none}.mac-meta{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;font-size:.8125rem;color:var(--grey-55, #8C8C8C)}.mac-meta-sep{color:var(--grey-75, #BFBFBF)}.mac-loading,.mac-error{font-size:.875rem;color:var(--grey-55, #8C8C8C);margin-top:1.5rem}.mac-info-section{padding:0 2rem 4rem}.mac-info-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.mac-info-card{background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:12px;padding:2rem}.mac-info-card h2{font-family:var(--font-body);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1.25rem;color:var(--grey-100, #141414)}.mac-features-list{list-style:none;padding:0;margin:0}.mac-features-list li{font-size:.9375rem;line-height:1.7;color:var(--grey-36, #5C5C5C);padding-left:1.25rem;position:relative;margin-bottom:.25rem}.mac-features-list li:before{content:"✓";position:absolute;left:0;font-size:.75rem;font-weight:700;color:var(--grey-55, #8C8C8C);top:.2em}.mac-install-steps{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.mac-step{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--grey-36, #5C5C5C)}.mac-step-num{width:24px;height:24px;border-radius:50%;background:var(--grey-95, #F2F2F2);border:1px solid var(--grey-88, #E0E0E0);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--grey-55, #8C8C8C);flex-shrink:0}.mac-terminal-install{padding-top:1.25rem;border-top:1px solid var(--grey-88, #E0E0E0)}.mac-terminal-install h3{font-size:.8125rem;font-weight:600;color:var(--grey-55, #8C8C8C);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em}.mac-cmd-row{display:flex;align-items:stretch;gap:0;border-radius:8px;overflow:hidden;border:1px solid var(--grey-88, #E0E0E0)}.mac-cmd{flex:1;background:var(--grey-95, #F2F2F2);padding:.625rem .875rem;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;line-height:1.5;color:var(--grey-36, #5C5C5C);white-space:nowrap;overflow-x:auto;scrollbar-width:none}.mac-cmd::-webkit-scrollbar{display:none}.mac-copy-btn{display:flex;align-items:center;justify-content:center;width:40px;background:var(--grey-95, #F2F2F2);border:none;border-left:1px solid var(--grey-88, #E0E0E0);cursor:pointer;color:var(--grey-55, #8C8C8C);transition:background .15s,color .15s;flex-shrink:0}.mac-copy-btn:hover{background:var(--grey-88, #E0E0E0);color:var(--grey-100, #141414)}.mac-changelog-section{padding:0 2rem 4rem}.mac-changelog-inner{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--grey-88, #E0E0E0);border-radius:12px;overflow:hidden}.mac-changelog-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:none;border:none;cursor:pointer;transition:background .15s}.mac-changelog-toggle:hover{background:#00000005}.mac-changelog-toggle h2{font-family:var(--font-body);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;color:var(--grey-100, #141414);margin:0}.mac-changelog-list{padding:0 2rem 1.5rem}.mac-release{padding:1rem 0;border-top:1px solid var(--grey-88, #E0E0E0)}.mac-release:first-child{border-top:none}.mac-release-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.625rem}.mac-release-ver{font-size:.9375rem;font-weight:700;color:var(--grey-100, #141414)}.mac-release-date{font-size:.8125rem;color:var(--grey-55, #8C8C8C)}.mac-release-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.125rem .5rem;border-radius:4px;background:var(--grey-95, #F2F2F2);color:var(--grey-36, #5C5C5C);border:1px solid var(--grey-88, #E0E0E0)}.mac-release-changes{list-style:none;padding:0;margin:0}.mac-release-changes li{font-size:.875rem;line-height:1.7;color:var(--grey-36, #5C5C5C);padding-left:1rem;position:relative}.mac-release-changes li:before{content:"·";position:absolute;left:.125rem;font-weight:900;color:var(--grey-55, #8C8C8C)}.mac-changelog-show-all{display:block;width:100%;padding:.875rem;background:none;border:none;border-top:1px solid var(--grey-88, #E0E0E0);font-size:.8125rem;font-weight:600;color:var(--grey-55, #8C8C8C);cursor:pointer;transition:color .15s,background .15s}.mac-changelog-show-all:hover{color:var(--grey-100, #141414);background:#00000005}@media(max-width:768px){.mac-hero{padding:7rem 1.5rem 3rem}.mac-app-icon{width:72px;height:72px;border-radius:18px;margin-bottom:1.5rem}.mac-icon-fallback{width:72px;height:72px;border-radius:18px}.mac-icon-fallback span,.mac-hero h1{font-size:2rem}.mac-hero-lead{font-size:.9375rem}.mac-info-section,.mac-changelog-section{padding-left:1.25rem;padding-right:1.25rem}.mac-info-grid{grid-template-columns:1fr;gap:1rem}.mac-info-card{padding:1.5rem}.mac-changelog-toggle,.mac-changelog-list{padding-left:1.5rem;padding-right:1.5rem}.mac-cmd{font-size:.625rem}}@media(max-width:480px){.mac-hero{padding-top:6rem}.mac-meta{flex-wrap:wrap;gap:.375rem .5rem}.mac-download-btn{padding:.75rem 1.75rem;font-size:.9375rem}}.sp-page{display:flex;flex-direction:column;height:100vh;background:var(--bg, #0a0a0a);color:var(--text, #e8e8e8);font-family:var(--font-body, "Stack Sans Notch", -apple-system, BlinkMacSystemFont, sans-serif);font-size:13px;-webkit-font-smoothing:antialiased}.sp-header{height:52px;border-bottom:1px solid var(--border, rgba(255,255,255,.08));background:var(--surface, #111);flex-shrink:0}.sp-header-inner{max-width:1400px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:16px}.sp-back{font-size:11px;font-weight:500;color:var(--text-tertiary, #555);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;transition:color .15s}.sp-back:hover{color:var(--text-secondary, #888)}.sp-header-brand{display:flex;align-items:baseline;gap:0}.sp-logo-gb{font-family:"Jacquard 12",monospace;font-size:1.3rem;font-weight:400;color:var(--text, #e8e8e8);line-height:1}.sp-logo-mail{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--text-tertiary, #555);margin-left:1px;line-height:1}.sp-header-div{width:1px;height:14px;background:var(--border, rgba(255,255,255,.08));margin:0 10px;align-self:center}.sp-header-section{font-size:11px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.06em;align-self:center}.sp-header-right{margin-left:auto;display:flex;align-items:center;gap:12px}.sp-header-user{font-size:12px;color:var(--text-tertiary, #555)}.sp-body{flex:1;display:flex;min-height:0;overflow:hidden}.sp-sidebar{width:300px;min-width:300px;border-right:1px solid var(--border, rgba(255,255,255,.08));display:flex;flex-direction:column;overflow:hidden}.sp-sidebar-head{padding:16px 16px 12px;border-bottom:1px solid var(--border, rgba(255,255,255,.08));display:flex;align-items:center;justify-content:space-between}.sp-sidebar-title{font-size:13px;font-weight:600;color:var(--text, #e8e8e8);margin:0}.sp-sidebar-count{font-size:11px;color:var(--text-tertiary, #555)}.sp-list{flex:1;overflow-y:auto;padding:8px 0}.sp-list::-webkit-scrollbar{width:4px}.sp-list::-webkit-scrollbar-track{background:transparent}.sp-list::-webkit-scrollbar-thumb{background:var(--border-light, rgba(255,255,255,.12));border-radius:2px}.sp-empty{padding:40px 16px;text-align:center;color:var(--text-tertiary, #555);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:12px}.sp-ticket-row{width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border, rgba(255,255,255,.08));padding:12px 16px;cursor:pointer;transition:background .15s;color:var(--text, #e8e8e8)}.sp-ticket-row:hover{background:var(--bg-hover, #1c1c1c)}.sp-ticket-row--active{background:var(--bg-elevated, #111);border-left:2px solid var(--text, #e8e8e8)}.sp-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sp-row-id{font-size:10px;font-weight:700;color:var(--text-tertiary, #555);letter-spacing:.04em;font-family:SF Mono,Space Mono,monospace}.sp-row-subject{font-size:13px;color:var(--text, #e8e8e8);margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.sp-row-foot{display:flex;align-items:center;justify-content:space-between}.sp-row-time{font-size:11px;color:var(--text-tertiary, #555)}.sp-status{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;letter-spacing:.02em;text-transform:uppercase}.sp-status--open{background:#ff950026;color:#ff9500}.sp-status--in_progress{background:#ffffff0f;color:var(--text-secondary, #888)}.sp-status--waiting_on_user{background:#ffffff0a;color:var(--text-tertiary, #555)}.sp-status--resolved{background:#34c7591f;color:#34c759}.sp-status--closed{background:#ffffff0a;color:var(--text-tertiary, #555)}.sp-cat{font-size:10px;font-weight:500;padding:1px 6px;border-radius:3px;border:1px solid transparent;text-transform:capitalize}.sp-cat--billing{border-color:#ff95004d;color:#ff9500}.sp-cat--technical{border-color:#ff453a4d;color:#ff453a}.sp-cat--account{border-color:var(--border-light, rgba(255,255,255,.12));color:var(--text-secondary, #888)}.sp-cat--feature{border-color:var(--border, rgba(255,255,255,.08));color:var(--text-tertiary, #555)}.sp-cat--gdpr{border-color:#8e8e934d;color:#8e8e93}.sp-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.sp-main-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary, #555)}.sp-main-empty-title{font-size:16px;font-weight:500;color:var(--text-secondary, #888);margin:0}.sp-main-empty-sub{font-size:13px;margin:0 0 20px}.sp-thread-wrap{display:flex;flex-direction:column;height:100%}.sp-thread-head{padding:20px 32px 16px;border-bottom:1px solid var(--border, rgba(255,255,255,.08));display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.sp-thread-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sp-thread-title{font-size:17px;font-weight:600;color:var(--text, #e8e8e8);margin:0 0 4px;letter-spacing:-.01em}.sp-thread-opened{font-size:11px;color:var(--text-tertiary, #555);margin:0}.sp-close-btn{background:transparent;border:1px solid var(--border-light, rgba(255,255,255,.12));border-radius:6px;color:var(--text-tertiary, #555);padding:6px 14px;font-size:12px;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s;font-family:inherit;flex-shrink:0}.sp-close-btn:hover{border-color:var(--text-secondary, #888);color:var(--text, #e8e8e8)}.sp-messages{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:20px}.sp-messages::-webkit-scrollbar{width:4px}.sp-messages::-webkit-scrollbar-track{background:transparent}.sp-messages::-webkit-scrollbar-thumb{background:var(--border-light, rgba(255,255,255,.12))}.sp-msg{display:flex;gap:12px;align-items:flex-start}.sp-msg--admin{flex-direction:row-reverse}.sp-msg-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface, #111);border:1px solid var(--border-light, rgba(255,255,255,.12));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-secondary, #888);flex-shrink:0}.sp-msg--admin .sp-msg-avatar{background:var(--bg-elevated, #111);color:var(--text, #e8e8e8);border-color:#fff3}.sp-msg-body{max-width:65%}.sp-msg--admin .sp-msg-body{text-align:right}.sp-msg-who{display:flex;align-items:center;gap:8px;margin-bottom:5px}.sp-msg--admin .sp-msg-who{flex-direction:row-reverse}.sp-msg-name{font-size:12px;font-weight:600;color:var(--text-secondary, #888)}.sp-msg-time{font-size:11px;color:var(--text-tertiary, #555)}.sp-msg-text{background:var(--surface, #111);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:10px;padding:10px 14px;font-size:13px;color:var(--text, #e8e8e8);line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word}.sp-msg--admin .sp-msg-text{background:var(--bg-elevated, #161616);border-color:#ffffff26}.sp-reply-bar{border-top:1px solid var(--border, rgba(255,255,255,.08));padding:16px 32px;flex-shrink:0}.sp-reply-input{width:100%;background:var(--surface, #111);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:8px;padding:10px 14px;font-size:13px;color:var(--text, #e8e8e8);font-family:inherit;resize:none;outline:none;transition:border-color .15s;line-height:1.5}.sp-reply-input:focus{border-color:var(--border-light, rgba(255,255,255,.2))}.sp-reply-input::placeholder{color:var(--text-tertiary, #555)}.sp-reply-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.sp-reply-hint{font-size:11px;color:var(--text-tertiary, #555)}.sp-closed-bar{border-top:1px solid var(--border, rgba(255,255,255,.08));padding:16px 32px;font-size:13px;color:var(--text-tertiary, #555);flex-shrink:0}.sp-reopen-link{background:none;border:none;color:var(--text-secondary, #888);text-decoration:underline;cursor:pointer;font-size:13px;font-family:inherit}.sp-btn-primary{background:var(--white, #fff);color:var(--bg, #0a0a0a);border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.sp-btn-primary:hover:not(:disabled){background:#e8e8e8}.sp-btn-primary:disabled{opacity:.35;cursor:not-allowed}.sp-btn-ghost{background:transparent;border:1px solid var(--border-light, rgba(255,255,255,.12));border-radius:6px;padding:8px 18px;font-size:13px;color:var(--text-secondary, #888);cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.sp-btn-ghost:hover{border-color:var(--text-secondary, #888);color:var(--text, #e8e8e8)}.sp-btn-new{background:var(--white, #fff);color:var(--bg, #0a0a0a);border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.sp-btn-new:hover{background:#e8e8e8}.sp-btn-new--inline{margin-top:4px}.sp-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;animation:sp-fade .2s ease}@keyframes sp-fade{0%{opacity:0}to{opacity:1}}.sp-modal{background:var(--bg-card, #161616);border:1px solid var(--border-light, rgba(255,255,255,.12));border-radius:14px;width:100%;max-width:540px;box-shadow:0 40px 80px #00000080;animation:sp-slide .28s cubic-bezier(.22,1,.36,1)}@keyframes sp-slide{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.sp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border, rgba(255,255,255,.08))}.sp-modal-title{font-size:15px;font-weight:700;color:var(--text, #e8e8e8);margin:0;letter-spacing:-.01em}.sp-modal-close{background:none;border:none;color:var(--text-tertiary, #555);font-size:16px;cursor:pointer;padding:2px 6px;transition:color .15s}.sp-modal-close:hover{color:var(--text, #e8e8e8)}.sp-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.sp-field{display:flex;flex-direction:column;gap:5px}.sp-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary, #555)}.sp-input,.sp-select,.sp-textarea{background:var(--surface, #111);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:6px;padding:9px 12px;font-size:13px;color:var(--text, #e8e8e8);font-family:inherit;outline:none;transition:border-color .15s}.sp-input:focus,.sp-select:focus,.sp-textarea:focus{border-color:var(--border-light, rgba(255,255,255,.2))}.sp-input::placeholder,.sp-textarea::placeholder{color:var(--text-tertiary, #555)}.sp-select{appearance:none}.sp-textarea{resize:vertical;line-height:1.5}.sp-modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border, rgba(255,255,255,.08))}.v2{--black: #000;--near-black: #0a0a0a;--charcoal: #111;--dark-gray: #1a1a1a;--mid-gray: #333;--muted: #666;--light-gray: #999;--off-white: #ccc;--white: #f5f5f7;--accent: #fff;--brand: #a78bfa;--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--font-body: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;background:var(--black);color:var(--white);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.v2 *,.v2 *:before,.v2 *:after{box-sizing:border-box}.v2-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:transparent;border-bottom:1px solid transparent;transition:background .4s ease,border-color .4s ease,padding .4s ease}.v2-nav.is-scrolled{padding:1rem 3rem;background:#000000b8;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom-color:#ffffff0f}.v2-brand-icon{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.v2-brand-icon img{height:44px;width:auto;display:block;filter:brightness(1) drop-shadow(0 0 0px rgba(167,139,250,0));transform:scale(1);transition:filter .35s ease,transform .35s ease}.v2-brand-icon:hover img{filter:brightness(1.15) drop-shadow(0 0 14px rgba(167,139,250,.55));transform:scale(1.07)}.v2-brand{display:flex;align-items:baseline;gap:2px;text-decoration:none}.v2-brand-gb{font-size:1.1rem;font-weight:700;color:var(--brand);letter-spacing:-.02em}.v2-brand-word{font-size:1.1rem;font-weight:300;color:var(--white);letter-spacing:-.02em}.v2-nav-links{display:flex;gap:2.5rem}.v2-navlink{color:var(--light-gray);text-decoration:none;font-size:.85rem;font-weight:400;letter-spacing:.01em;transition:color .2s}.v2-navlink:hover{color:var(--white)}.v2-nav-right{display:flex;align-items:center;gap:1.5rem}.v2-nav-cta{background:var(--white);color:var(--black);padding:.5rem 1.25rem;border-radius:980px;font-size:.85rem;font-weight:500;text-decoration:none;transition:opacity .2s}.v2-nav-cta:hover{opacity:.85}.v2-hero{position:relative;width:100%;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--black)}.v2-hero-spline-bg{position:absolute;inset:0;z-index:1;opacity:.7}.v2-hero-spline-bg iframe{display:block;width:100%;height:100%;border:none}.v2-hero-scene{position:absolute;inset:0;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.v2-hero-scene iframe{display:block;width:100%;height:100%;border:none;pointer-events:none}.v2-hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 35%,transparent 60%);pointer-events:none;z-index:2}.v2-hero-overlay{position:absolute;inset:0;z-index:3;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.7) 100%);pointer-events:none}.v2-hero-content{position:absolute;z-index:4;bottom:11vh;left:0;right:0;padding:0 3rem;max-width:680px}.v2-hero-eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;font-weight:500;margin:0 0 1.25rem;font-family:var(--font-mono)}.v2-hero-h1{font-family:var(--font-display);font-size:clamp(2.4rem,4.5vw,4rem);font-weight:600;line-height:1.08;letter-spacing:-.035em;color:var(--white);margin:0 0 2rem}.v2-hero-h1 em{font-style:italic;font-weight:300;color:#ffffffbf}.v2-hero-ctas{display:flex;gap:.75rem;align-items:center}.v2-cta-primary{display:inline-block;background:var(--white);color:var(--black);padding:.85rem 2rem;border-radius:980px;font-size:1rem;font-weight:600;text-decoration:none;letter-spacing:-.01em;transition:all .25s ease}.v2-cta-primary:hover{background:#e8e8ed;transform:scale(1.02)}.v2-cta-primary--lg{padding:1.1rem 2.8rem;font-size:1.15rem}.v2-cta-ghost{display:inline-block;color:var(--light-gray);padding:.85rem 2rem;border-radius:980px;font-size:1rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,.15);transition:all .25s ease}.v2-cta-ghost:hover{border-color:#fff6;color:var(--white)}.v2-scroll-hint{position:absolute;bottom:2.5rem;right:3rem;z-index:10}.v2-scroll-hint span{display:block;width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);animation:v2-scroll-pulse 2s ease-in-out infinite}@keyframes v2-scroll-pulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.v2-characters{position:relative;width:100%;height:100vh;background:var(--black);overflow:hidden}.v2-characters-scene{position:absolute;inset:0;-webkit-transform:translateZ(0);transform:translateZ(0);isolation:isolate}.v2-characters-scene iframe{display:block;width:100%;height:100%;border:none;pointer-events:none}.v2-characters-fade-top{position:absolute;top:0;left:0;right:0;height:220px;background:linear-gradient(to bottom,#000 0%,transparent 100%);pointer-events:none;z-index:3}.v2-characters-fade-bottom{position:absolute;bottom:0;left:0;right:0;height:280px;background:linear-gradient(to top,#000 0%,transparent 100%);pointer-events:none;z-index:3}.v2-characters-text{position:absolute;bottom:6vh;left:0;right:0;z-index:5;text-align:center;padding:0 2rem;opacity:0;transform:translateY(32px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.v2-characters-text.is-on{opacity:1;transform:translateY(0)}.v2-teams-eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#fff6;font-weight:500;font-family:var(--font-mono);margin:0 0 1.25rem}.v2-teams-h{font-family:var(--font-display);font-size:clamp(2.5rem,5.5vw,5rem);font-weight:700;line-height:1.04;letter-spacing:-.04em;margin:0 0 1.25rem;color:#fff;text-shadow:0 2px 40px rgba(0,0,0,.8)}.v2-teams-sub{font-size:clamp(.95rem,1.5vw,1.15rem);color:#ffffff73;line-height:1.65;font-weight:300;max-width:520px;margin:0 auto}.v2-statement{padding:10rem 2rem;text-align:center;max-width:900px;margin:0 auto;opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.v2-statement.is-on{opacity:1;transform:translateY(0)}.v2-statement-eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 2rem;font-weight:500}.v2-statement-h{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin:0 0 1.5rem}.v2-statement-sub{font-size:1.15rem;color:var(--light-gray);line-height:1.7;font-weight:300}.v2-section{padding:8rem 2rem;border-top:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.v2-section.is-on{opacity:1;transform:translateY(0)}.v2-section-inner{max-width:720px;margin:0 auto}.v2-section--wide .v2-section-inner{max-width:900px}.v2-section-num{display:block;font-size:.75rem;font-weight:500;letter-spacing:.1em;color:var(--brand);margin-bottom:1.5rem;font-family:var(--font-mono)}.v2-section-h{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin:0 0 1.5rem}.v2-section-sub{font-size:1.05rem;color:var(--light-gray);line-height:1.7;max-width:600px;font-weight:300;margin:0 0 2rem}.v2-feat-list{list-style:none;padding:0;margin:0}.v2-feat-list li{position:relative;padding:.7rem 0 .7rem 1.5rem;font-size:.95rem;color:var(--off-white);border-bottom:1px solid rgba(255,255,255,.04)}.v2-feat-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--brand)}.v2-matrix{margin-top:2.5rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.v2-matrix-hdr{display:grid;grid-template-columns:1fr repeat(3,100px);background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.v2-matrix-hdr-feat{padding:1rem 1.5rem}.v2-matrix-hdr-role{padding:1rem .5rem;text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--off-white)}.v2-matrix-row{display:grid;grid-template-columns:1fr repeat(3,100px);border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s}.v2-matrix-row:last-child{border-bottom:none}.v2-matrix-row:hover{background:#ffffff05}.v2-matrix-feat{padding:.85rem 1.5rem;font-size:.9rem;color:var(--off-white)}.v2-matrix-cell{padding:.85rem .5rem;text-align:center;display:flex;align-items:center;justify-content:center}.v2-matrix-cell.yes{color:var(--brand)}.v2-matrix-cell.no{color:var(--mid-gray);font-size:.85rem}.v2-split-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem}.v2-split-card{background:var(--charcoal);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:border-color .3s}.v2-split-card:hover{border-color:#ffffff26}.v2-split-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:1rem}.v2-split-desc{font-size:.95rem;color:var(--light-gray);line-height:1.6;margin:0 0 1.5rem}.v2-split-icon{color:var(--muted)}.v2-flow-steps{display:flex;gap:0;margin-top:2.5rem;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.v2-flow-step{flex:1;display:flex;align-items:center;gap:1rem;padding:1.5rem;border-right:1px solid rgba(255,255,255,.06);font-size:.9rem;color:var(--off-white);transition:background .2s}.v2-flow-step:last-child{border-right:none}.v2-flow-step:hover{background:#ffffff05}.v2-flow-step-n{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#a78bfa26;color:var(--brand);font-size:.75rem;font-weight:700}.v2-features{padding:8rem 2rem;border-top:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.v2-features.is-on{opacity:1;transform:translateY(0)}.v2-features-inner{max-width:1100px;margin:0 auto}.v2-features-h{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;letter-spacing:-.03em;margin:0 0 1rem;text-align:center}.v2-features-sub{font-size:1.05rem;color:var(--light-gray);text-align:center;max-width:550px;margin:0 auto 4rem;font-weight:300;line-height:1.7}.v2-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.v2-feat-card{background:var(--near-black);padding:2.5rem;transition:background .3s}.v2-feat-card:hover{background:var(--charcoal)}.v2-feat-n{display:block;font-size:.7rem;font-weight:600;font-family:var(--font-mono);color:var(--brand);letter-spacing:.1em;margin-bottom:1.2rem}.v2-feat-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin:0 0 .75rem;letter-spacing:-.01em}.v2-feat-body{font-size:.88rem;color:var(--light-gray);line-height:1.6;margin:0;font-weight:300}.v2-section--org .v2-section-inner{text-align:center;max-width:680px}.v2-price-block{margin:2rem 0 .5rem;display:flex;align-items:baseline;justify-content:center;gap:.25rem}.v2-price-amount{font-family:var(--font-display);font-size:3.5rem;font-weight:700;letter-spacing:-.03em}.v2-price-period{font-size:1.1rem;color:var(--muted);font-weight:300}.v2-price-note{font-size:.85rem;color:var(--muted)}.v2-org-checklist{list-style:none;padding:0;margin:2.5rem auto 0;max-width:360px;text-align:left}.v2-org-checklist li{font-size:.9rem;color:var(--off-white);border-bottom:1px solid rgba(255,255,255,.04);position:relative;padding:.6rem 0 .6rem 1.5rem}.v2-org-checklist li:before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:600;font-size:.8rem}.v2-blockquote{border:none;margin:2.5rem 0;padding:0;font-family:var(--font-display);font-size:1.3rem;font-weight:300;font-style:italic;color:var(--off-white);line-height:1.5}.v2-compare-table-wrap{margin-top:2.5rem;overflow-x:auto}.v2-compare-table{width:100%;border-collapse:collapse;font-size:.9rem}.v2-compare-table th,.v2-compare-table td{padding:.85rem 1.25rem;text-align:left}.v2-cmp-bad-th{color:var(--muted);font-weight:500;font-size:.8rem;letter-spacing:.02em}.v2-cmp-good-th{font-weight:600;font-size:.85rem}.v2-cmp-row{border-bottom:1px solid rgba(255,255,255,.04)}.v2-cmp-feat{color:var(--off-white)}.v2-cmp-bad{color:var(--mid-gray);text-align:center}.v2-cmp-good{color:var(--brand);text-align:center;font-weight:600}.v2-final{padding:10rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.v2-final.is-on{opacity:1;transform:translateY(0)}.v2-final-h{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.05;letter-spacing:-.04em;margin:0 0 1.5rem}.v2-final-sub{font-size:1.15rem;color:var(--light-gray);margin:0 0 2.5rem;font-weight:300}.v2-final-note{margin-top:1.5rem;font-size:.85rem;color:var(--muted)}.v2-footer{border-top:1px solid rgba(255,255,255,.06);padding:3rem 2rem}.v2-footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.v2-footer-links{display:flex;gap:2rem}.v2-footer-links a{color:var(--muted);text-decoration:none;font-size:.8rem;transition:color .2s}.v2-footer-links a:hover{color:var(--white)}.v2-footer-copy{font-size:.75rem;color:var(--mid-gray)}@media(max-width:900px){.v2-nav{padding:1rem 1.5rem}.v2-nav-links{display:none}.v2-hero-scene{width:100%;opacity:.4}.v2-hero-scene:before{background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,transparent 40%)}.v2-hero-content{padding:0 2rem 5rem}.v2-characters{height:120vh}.v2-characters-text{padding:0 1.5rem}.v2-split-cards{grid-template-columns:1fr}.v2-flow-steps{flex-direction:column}.v2-flow-step{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.v2-flow-step:last-child{border-bottom:none}.v2-feat-grid{grid-template-columns:1fr}.v2-matrix-hdr,.v2-matrix-row{grid-template-columns:1fr repeat(3,70px)}.v2-footer-inner{flex-direction:column;text-align:center}}@media(max-width:600px){.v2-hero-badges{flex-wrap:wrap}.v2-hero-h1{font-size:2.5rem}.v2-hero-ctas{flex-direction:column;align-items:flex-start}.v2-characters{height:100vh}.v2-teams-h{font-size:2.2rem}.v2-statement{padding:6rem 1.5rem}.v2-section,.v2-features{padding:5rem 1.5rem}.v2-final{padding:6rem 1.5rem}}:root{--grey-00: #FFFFFF;--grey-05: #FAFAFA;--grey-10: #F5F5F5;--grey-15: #EBEBEB;--grey-20: #E0E0E0;--grey-30: #C7C7C7;--grey-50: #8C8C8C;--grey-70: #5C5C5C;--grey-90: #2E2E2E;--grey-100: #141414;--bg-void: #E8E8E8;--bg-ground: #F2F2F2;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-floating: #FFFFFF;--gradient-surface: linear-gradient(180deg, #FFFFFF 0%, #FCFCFC 60%, #F9F9F9 100%);--gradient-ground: linear-gradient(180deg, #F5F5F5 0%, #EFEFEF 100%);--gradient-elevated: linear-gradient(165deg, #FFFFFF 0%, #FEFEFE 100%);--gradient-inset: linear-gradient(180deg, #F7F7F7 0%, #FBFBFB 100%);--shadow-xs: 0 1px 2px rgba(0,0,0,.03);--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 4px 16px rgba(0,0,0,.08);--shadow-xl: 0 8px 32px rgba(0,0,0,.12);--shadow-inset: inset 0 1px 2px rgba(0,0,0,.06);--shadow-lift-sm: 0 2px 4px rgba(0,0,0,.04);--shadow-lift-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lift-lg: 0 6px 20px rgba(0,0,0,.08);--border-subtle: #EBEBEB;--border-default: #E0E0E0;--border-strong: #C7C7C7;--border-focus: #141414;--text-primary: #141414;--text-secondary: #2E2E2E;--text-body: #5C5C5C;--text-muted: #8C8C8C;--text-disabled: #C7C7C7;--text-inverse: #FFFFFF;--color-error: #DC2626;--color-error-bg: #FEF2F2;--color-error-border: #FECACA;--color-warning: #D97706;--color-warning-bg: #FFFBEB;--color-warning-border: #FDE68A;--color-success: #16A34A;--color-success-bg: #F0FDF4;--color-success-border: #BBF7D0;--color-info: #2563EB;--color-info-bg: #EFF6FF;--color-info-border: #BFDBFE;--hover-bg: #FAFAFA;--hover-border: #C7C7C7;--active-bg: #F5F5F5;--active-border: #C7C7C7;--selected-bg: #FAFAFA;--selected-accent: #141414;--focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 4px #141414;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--text-3xl: 32px;--text-2xl: 24px;--text-xl: 18px;--text-lg: 15px;--text-md: 14px;--text-base: 13px;--text-sm: 12px;--text-xs: 11px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--tracking-tight: -.03em;--tracking-snug: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .06em;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .4s;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-popover: 400;--z-tooltip: 500;--z-toast: 600}.surface-ground{background:var(--gradient-ground)}.surface-panel{background:var(--gradient-surface)}.surface-elevated{background:var(--gradient-elevated);box-shadow:var(--shadow-md)}.surface-inset{background:var(--gradient-inset);box-shadow:var(--shadow-inset);border:1px solid var(--border-default)}.interactive{transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.interactive:hover{background:var(--hover-bg);border-color:var(--hover-border)}.interactive:active{background:var(--active-bg);transform:translateY(1px)}.liftable{transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.liftable:hover{background:var(--hover-bg);box-shadow:var(--shadow-lift-sm)}.selectable.selected{background:var(--selected-bg);box-shadow:var(--shadow-md);position:relative}.selectable.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--selected-accent)}.focusable:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-display{font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary)}.text-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);line-height:var(--leading-tight);color:var(--text-secondary)}.text-heading{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);line-height:var(--leading-snug);color:var(--text-secondary)}.text-subhead{font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);line-height:var(--leading-normal);color:var(--text-body)}.text-body{font-size:var(--text-md);font-weight:var(--weight-normal);letter-spacing:var(--tracking-normal);line-height:var(--leading-relaxed);color:var(--text-body)}.text-ui{font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);line-height:var(--leading-normal);color:var(--text-body)}.text-caption{font-size:var(--text-sm);font-weight:var(--weight-normal);letter-spacing:var(--tracking-wide);line-height:var(--leading-normal);color:var(--text-muted)}.text-micro{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);line-height:var(--leading-snug);color:var(--text-muted);text-transform:uppercase}@font-face{font-family:"Jacquard 12";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Jacquard12.ttf) format("truetype")}@font-face{font-family:Stack Sans Notch;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/StackSansNotch-300.ttf) format("truetype")}@font-face{font-family:Stack Sans Notch;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/StackSansNotch-400.ttf) format("truetype")}@font-face{font-family:Stack Sans Notch;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/StackSansNotch-500.ttf) format("truetype")}@font-face{font-family:Stack Sans Notch;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/StackSansNotch-600.ttf) format("truetype")}@font-face{font-family:Stack Sans Notch;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/StackSansNotch-700.ttf) format("truetype")}:root{--bg: var(--bg-ground, #F2F2F2);--bg-elevated: var(--bg-surface, #FFFFFF);--bg-card: var(--grey-05, #FAFAFA);--bg-hover: var(--hover-bg, #FAFAFA);--bg-input: var(--grey-10, #F5F5F5);--white: #FFFFFF;--text: var(--text-secondary, #2E2E2E);--text-secondary: var(--text-body, #5C5C5C);--text-muted: var(--grey-50, #8C8C8C);--border: var(--border-default, #E0E0E0);--border-light: var(--border-subtle, #EBEBEB);--border-focus: var(--grey-100, #141414);--accent-green: #16A34A;--accent-green-dim: rgba(22, 163, 74, .1);--accent-yellow: #D97706;--accent-red: #DC2626;--accent-blue: #2563EB;--font-display: "Jacquard 12", monospace;--font-body: "Stack Sans Notch", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Space Mono", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 4px 16px rgba(0,0,0,.08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::selection{background:var(--grey-100, #141414);color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--grey-30, #C7C7C7);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--grey-50, #8C8C8C)}*{scrollbar-width:thin;scrollbar-color:var(--grey-30) transparent}:focus-visible{outline:2px solid var(--grey-100, #141414);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s var(--ease-out-expo)}.animate-slide-up{animation:slideUp .6s var(--ease-out-expo)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-green)}.text-primary{color:var(--text)}.bg-surface{background:var(--bg-elevated)}.bg-ground{background:var(--bg)}.platform-macos{color-scheme:light;--macos-blue: #1d1d1f;--macos-blue-hover: #000000;--macos-blue-bg: rgba(29, 29, 31, .06);--macos-blue-selection: rgba(29, 29, 31, .08);--macos-red: #FF3B30;--macos-green: #34C759;--macos-orange: #FF9500;--macos-yellow: #FFCC00;--macos-purple: #AF52DE;--macos-pink: #FF2D55;--macos-teal: #5AC8FA;--macos-indigo: #5856D6;--macos-label: #1d1d1f;--macos-label-secondary: #636366;--macos-label-tertiary: #8e8e93;--macos-label-quaternary: #aeaeb2;--macos-bg-primary: #FFFFFF;--macos-bg-secondary: #F2F2F7;--macos-bg-tertiary: #FFFFFF;--macos-bg-grouped: #F2F2F7;--macos-separator: rgba(0, 0, 0, .08);--macos-separator-opaque: #C6C6C8;--macos-fill: rgba(120, 120, 128, .2);--macos-fill-secondary: rgba(120, 120, 128, .16);--macos-fill-tertiary: rgba(120, 120, 128, .12);--macos-fill-quaternary: rgba(120, 120, 128, .08);--spring-bounce: cubic-bezier(.34, 1.56, .64, 1);--spring-smooth: cubic-bezier(.25, 1, .5, 1);--spring-snappy: cubic-bezier(.2, .8, .2, 1);--dur-fast: .15s;--dur-normal: .25s;--dur-slow: .35s;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, "Menlo", monospace;--accent: var(--macos-blue);--accent-dim: var(--macos-blue-bg);--border: var(--macos-separator);--border-default: var(--macos-separator);--border-subtle: var(--macos-separator);--text-primary: var(--macos-label);--text-secondary: var(--macos-label);--text-body: var(--macos-label-secondary);--text-muted: var(--macos-label-tertiary);--color-error: var(--macos-red);--color-success: var(--macos-green);--color-warning: var(--macos-orange);--accent-green: var(--macos-green);--accent-red: var(--macos-red);--accent-yellow: var(--macos-orange);--accent-blue: var(--macos-blue);--bg-void: var(--macos-bg-secondary);--bg-ground: var(--macos-bg-secondary);--bg-surface: var(--macos-bg-primary);--grey-100: var(--macos-label);--text-tertiary: var(--macos-label-tertiary);--surface: var(--macos-bg-secondary);--bg-card: var(--macos-bg-tertiary);--bg-card-hover: var(--macos-fill-quaternary);--bg-hover: var(--macos-fill-quaternary);--border-light: var(--macos-separator)}.platform-macos,.platform-macos body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.47}.platform-macos .font-display{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}.platform-macos .font-mono,.platform-macos code,.platform-macos pre{font-family:SF Mono,ui-monospace,Menlo,monospace}.platform-macos,.platform-macos body,.platform-macos #root,.platform-macos .mail-app{background:transparent!important}.platform-macos .main-panel{background:#ffffffeb!important;border-radius:0}.platform-macos .message-list-panel{background:transparent!important}.platform-macos .thread-panel{background:#fffffff5!important}.platform-macos .message-list{background:#ffffffd9!important}.platform-macos .thread-messages-pane{background:#fffffff5!important}.platform-macos .thread-reply-panel{background:#fffffffa!important}.platform-macos .settings-panel{background:#fffffff2!important}.platform-macos :focus-visible{outline:none;box-shadow:0 0 0 3px #1d1d1f26}.platform-macos button,.platform-macos [role=button],.platform-macos label,.platform-macos select,.platform-macos .folder-tab,.platform-macos .folder-dropdown-item,.platform-macos .message-row,.platform-macos .sidebar-item,.platform-macos .nav-link,.platform-macos .compose-btn,.platform-macos .setting-btn{cursor:default}.platform-macos a[href]{cursor:pointer}.platform-macos ::selection{background:#1d1d1f26;color:inherit}.platform-macos ::-webkit-scrollbar{width:8px;height:8px}.platform-macos ::-webkit-scrollbar-track{background:transparent}.platform-macos ::-webkit-scrollbar-thumb{background:#00000026;border-radius:100px;border:2px solid transparent;background-clip:content-box}.platform-macos ::-webkit-scrollbar-thumb:hover{background:#0000004d;background-clip:content-box}.platform-macos *{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.platform-macos .top-nav{border-bottom:.5px solid var(--macos-separator)}.platform-macos .dropdown-divider{border-top:.5px solid var(--macos-separator);border-bottom:none}.platform-macos .message-row{border-bottom:.5px solid var(--macos-separator)}.platform-macos .mail-app{background:transparent}.platform-macos .top-nav{-webkit-app-region:drag;height:auto;min-height:52px;padding:28px 16px 8px 78px;background:transparent;border-bottom:.5px solid rgba(0,0,0,.12)}.platform-macos .top-nav-left,.platform-macos .top-nav-right,.platform-macos .folder-tabs{-webkit-app-region:drag}.platform-macos .top-nav a,.platform-macos .top-nav button,.platform-macos .top-nav select,.platform-macos .top-nav input,.platform-macos .folder-dropdown,.platform-macos .folder-dropdown-trigger,.platform-macos .folder-dropdown-menu,.platform-macos .folder-tab,.platform-macos .add-folder-btn,.platform-macos .search-bar,.platform-macos .nav-right,.platform-macos .folder-separator{-webkit-app-region:no-drag}.platform-macos .thread-header-unified{-webkit-app-region:drag}.platform-macos .thread-header-unified a,.platform-macos .thread-header-unified button{-webkit-app-region:no-drag}.platform-macos .settings-header,.platform-macos .compose-header{-webkit-app-region:drag}.platform-macos .settings-header a,.platform-macos .settings-header button,.platform-macos .compose-header a,.platform-macos .compose-header button{-webkit-app-region:no-drag}.platform-macos .list-toolbar{-webkit-app-region:drag}.platform-macos .list-toolbar button,.platform-macos .list-toolbar select,.platform-macos .list-toolbar input,.platform-macos .list-toolbar a,.platform-macos .list-toolbar .search-box,.platform-macos .list-toolbar .batch-bar,.platform-macos .list-toolbar .batch-select-all,.platform-macos .list-toolbar .sort-dropdown-menu,.platform-macos .search-filter-bar,.platform-macos .filter-pills-inline,.platform-macos .logo{-webkit-app-region:no-drag}.platform-macos .logo-gb{letter-spacing:-.02em}.platform-macos .nav-link{height:28px;padding:0 10px;border-radius:6px;font-size:13px;font-weight:500;color:var(--macos-blue);display:inline-flex;align-items:center;transition:background var(--dur-fast) ease}.platform-macos .nav-link:hover{background:#0000000d}.platform-macos .nav-link:active{background:#00000014}.platform-macos .compose-btn{background:var(--macos-blue);color:#fff;border:none;border-radius:8px;height:32px;padding:0 16px;font-size:13px;font-weight:500;transition:filter var(--dur-fast) ease}.platform-macos .compose-btn:hover{filter:brightness(1.08)}.platform-macos .compose-btn:active{filter:brightness(.92)}.platform-macos .folder-tabs{gap:2px}.platform-macos .folder-tab{height:28px;padding:0 10px;border-radius:6px;font-size:13px;font-weight:400;color:var(--macos-label);border:none;background:transparent;transition:background var(--dur-fast) ease}.platform-macos .folder-tab:hover{background:#0000000a}.platform-macos .folder-tab.active{background:var(--macos-blue-selection);color:var(--macos-blue);font-weight:500}.platform-macos .unread-count{min-width:20px;height:18px;border-radius:9px;background:var(--macos-label-tertiary);color:#fff;font-size:11px;font-weight:600;padding:0 6px;display:inline-flex;align-items:center;justify-content:center}.platform-macos .folder-tab.active .unread-count{background:var(--macos-blue)}.platform-macos .folder-dropdown-menu{border-radius:8px;border:.5px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #00000029,0 0 0 .5px #0000000d;background:#ffffffbf;-webkit-backdrop-filter:saturate(180%) blur(40px);backdrop-filter:saturate(180%) blur(40px);padding:4px;overflow:hidden}.platform-macos .folder-dropdown-item{height:28px;padding:0 12px;border-radius:4px;font-size:13px;font-weight:400;color:var(--macos-label);display:flex;align-items:center;transition:background var(--dur-fast) ease}.platform-macos .folder-dropdown-item:hover{background:var(--macos-blue);color:#fff}.platform-macos .folder-dropdown-item.active{font-weight:500}.platform-macos .message-row{min-height:68px;padding:8px 12px;border-bottom:.5px solid var(--macos-separator);transition:background var(--dur-fast) ease}.platform-macos .message-row:hover{background:#00000005}.platform-macos .message-row.selected,.platform-macos .message-row.active{background:var(--macos-blue);border-radius:8px;border-bottom-color:transparent}.platform-macos .message-row.selected *,.platform-macos .message-row.active *{color:#fff!important}.platform-macos .message-row .message-avatar{width:36px;height:36px;border-radius:50%;font-size:14px;font-weight:600;flex-shrink:0}.platform-macos .message-row .star-btn{font-size:16px;background:none;border:none;padding:2px;opacity:.3;transition:opacity var(--dur-fast) ease}.platform-macos .message-row .star-btn.starred{opacity:1;color:var(--macos-orange)}.platform-macos .message-row:hover .star-btn{opacity:.7}.platform-macos .message-row .message-content{flex:1;min-width:0}.platform-macos .message-row .message-top-row{display:flex;align-items:center;gap:6px}.platform-macos .message-row .sender-name{font-size:13px;font-weight:600;color:var(--macos-label)}.platform-macos .message-row .thread-count{font-size:10px;font-weight:600;color:var(--macos-label-tertiary);background:var(--macos-fill-quaternary);border-radius:8px;padding:1px 5px;min-width:16px;text-align:center}.platform-macos .message-row .message-indicators{display:flex;align-items:center;gap:3px}.platform-macos .message-row .indicator{color:var(--macos-label-quaternary);font-size:10px;padding:1px 3px;border-radius:3px;background:var(--macos-fill-quaternary);gap:3px}.platform-macos .message-row .indicator svg{width:10px;height:10px}.platform-macos .message-row .indicator.encrypted{color:var(--macos-green);background:#34c75914}.platform-macos .message-row .indicator .indicator-label{max-width:55px}.platform-macos .message-row .folder-dot{width:6px;height:6px;border-radius:50%}.platform-macos .message-row .message-subject{font-size:13px;font-weight:400;color:var(--macos-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-macos .message-row.unread .sender-name{font-weight:700}.platform-macos .message-row.unread .message-subject{font-weight:500;color:var(--macos-label)}.platform-macos .message-row.unread:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--macos-blue);flex-shrink:0}.platform-macos .message-row .message-date{font-size:11px;color:var(--macos-label-tertiary);flex-shrink:0;margin-left:auto}.platform-macos .mailbox-tabs{display:flex;align-items:center;gap:2px;padding:6px 12px;border-bottom:.5px solid rgba(0,0,0,.08);background:transparent}.platform-macos .mailbox-tab{height:24px;padding:0 10px;border-radius:5px;font-size:12px;font-weight:400;color:var(--macos-label-secondary);border:none;background:transparent;transition:all var(--dur-fast) ease;white-space:nowrap}.platform-macos .mailbox-tab:hover{background:#0000000a}.platform-macos .mailbox-tab.active{background:var(--macos-blue);color:#fff;font-weight:500}.platform-macos .mailbox-divider{font-size:10px;font-weight:600;color:var(--macos-label-quaternary);text-transform:uppercase;letter-spacing:.5px;padding:0 6px}.platform-macos .mailbox-unread{font-size:10px;font-weight:600;background:#ffffff4d;border-radius:6px;padding:0 4px;margin-left:4px}.platform-macos .mailbox-tab.active .mailbox-unread{background:#ffffff4d}.platform-macos .list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:.5px solid rgba(0,0,0,.08);background:transparent;gap:8px}.platform-macos .toolbar-left,.platform-macos .toolbar-right{display:flex;align-items:center;gap:6px}.platform-macos .mark-all-read-btn{background:none;border:none;color:var(--macos-blue);font-size:12px;font-weight:500;padding:4px 8px;border-radius:5px}.platform-macos .mark-all-read-btn:hover{background:#0000000a}.platform-macos .sort-select{height:22px;font-size:12px;border-radius:5px;border:.5px solid rgba(0,0,0,.12);background:#ffffff80;color:var(--macos-label-secondary);padding:0 6px;appearance:auto;-webkit-appearance:auto}.platform-macos .refresh-btn{background:none;border:none;font-size:16px;color:var(--macos-label-tertiary);padding:2px 6px;border-radius:5px}.platform-macos .refresh-btn:hover{background:#0000000a;color:var(--macos-label)}.platform-macos .clear-search{background:none;border:none;color:var(--macos-label-tertiary);font-size:14px;padding:0 4px}.platform-macos .skeleton-row{padding:8px 12px;display:flex;align-items:center;gap:10px;border-bottom:.5px solid var(--macos-separator)}.platform-macos .skeleton-avatar{width:36px;height:36px;border-radius:50%;background:var(--macos-fill-quaternary)}.platform-macos .skeleton-content{flex:1}.platform-macos .skeleton-line{height:10px;border-radius:3px;background:var(--macos-fill-quaternary);margin-bottom:6px}.platform-macos .skeleton-name{width:120px}.platform-macos .skeleton-subject{width:200px}.platform-macos .skeleton-preview{width:160px}.platform-macos .skeleton-date{width:50px;height:10px;border-radius:3px;background:var(--macos-fill-quaternary)}@keyframes macos-shimmer{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}.platform-macos .skeleton-row{animation:macos-shimmer 1.5s ease-in-out infinite}.platform-macos input[type=search],.platform-macos .search-input,.platform-macos .search-box input{height:28px;border-radius:6px;border:.5px solid rgba(0,0,0,.1);background:#0000000a;padding:0 8px 0 28px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;color:var(--macos-label)}.platform-macos input[type=search]::placeholder,.platform-macos .search-input::placeholder,.platform-macos .search-box input::placeholder{color:var(--macos-label-tertiary)}.platform-macos input[type=search]:focus,.platform-macos .search-input:focus,.platform-macos .search-box input:focus{outline:none;border-color:var(--macos-blue);box-shadow:0 0 0 3px #1d1d1f1f}.platform-macos input[type=text],.platform-macos input[type=email],.platform-macos input[type=password],.platform-macos input[type=url],.platform-macos input[type=number],.platform-macos textarea{height:28px;border-radius:6px;border:.5px solid rgba(0,0,0,.1);background:#fff;padding:0 8px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;color:var(--macos-label);box-shadow:inset 0 .5px 1px #0000000d;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.platform-macos textarea{height:auto;padding:6px 8px;line-height:1.47}.platform-macos input:focus,.platform-macos textarea:focus{outline:none;border-color:var(--macos-blue);box-shadow:0 0 0 3px #1d1d1f1f,inset 0 .5px 1px #0000000d}.platform-macos input::placeholder,.platform-macos textarea::placeholder{color:var(--macos-label-quaternary)}.platform-macos select{appearance:auto;-webkit-appearance:auto;height:24px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;border-radius:6px;border:.5px solid rgba(0,0,0,.12);background:#fff9;color:var(--macos-label);padding:0 6px}.platform-macos .btn-primary,.platform-macos button[type=submit]{background:var(--macos-blue);color:#fff;border:none;border-radius:6px;height:28px;padding:0 14px;font-size:13px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;transition:filter var(--dur-fast) ease}.platform-macos .btn-primary:hover,.platform-macos button[type=submit]:hover{filter:brightness(1.08)}.platform-macos .btn-primary:active,.platform-macos button[type=submit]:active{filter:brightness(.92)}.platform-macos .setting-btn{background:#ffffff8c;-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px);border:.5px solid rgba(0,0,0,.08);border-radius:8px;height:auto;padding:10px 14px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;color:var(--macos-label);box-shadow:0 .5px 2px #0000000a;display:flex;justify-content:space-between;align-items:center;cursor:default;transition:background var(--dur-fast) ease}.platform-macos .setting-btn:hover{background:#ffffffb3;filter:none}.platform-macos .setting-btn:active{background:#00000008;filter:none}.platform-macos .setting-btn-label{color:var(--macos-label);font-weight:500}.platform-macos .setting-btn-meta{color:var(--macos-label-tertiary);font-size:11px}.platform-macos .setting-btn-arrow{color:var(--macos-label-tertiary);font-size:12px}.platform-macos .btn-secondary,.platform-macos .btn-ghost{background:var(--macos-fill-quaternary);color:var(--macos-blue);border:none;border-radius:6px;height:28px;padding:0 14px;font-size:13px;font-weight:500;transition:background var(--dur-fast) ease}.platform-macos .btn-secondary:hover,.platform-macos .btn-ghost:hover{background:var(--macos-fill-tertiary)}.platform-macos .delete-btn,.platform-macos .logout-btn,.platform-macos .btn-danger{color:var(--macos-red)}.platform-macos .folder-modal,.platform-macos .dialog-content,.platform-macos .modal-content{border-radius:12px;border:.5px solid rgba(255,255,255,.6);box-shadow:0 16px 48px #00000029,0 0 0 .5px #0000000d;background:#ffffffbf;-webkit-backdrop-filter:saturate(180%) blur(40px);backdrop-filter:saturate(180%) blur(40px);animation:macos-modal-enter .25s var(--spring-bounce) both}.platform-macos .folder-modal{padding:20px 24px;max-width:340px}.platform-macos .folder-modal h3{font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 16px;text-align:center;color:var(--macos-label, var(--text-primary))}.platform-macos .folder-modal-row input{font-size:13px;padding:8px 10px;border-radius:6px;background:#0000000a;border:.5px solid var(--macos-separator, rgba(0,0,0,.12));box-shadow:0 .5px 1px #0000000f inset}.platform-macos .folder-modal-row input:focus{border-color:var(--macos-accent, #007AFF);box-shadow:0 0 0 3px #007aff33,0 .5px 1px #0000000f inset}.platform-macos .folder-modal-hint{font-size:11px;color:var(--macos-label-secondary, var(--text-muted));text-align:center;margin:0 0 16px}.platform-macos .folder-modal-actions{gap:8px}.platform-macos .folder-modal-actions button{font-size:13px;padding:6px 16px;border-radius:6px;font-weight:500}.platform-macos .folder-modal-actions button[type=button]:not(.delete-btn){background:#0000000f;border:.5px solid rgba(0,0,0,.08);color:var(--macos-label, var(--text-body))}.platform-macos .folder-modal-actions button[type=button]:not(.delete-btn):hover{background:#0000001a}.platform-macos .folder-modal-actions button[type=submit]{background:var(--macos-accent, #007AFF);color:#fff;border:none;box-shadow:0 .5px 1px #0000001f}.platform-macos .folder-modal-actions button[type=submit]:hover:not(:disabled){filter:brightness(1.08);transform:none}.platform-macos .folder-modal-actions button[type=submit]:active:not(:disabled){filter:brightness(.92);transform:none}@keyframes macos-modal-enter{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.platform-macos .folder-modal-backdrop,.platform-macos .dialog-overlay,.platform-macos .modal-overlay{background:#0000004d;animation:macos-fade-in .2s ease}@keyframes macos-fade-in{0%{opacity:0}to{opacity:1}}.platform-macos .settings-panel{background:#fffffff2}.platform-macos .settings-header{border-bottom:.5px solid var(--macos-separator);padding:12px 16px;display:flex;align-items:center;gap:8px}.platform-macos .settings-header h2{font-size:15px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}.platform-macos .settings-back-btn{background:none;border:none;color:var(--macos-blue);font-size:13px;display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px}.platform-macos .settings-back-btn:hover{background:#0000000a}.platform-macos .settings-nav{background:transparent;border-right:.5px solid rgba(0,0,0,.06);padding:8px}.platform-macos .settings-nav-item{height:28px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:400;color:var(--macos-label-secondary);border:none;background:transparent;text-align:left;width:100%;display:flex;align-items:center;transition:all var(--dur-fast) ease}.platform-macos .settings-nav-item:hover{background:#0000000a}.platform-macos .settings-nav-item.active{background:var(--macos-blue);color:#fff;font-weight:500}.platform-macos .settings-nav-danger{color:var(--macos-red)!important}.platform-macos .settings-nav-danger:hover{background:#ff3b3014}.platform-macos .settings-avatar{width:40px;height:40px;border-radius:50%;font-size:16px;font-weight:600}.platform-macos .settings-nav-email{font-size:13px;font-weight:600;color:var(--macos-label)}.platform-macos .settings-nav-domain{font-size:11px;color:var(--macos-label-tertiary)}.platform-macos .settings-section-title{font-size:13px;font-weight:600;color:var(--macos-label)}.platform-macos .settings-section-hint{font-size:12px;color:var(--macos-label-tertiary)}.platform-macos .settings-section-content{padding:12px 16px;border-bottom:.5px solid var(--macos-separator)}.platform-macos .settings-security-card{background:#ffffff8c;-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px);border:.5px solid rgba(0,0,0,.08);border-radius:10px;padding:16px;box-shadow:0 .5px 2px #0000000a}.platform-macos .settings-pref-card-title{font-size:13px;font-weight:600;color:var(--macos-label)}.platform-macos .settings-2fa-btn{font-size:13px;font-weight:500;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;cursor:default}.platform-macos .settings-2fa-btn.primary{background:var(--macos-blue);color:#fff;border-color:transparent}.platform-macos .settings-2fa-code-input{font-family:SF Mono,ui-monospace,Menlo,monospace;border-radius:6px;border:.5px solid rgba(0,0,0,.12);background:#fffc}.platform-macos .settings-2fa-code-input:focus{border-color:var(--macos-blue);box-shadow:0 0 0 3px #1d1d1f14}.platform-macos .settings-2fa-secret{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:12px;border-radius:6px}.platform-macos .settings-2fa-backup-code{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:12px;border-radius:4px}.platform-macos .settings-2fa-info-row{border-radius:6px;border:.5px solid rgba(0,0,0,.08);font-size:13px}.platform-macos .settings-session-row{border-radius:8px;border:.5px solid rgba(0,0,0,.08);padding:10px 14px;font-size:13px}.platform-macos .settings-session-device{font-size:13px}.platform-macos .settings-session-meta{font-size:11px}.platform-macos .settings-session-revoke-btn{font-size:12px;border-radius:6px;cursor:default}.platform-macos .settings-session-current-badge,.platform-macos .settings-session-device-type{font-size:11px}.platform-macos .settings-session-version-badge{font-size:10px;font-weight:500;padding:1px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap}.platform-macos .settings-privacy-card{background:#ffffff8c;-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px);border:.5px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 .5px 2px #0000000a}.platform-macos .settings-privacy-card-header h4{font-size:13px;font-weight:600;color:var(--macos-label)}.platform-macos .settings-privacy-card-header p{font-size:12px;color:var(--macos-label-tertiary)}.platform-macos .settings-privacy-fact{font-size:12px;color:var(--macos-label-secondary)}.platform-macos .settings-privacy-fact-check{color:var(--macos-green)}.platform-macos .logout-btn{border-radius:6px;font-size:13px;font-weight:500;cursor:default}.platform-macos .toast-container{inset:16px auto auto 50%!important;transform:translate(-50%)}.platform-macos .toast{border-radius:10px;border:.5px solid rgba(0,0,0,.1);box-shadow:0 4px 16px #0000001f;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:13px;padding:10px 16px;animation:macos-toast-in .3s var(--spring-smooth)}@keyframes macos-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.platform-macos .context-menu{border-radius:6px;border:.5px solid rgba(0,0,0,.15);box-shadow:0 10px 38px #00000038,0 0 0 .5px #0000000f;background:#f6f6f6d1;-webkit-backdrop-filter:saturate(200%) blur(28px);backdrop-filter:saturate(200%) blur(28px);padding:4px;min-width:180px;max-width:280px;font-size:13px;animation:macos-modal-enter .08s ease-out;-webkit-font-smoothing:antialiased;-webkit-app-region:no-drag}.platform-macos .context-menu-item{height:22px;padding:0 8px 0 6px;border-radius:4px;font-size:13px;color:var(--macos-label);display:flex;align-items:center;gap:6px;transition:none}.platform-macos .context-menu-item:hover{background:var(--macos-blue);color:#fff}.platform-macos .context-menu-item.danger{color:#ff3b30}.platform-macos .context-menu-item.danger:hover{background:#ff3b30;color:#fff}.platform-macos .context-menu-item.disabled{color:var(--macos-label-tertiary);opacity:1}.platform-macos .context-menu-item.disabled:hover{background:none;color:var(--macos-label-tertiary)}.platform-macos .context-menu-icon{width:16px;height:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.55;color:inherit}.platform-macos .context-menu-icon svg{display:block}.platform-macos .context-menu-item:hover .context-menu-icon{opacity:1;color:#fff}.platform-macos .context-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-macos .context-menu-shortcut{font-size:12px;color:var(--macos-label-secondary);margin-left:24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui}.platform-macos .context-menu-item:hover .context-menu-shortcut{color:#fffc}.platform-macos .context-menu-divider{height:0;border:none;border-top:.5px solid var(--macos-separator);margin:4px 8px;background:none}.platform-macos .context-menu-separator{height:0;border-top:.5px solid var(--macos-separator);margin:4px 8px}.platform-macos .spinner,.platform-macos .loading-spinner{width:20px;height:20px;border:2px solid var(--macos-fill);border-top-color:var(--macos-label-tertiary);border-radius:50%;animation:macos-spin .8s linear infinite}@keyframes macos-spin{to{transform:rotate(360deg)}}.platform-macos .compose-panel{background:#fffffff5;display:flex;flex-direction:column;overflow:hidden}.platform-macos .compose-header{border-bottom:.5px solid var(--macos-separator);padding:12px 16px;display:flex;align-items:center}.platform-macos .compose-back{background:none;border:none;color:var(--macos-blue);padding:4px;border-radius:6px}.platform-macos .compose-back:hover{background:#0000000a}.platform-macos .compose-title-group h2{font-size:15px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}.platform-macos .compose-draft-badge{font-size:11px;color:var(--macos-label-tertiary)}.platform-macos .compose-header-actions{display:flex;gap:8px;align-items:center}.platform-macos .compose-action-link{background:none;border:none;color:var(--macos-blue);font-size:13px;font-weight:500;padding:4px 10px;border-radius:6px}.platform-macos .compose-action-link:hover{background:#0000000a}.platform-macos .compose-form{padding:0;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.platform-macos .compose-form-scrollable{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.platform-macos .compose-field{border-bottom:.5px solid var(--macos-separator);padding:6px 16px;display:flex;align-items:center;gap:8px}.platform-macos .compose-label{font-size:12px;font-weight:500;color:var(--macos-label-secondary);min-width:40px;text-align:right}.platform-macos .compose-field-body{flex:1;min-width:0}.platform-macos .compose-cc-toggle{background:none;border:none;color:var(--macos-blue);font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px}.platform-macos .compose-cc-toggle:hover{background:#0000000a}.platform-macos .compose-subject-input{border:none!important;box-shadow:none!important;padding:0!important;height:24px!important;font-size:13px}.platform-macos .compose-from-trigger{font-size:13px;color:var(--macos-label);border-radius:6px;padding:3px 8px}.platform-macos .compose-from-trigger:hover{background:var(--macos-fill-quaternary)}.platform-macos .compose-from-menu{background:#fffffffa;backdrop-filter:blur(20px);border:.5px solid var(--macos-separator-opaque);border-radius:8px;box-shadow:0 8px 32px #0000002e,0 0 0 .5px #00000014}.platform-macos .compose-from-option{font-size:13px;border-radius:4px;padding:6px 8px}.platform-macos .compose-from-option:hover{background:var(--macos-fill-quaternary)}.platform-macos .compose-body{min-height:120px;flex:1 1 auto;padding:12px 16px}.platform-macos .compose-error{background:#ff3b3014;color:var(--macos-red);font-size:13px;padding:8px 16px;border-bottom:.5px solid rgba(255,59,48,.15)}.platform-macos .compose-send-btn{background:var(--macos-blue);color:#fff;border-radius:8px;height:32px;padding:0 20px;font-size:13px;font-weight:600;border:none;transition:filter var(--dur-fast) ease}.platform-macos .compose-send-btn:hover{filter:brightness(1.08)}.platform-macos .compose-send-btn:active{filter:brightness(.92)}.platform-macos .compose-send-btn:disabled{opacity:.5;filter:none}.platform-macos .compose-signature{border-top:.5px solid var(--macos-separator);padding:6px 16px;font-size:12px;color:var(--macos-label-tertiary);background:var(--macos-bg-secondary)}.platform-macos .compose-signature .signature-toggle{font-size:11px;color:var(--macos-label-secondary);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px}.platform-macos .compose-signature .signature-toggle:hover{color:var(--macos-label);background:var(--macos-fill-quaternary)}.platform-macos .compose-signature .signature-toggle-chevron{opacity:.6}.platform-macos .compose-signature-body{color:var(--macos-label-secondary);font-size:12px;border-top-color:var(--macos-separator)}.platform-macos .compose-signature-rule{font-size:11px;color:var(--macos-label-quaternary)}.platform-macos .compose-attachments{border-top:.5px solid var(--macos-separator);padding:8px 16px}.platform-macos .compose-att{border-radius:8px;border:.5px solid var(--macos-separator);background:var(--macos-fill-quaternary);padding:6px 10px;font-size:12px;margin-bottom:4px}.platform-macos .compose-att:hover{background:var(--macos-fill-tertiary)}.platform-macos .compose-att-name{font-weight:500;color:var(--macos-label)}.platform-macos .compose-att-meta{color:var(--macos-label-tertiary)}.platform-macos .compose-att-remove{background:none;border:none;color:var(--macos-label-tertiary);padding:2px;border-radius:4px}.platform-macos .compose-att-remove:hover{background:#ff3b301a;color:var(--macos-red)}.platform-macos .compose-att-mode-pill{font-size:10px;border-radius:4px;padding:2px 6px;border:.5px solid var(--macos-separator);background:var(--macos-fill-quaternary)}.platform-macos .compose-att-mode-pill:hover{background:var(--macos-fill-tertiary)}.platform-macos .compose-unified-toolbar{border-bottom:.5px solid var(--macos-separator);background:var(--macos-bg-secondary);padding:3px 12px;min-height:32px}.platform-macos .compose-tb-btn{font-size:11px;color:var(--macos-label-secondary);padding:3px 5px;border-radius:4px}.platform-macos .compose-tb-btn:hover{background:var(--macos-fill-quaternary);color:var(--macos-label)}.platform-macos .compose-tb-btn--on{background:var(--macos-fill-tertiary);color:var(--macos-label)}.platform-macos .compose-tb-sep{background:var(--macos-separator)}.platform-macos .compose-tb-delivery{font-size:11px;border:.5px solid var(--macos-separator);border-radius:6px;padding:3px 8px}.platform-macos .compose-tb-delivery:hover{background:var(--macos-fill-quaternary)}.platform-macos .compose-tb-delivery--open{background:var(--macos-fill-tertiary);border-color:var(--macos-label);color:var(--macos-label)}.platform-macos .compose-tb-label{font-size:10px}.platform-macos .compose-delivery-dropdown{border:.5px solid var(--macos-separator);border-radius:8px;box-shadow:0 4px 16px #00000026}.platform-macos .compose-delivery-opt{font-size:11px;border-radius:4px}.platform-macos .compose-delivery-opt:hover{background:var(--macos-fill-quaternary)}.platform-macos .compose-delivery-opt--on{background:var(--macos-fill-tertiary)}.platform-macos .compose-format-bar{border-bottom:.5px solid var(--macos-separator);background:var(--macos-bg-secondary);padding:3px 12px}.platform-macos .compose-fmt-btn{font-size:11px;color:var(--macos-label-secondary);padding:3px 5px;border-radius:4px}.platform-macos .compose-fmt-btn:hover{background:var(--macos-fill-quaternary);color:var(--macos-label)}.platform-macos .compose-fmt-sep{background:var(--macos-separator)}.platform-macos .compose-mode-picker{padding-top:4px}.platform-macos .compose-mode{font-size:11px;border:.5px solid var(--macos-separator);border-radius:6px;padding:3px 8px}.platform-macos .compose-mode:hover{background:var(--macos-fill-quaternary)}.platform-macos .compose-mode--on{background:var(--macos-fill-tertiary);border-color:var(--macos-label);color:var(--macos-label)}.platform-macos .thread-panel{background:var(--macos-bg-primary)}.platform-macos .thread-header-unified{border-bottom:.5px solid var(--macos-separator);padding:12px 16px}.platform-macos .thread-header-row-1{display:flex;align-items:center;gap:8px}.platform-macos .thread-header-actions button{background:none;border:none;color:var(--macos-blue);font-size:13px;padding:4px 8px;border-radius:6px}.platform-macos .thread-header-actions button:hover{background:#0000000a}.platform-macos .thread-subject-inline{font-size:17px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;color:var(--macos-label)}.platform-macos .thread-msg-count{font-size:12px;color:var(--macos-label-tertiary)}.platform-macos .thread-message{border-bottom:.5px solid var(--macos-separator);padding:12px 16px}.platform-macos .thread-message.from-me{background:#1d1d1f08}.platform-macos .thread-message .msg-header{display:flex;align-items:flex-start;gap:10px;font-size:13px}.platform-macos .thread-message .msg-avatar{width:32px;height:32px;border-radius:50%;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-macos .thread-message .msg-sender{font-weight:600;color:var(--macos-label)}.platform-macos .thread-message .msg-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--macos-fill-quaternary);color:var(--macos-label-tertiary)}.platform-macos .thread-message .msg-badge.you{background:#1d1d1f14;color:var(--macos-label)}.platform-macos .thread-message .msg-badge.new{background:#34c7591a;color:var(--macos-green)}.platform-macos .thread-message .msg-date{font-size:11px;color:var(--macos-label-tertiary)}.platform-macos .thread-message .msg-recipients{font-size:11px;color:var(--macos-label-quaternary)}.platform-macos .thread-message .msg-body,.platform-macos .thread-message .msg-body-html{font-size:13px;line-height:1.53;color:var(--macos-label);padding:8px 0 8px 42px;max-width:100%;overflow-x:auto;min-width:0}.platform-macos .thread-message .msg-body .quoted{color:var(--macos-label-tertiary);border-left:2px solid var(--macos-separator-opaque);padding-left:8px}.platform-macos .thread-message .msg-preview{font-size:12px;color:var(--macos-label-tertiary);padding:4px 0 0 42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-macos .thread-message .expand-toggle{color:var(--macos-label-tertiary);font-size:11px}.platform-macos .msg-attachments{padding:8px 0 0 42px}.platform-macos .msg-attachments-header{font-size:12px;color:var(--macos-label-secondary);margin-bottom:6px}.platform-macos .thread-reply-panel{border-left:.5px solid var(--macos-separator);background:var(--macos-bg-primary)}.platform-macos .reply-card{background:var(--macos-bg-primary)}.platform-macos .reply-card-header{border-bottom:.5px solid var(--macos-separator);padding:10px 12px}.platform-macos .reply-label{font-size:13px;font-weight:600;color:var(--macos-label)}.platform-macos .reply-to-badge{font-size:11px;color:var(--macos-label-tertiary)}.platform-macos .delivery-pill{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.platform-macos .delivery-pill.encrypted{background:#34c7591a;color:var(--macos-green)}.platform-macos .delivery-pill.standard{background:var(--macos-fill-quaternary);color:var(--macos-label-secondary)}.platform-macos .reply-att-mode,.platform-macos .compose-att-mode{appearance:auto;-webkit-appearance:auto;height:20px;font-size:11px;border-radius:4px;border:.5px solid rgba(0,0,0,.12);background:#ffffff80;color:var(--macos-label-secondary);padding:0 4px}.platform-macos .reply-card-scrollable{flex:1;min-height:0}.platform-macos .reply-card-body{flex:1;min-height:60px}.platform-macos .reply-card-footer{padding:6px 12px 8px;gap:4px}.platform-macos .reply-tool-btn{font-size:11px;padding:3px 5px;border-radius:4px}.platform-macos .reply-tool-btn:hover:not(:disabled){background:var(--macos-fill-quaternary);color:var(--macos-label)}.platform-macos .reply-tool-btn.active{background:var(--macos-fill-tertiary);color:var(--macos-label)}.platform-macos .reply-tool-label{font-size:10px}.platform-macos .reply-delivery-btn{font-size:11px;border:.5px solid var(--macos-separator);border-radius:6px}.platform-macos .reply-delivery-btn:hover{background:var(--macos-fill-quaternary)}.platform-macos .reply-delivery-btn--open{background:var(--macos-fill-tertiary);border-color:var(--macos-label)}.platform-macos .reply-delivery-dropdown{border:.5px solid var(--macos-separator);border-radius:8px;box-shadow:0 4px 16px #00000026}.platform-macos .reply-delivery-opt{font-size:11px;border-radius:4px}.platform-macos .reply-delivery-opt:hover{background:var(--macos-fill-quaternary)}.platform-macos .reply-delivery-opt--on{background:var(--macos-fill-tertiary)}.platform-macos .method-pill{font-size:11px}.platform-macos .encrypted-badge,.platform-macos .encryption-indicator{font-size:11px;font-weight:500;color:var(--macos-green);display:inline-flex;align-items:center;gap:4px}.platform-macos .mobile-nav,.platform-macos .mobile-sidebar,.platform-macos .mobile-sidebar-overlay{display:none!important}.platform-macos .empty-state{color:var(--macos-label-tertiary);font-size:15px}.platform-macos .empty-state-icon{font-size:48px;opacity:.4}.platform-macos .signature-overlay{background:#0000004d}.platform-macos .signature-editor-container{border-radius:12px;border:.5px solid rgba(0,0,0,.12);box-shadow:0 16px 48px #00000029;background:var(--macos-bg-primary)}.platform-macos .attachment-item{border-radius:8px;border:.5px solid var(--macos-separator);background:var(--macos-fill-quaternary);font-size:12px;padding:6px 10px}.platform-macos .attachment-item:hover{background:var(--macos-fill-tertiary)}@media(max-width:0px){.platform-macos{--macos-blue: #e5e5ea;--macos-blue-hover: #ffffff;--macos-blue-bg: rgba(229, 229, 234, .1);--macos-blue-selection: rgba(229, 229, 234, .14);--macos-red: #FF453A;--macos-green: #30D158;--macos-orange: #FF9F0A;--macos-yellow: #FFD60A;--macos-purple: #BF5AF2;--macos-pink: #FF375F;--macos-teal: #64D2FF;--macos-indigo: #5E5CE6;--macos-label: #f5f5f7;--macos-label-secondary: #a1a1a6;--macos-label-tertiary: #8e8e93;--macos-label-quaternary: #636366;--macos-bg-primary: rgba(28, 28, 30, .8);--macos-bg-secondary: rgba(0, 0, 0, .01);--macos-bg-tertiary: rgba(44, 44, 46, .75);--macos-bg-grouped: rgba(0, 0, 0, .01);--macos-separator: rgba(255, 255, 255, .12);--macos-separator-opaque: #48484a;--macos-fill: rgba(120, 120, 128, .36);--macos-fill-secondary: rgba(120, 120, 128, .32);--macos-fill-tertiary: rgba(120, 120, 128, .24);--macos-fill-quaternary: rgba(120, 120, 128, .18);--grey-00: #1c1c1e;--grey-05: #2c2c2e;--grey-10: #3a3a3c;--grey-15: #48484a;--grey-20: #636366;--grey-30: #8e8e93;--grey-50: #a1a1a6;--grey-70: #c7c7cc;--grey-90: #e5e5ea;--grey-100: #f5f5f7;--bg: transparent;--bg-void: transparent;--bg-ground: transparent;--bg-surface: var(--macos-bg-primary);--bg-elevated: var(--macos-bg-tertiary);--bg-floating: rgba(44, 44, 46, .95);--bg-card: rgba(44, 44, 46, .6);--bg-card-hover: rgba(58, 58, 60, .6);--bg-inset: rgba(0, 0, 0, .25);--gradient-surface: var(--macos-bg-primary);--gradient-ground: transparent;--gradient-elevated: var(--macos-bg-tertiary);--gradient-inset: rgba(0, 0, 0, .25);--bg-surface-gradient: var(--macos-bg-primary);--bg-elevated-gradient: var(--macos-bg-tertiary);--bg-ground-gradient: transparent;--bg-inset-gradient: rgba(0, 0, 0, .25);--text: var(--macos-label);--text-primary: var(--macos-label);--text-secondary: #e5e5ea;--text-tertiary: var(--macos-label-tertiary);--text-body: var(--macos-label-secondary);--text-muted: var(--macos-label-tertiary);--text-disabled: var(--macos-label-quaternary);--text-inverse: #1c1c1e;--border: var(--macos-separator);--border-default: var(--macos-separator);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .18);--border-focus: #e5e5ea;--color-error: #FF453A;--color-error-bg: rgba(255, 69, 58, .12);--color-error-border: rgba(255, 69, 58, .25);--color-warning: #FF9F0A;--color-warning-bg: rgba(255, 159, 10, .12);--color-warning-border: rgba(255, 159, 10, .25);--color-success: #30D158;--color-success-bg: rgba(48, 209, 88, .12);--color-success-border: rgba(48, 209, 88, .25);--color-info: #64D2FF;--color-info-bg: rgba(100, 210, 255, .12);--color-info-border: rgba(100, 210, 255, .25);--hover-bg: rgba(255, 255, 255, .06);--hover-border: rgba(255, 255, 255, .18);--active-bg: rgba(255, 255, 255, .1);--selected-bg: rgba(255, 255, 255, .08);--selected-accent: rgba(229, 229, 234, .15);--shadow-xs: 0 1px 2px rgba(0,0,0,.25);--shadow-sm: 0 1px 3px rgba(0,0,0,.35);--shadow-md: 0 2px 8px rgba(0,0,0,.4);--shadow-lg: 0 4px 16px rgba(0,0,0,.5);--shadow-xl: 0 8px 32px rgba(0,0,0,.6);--shadow-inset: inset 0 1px 2px rgba(0,0,0,.3);--shadow-lift-sm: 0 2px 4px rgba(0,0,0,.3);--shadow-lift-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lift-lg: 0 6px 20px rgba(0,0,0,.5);--accent: var(--macos-blue);--accent-dim: var(--macos-blue-bg);--accent-blue: var(--macos-blue);--accent-green: var(--macos-green);--accent-red: var(--macos-red);--accent-yellow: var(--macos-orange);--surface: transparent;--border-light: var(--macos-separator);--bg-hover: rgba(255, 255, 255, .06);--white: var(--macos-bg-primary);color-scheme:dark}.platform-macos .mail-app{background:transparent!important}.platform-macos .top-nav{background:#1e1e1e8c!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid rgba(255,255,255,.1)}.platform-macos .folder-tab{color:var(--macos-label-secondary)}.platform-macos .folder-tab.active{background:#ffffff14;color:var(--macos-label);border-bottom-color:var(--macos-label)}.platform-macos .folder-tab:hover{color:var(--macos-label)}.platform-macos .folder-dropdown-menu{background:#2c2c2eeb;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-color:#ffffff1f}.platform-macos .folder-dropdown-item{color:var(--macos-label)}.platform-macos .folder-dropdown-item:hover,.platform-macos .folder-dropdown-item.active{background:#ffffff14}.platform-macos .context-menu{background:#28282ad9;-webkit-backdrop-filter:saturate(200%) blur(28px);backdrop-filter:saturate(200%) blur(28px);border-color:#ffffff24;box-shadow:0 10px 38px #00000073,0 0 0 .5px #ffffff14}.platform-macos .context-menu-item{color:var(--macos-label)}.platform-macos .context-menu-item.danger{color:#ff453a}.platform-macos .context-menu-item.danger:hover{background:#ff453a;color:#fff}.platform-macos .context-menu-item.disabled{color:var(--macos-label-tertiary)}.platform-macos .context-menu-divider,.platform-macos .context-menu-separator{border-top-color:#ffffff1a}.platform-macos .context-menu-shortcut{color:var(--macos-label-tertiary)}.platform-macos .folder-modal,.platform-macos .dialog-content,.platform-macos .modal-content{background:#2c2c2ef2;-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);border-color:#ffffff1a;color:var(--macos-label)}.platform-macos .folder-modal-row input{background:#ffffff14;border-color:#ffffff1f;color:var(--macos-label);box-shadow:0 .5px 1px #0003 inset}.platform-macos .folder-modal-row input:focus{border-color:var(--macos-accent, #0A84FF);box-shadow:0 0 0 3px #0a84ff4d,0 .5px 1px #0003 inset}.platform-macos .folder-modal-actions button[type=button]:not(.delete-btn){background:#ffffff1a;border-color:#ffffff1f;color:var(--macos-label)}.platform-macos .folder-modal-actions button[type=button]:not(.delete-btn):hover{background:#ffffff26}.platform-macos .folder-modal-actions button[type=submit]{background:var(--macos-accent, #0A84FF)}.platform-macos .toast{background:#2c2c2eeb;border-color:#ffffff1a;color:var(--macos-label)}.platform-macos .list-toolbar{background:#1c1c1eb3!important;border-color:#ffffff14;color:var(--macos-label)}.platform-macos .sort-select{background:#ffffff0f;border-color:#ffffff1f;color:var(--macos-label-secondary)}.platform-macos select{background:#ffffff0f;border-color:#ffffff1f;color:var(--macos-label)}.platform-macos .reply-att-mode,.platform-macos .compose-att-mode{background:#ffffff0f;border-color:#ffffff1f;color:var(--macos-label-secondary)}.platform-macos .compose-from-select{background:#ffffff0f;border-color:#ffffff1f;color:var(--macos-label)}.platform-macos .mark-all-read-btn{color:var(--macos-label-secondary)}.platform-macos .mark-all-read-btn:hover,.platform-macos .refresh-btn:hover{background:#ffffff14}.platform-macos input[type=search],.platform-macos .search-input,.platform-macos .search-box input{background:#ffffff14;border-color:#ffffff1a;color:var(--macos-label)}.platform-macos .search-box input::placeholder{color:var(--macos-label-tertiary)}.platform-macos .message-list{background:#1c1c1e99!important}.platform-macos .message-row{background:transparent;color:var(--macos-label);border-bottom-color:#ffffff0f}.platform-macos .message-row:hover{background:#ffffff0d}.platform-macos .message-row.unread{background:#ffffff08;box-shadow:inset 3px 0 0 var(--macos-label)}.platform-macos .message-row .sender-name{color:var(--macos-label)}.platform-macos .message-row .message-subject{color:var(--macos-label-secondary)}.platform-macos .message-row .message-preview,.platform-macos .message-row .message-date{color:var(--macos-label-tertiary)}.platform-macos .message-row .thread-count{color:var(--macos-label-tertiary);background:var(--macos-fill-quaternary)}.platform-macos .message-row .indicator{background:#ffffff0f;color:var(--macos-label-tertiary)}.platform-macos .message-row .indicator.encrypted{color:var(--macos-green);background:#34c7591f}.platform-macos .message-avatar{background:var(--macos-fill-secondary);color:var(--macos-label)}.platform-macos .message-row.selected,.platform-macos .message-row.active{background:#ffffff1a}.platform-macos .unread-count,.platform-macos .mailbox-unread{background:var(--macos-label);color:#1c1c1e}.platform-macos .main-panel{background:#1c1c1eb3!important}.platform-macos .message-list-panel{background:transparent!important}.platform-macos .compose-header{background:#1c1c1e99;color:var(--macos-label)}.platform-macos .compose-header label{color:var(--macos-label-secondary)}.platform-macos .compose-container,.platform-macos .compose-panel{background:#1c1c1ed9;border-color:#ffffff1a;color:var(--macos-label)}.platform-macos .compose-field{border-color:#ffffff14;color:var(--macos-label)}.platform-macos .compose-field label{color:var(--macos-label-secondary)}.platform-macos .compose-send-btn{background:var(--macos-label);color:#1c1c1e}.platform-macos .compose-error{background:#ff453a1f;color:var(--macos-red);border-color:#ff453a33}.platform-macos .compose-att{background:var(--macos-fill-quaternary);border-color:var(--macos-separator);color:var(--macos-label)}.platform-macos .compose-back,.platform-macos .compose-action-link,.platform-macos .compose-cc-toggle{color:var(--macos-label-secondary)}.platform-macos .compose-back:hover,.platform-macos .compose-action-link:hover,.platform-macos .compose-cc-toggle:hover{background:#ffffff0f;color:var(--macos-label)}.platform-macos .compose-unified-toolbar{background:#1c1c1eb3;border-bottom-color:#ffffff1a}.platform-macos .compose-tb-btn{color:var(--macos-label-secondary)}.platform-macos .compose-tb-btn:hover{background:#ffffff0f;color:var(--macos-label)}.platform-macos .compose-tb-btn--on{background:#ffffff1a;color:var(--macos-label)}.platform-macos .compose-tb-sep,.platform-macos .compose-fmt-sep{background:#ffffff1a}.platform-macos .compose-tb-delivery{border-color:#ffffff1f;color:var(--macos-label-secondary)}.platform-macos .compose-tb-delivery:hover{background:#ffffff0f}.platform-macos .compose-tb-delivery--open{background:#ffffff1a;border-color:var(--macos-label);color:var(--macos-label)}.platform-macos .compose-format-bar{background:#1c1c1e80;border-bottom-color:#ffffff14}.platform-macos .compose-fmt-btn{color:var(--macos-label-secondary)}.platform-macos .compose-fmt-btn:hover{background:#ffffff0f;color:var(--macos-label)}.platform-macos .compose-mode{border-color:#ffffff1f;color:var(--macos-label-secondary)}.platform-macos .compose-mode:hover{background:#ffffff0f}.platform-macos .compose-mode--on{background:#ffffff1a;border-color:var(--macos-label);color:var(--macos-label)}.platform-macos .compose-delivery-dropdown{background:#28282af2;border-color:#ffffff1f;box-shadow:0 4px 16px #0006}.platform-macos .compose-delivery-opt{color:var(--macos-label-secondary)}.platform-macos .compose-delivery-opt:hover{background:#ffffff0f;color:var(--macos-label)}.platform-macos .compose-delivery-opt--on{background:#ffffff1a;color:var(--macos-label)}.platform-macos .reply-delivery-dropdown{background:#28282af2;border-color:#ffffff1f;box-shadow:0 4px 16px #0006}.platform-macos .reply-delivery-opt{color:var(--macos-label-secondary)}.platform-macos .reply-delivery-opt:hover{background:#ffffff0f;color:var(--macos-label)}.platform-macos .reply-delivery-opt--on{background:#ffffff1a;color:var(--macos-label)}.platform-macos .reply-delivery-btn{border-color:#ffffff1f;color:var(--macos-label-secondary)}.platform-macos .reply-delivery-btn:hover{background:#ffffff0f}.platform-macos .reply-delivery-btn--open{background:#ffffff1a;border-color:var(--macos-label);color:var(--macos-label)}.platform-macos .reply-tool-btn:hover:not(:disabled){background:#ffffff0f;color:var(--macos-label)}.platform-macos .reply-tool-btn.active{background:#ffffff1a;color:var(--macos-label)}.platform-macos .compose-signature{background:#1c1c1e80;border-top-color:#ffffff14;color:var(--macos-label-tertiary)}.platform-macos .compose-signature .signature-toggle{color:var(--macos-label-secondary)}.platform-macos .compose-signature .signature-toggle:hover{color:var(--macos-label);background:#ffffff0f}.platform-macos .compose-signature-body{color:var(--macos-label-tertiary);border-top-color:#ffffff0f}.platform-macos .signature-editor-container{background:#1c1c1ed9;border-color:#ffffff1a;color:var(--macos-label)}.platform-macos input[type=text],.platform-macos input[type=email],.platform-macos input[type=password],.platform-macos input[type=url],.platform-macos input[type=number],.platform-macos textarea,.platform-macos select{background:#00000040;border-color:#ffffff1a;color:var(--macos-label);box-shadow:none}.platform-macos input::placeholder,.platform-macos textarea::placeholder{color:var(--macos-label-tertiary)}.platform-macos ::-webkit-scrollbar-thumb{background:#fff3;background-clip:content-box}.platform-macos ::-webkit-scrollbar-thumb:hover{background:#ffffff59;background-clip:content-box}.platform-macos ::selection{background:#e5e5ea4d}.platform-macos .attachment-item{background:var(--macos-fill-quaternary);border-color:var(--macos-separator);color:var(--macos-label)}.platform-macos .thread-panel,.platform-macos .thread-messages-pane{background:#1c1c1ecc!important}.platform-macos .thread-header-unified{border-color:#ffffff14;color:var(--macos-label)}.platform-macos .thread-subject{color:var(--macos-label)}.platform-macos .thread-header-actions button{color:var(--macos-label-secondary)}.platform-macos .thread-header-actions button:hover{background:#ffffff0f;color:var(--macos-label)}.platform-macos .thread-message{border-color:#ffffff0f;color:var(--macos-label)}.platform-macos .thread-message .msg-header,.platform-macos .thread-message .msg-from{color:var(--macos-label)}.platform-macos .thread-message .msg-date{color:var(--macos-label-tertiary)}.platform-macos .thread-message .msg-body,.platform-macos .thread-message .msg-body-html{color:var(--macos-label-secondary)}.platform-macos .thread-message.from-me{background:#ffffff0a}.platform-macos .thread-reply-panel{border-color:#ffffff14;background:#1c1c1ed9!important;color:var(--macos-label)}.platform-macos .signature-toggle{color:var(--macos-label-tertiary)}.platform-macos .signature-toggle:hover{color:var(--macos-label-secondary);background:#ffffff0f}.platform-macos .reply-card-signature .signature-content{color:var(--macos-label-tertiary);border-top-color:#ffffff0f}.platform-macos .reply-card-signature{border-top-color:#ffffff14;background:#1c1c1e80}.platform-macos .settings-panel{background:#1c1c1ed9!important;color:var(--macos-label)}.platform-macos .settings-content{color:var(--macos-label)}.platform-macos .settings-avatar{background:var(--macos-fill-secondary);color:var(--macos-label)}.platform-macos .settings-nav-email{color:var(--macos-label)}.platform-macos .settings-nav-domain{color:var(--macos-label-tertiary)}.platform-macos .settings-nav-danger{color:var(--macos-red)!important}.platform-macos .settings-header{border-color:#ffffff14;color:var(--macos-label)}.platform-macos .settings-header h2{color:var(--macos-label)}.platform-macos .settings-nav{background:#0003;border-color:#ffffff14}.platform-macos .settings-nav-item{color:var(--macos-label-secondary)}.platform-macos .settings-nav-item:hover{background:#ffffff0f;color:var(--macos-label)}.platform-macos .settings-nav-item.active{background:#ffffff1a;color:var(--macos-label)}.platform-macos .settings-back-btn{color:var(--macos-label-secondary)}.platform-macos .settings-back-btn:hover{background:#ffffff0f}.platform-macos .settings-section-content{border-color:#ffffff14;color:var(--macos-label)}.platform-macos .settings-section h3,.platform-macos .settings-section h4{color:var(--macos-label)}.platform-macos .settings-section p,.platform-macos .settings-section label{color:var(--macos-label-secondary)}.platform-macos .settings-section .text-muted{color:var(--macos-label-tertiary)!important}.platform-macos .settings-avatar-card{background:#ffffff0f;border-color:#ffffff1a}.platform-macos .settings-avatar-preview{background:var(--macos-fill-secondary)}.platform-macos .settings-avatar-initials{color:var(--macos-label)}.platform-macos .settings-avatar-upload-btn{background:#ffffff14;border-color:#ffffff26;color:var(--macos-label)}.platform-macos .settings-avatar-upload-btn:hover:not(:disabled){background:#ffffff1f}.platform-macos .settings-avatar-remove-btn{border-color:#ff3b3a4d;color:var(--macos-red)}.platform-macos .settings-avatar-remove-btn:hover{background:#ff3b3a1f}.platform-macos .settings-avatar-hint{color:var(--macos-label-tertiary)}.platform-macos .settings-security-card{background:#ffffff0f;border-color:#ffffff1a}.platform-macos .setting-btn{background:#ffffff0f;-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px);border-color:#ffffff1a;color:var(--macos-label);box-shadow:none}.platform-macos .setting-btn:hover{background:#ffffff1a}.platform-macos .setting-btn:active{background:#ffffff0a}.platform-macos .setting-btn-label{color:var(--macos-label)}.platform-macos .setting-btn-meta{color:var(--macos-label-tertiary)}.platform-macos .setting-btn-arrow{color:var(--macos-label-quaternary)}.platform-macos .settings-pref-card-title{color:var(--macos-label)}.platform-macos .settings-2fa-badge.enabled{background:#30d15826;color:var(--macos-green)}.platform-macos .settings-2fa-badge.disabled{background:#ffffff14;color:var(--macos-label-tertiary)}.platform-macos .settings-2fa-error{background:#ff453a1f;border-color:#ff453a40;color:var(--macos-red)}.platform-macos .settings-2fa-btn.primary{background:#e5e5ea;color:#1c1c1e}.platform-macos .settings-2fa-btn.primary:hover:not(:disabled){background:#f5f5f7}.platform-macos .settings-2fa-btn.secondary{background:#ffffff14;border-color:#ffffff26;color:var(--macos-label)}.platform-macos .settings-2fa-btn.secondary:hover:not(:disabled){background:#ffffff1f}.platform-macos .settings-2fa-btn.danger{border-color:#ff453a4d;color:var(--macos-red)}.platform-macos .settings-2fa-btn.danger:hover:not(:disabled){background:#ff453a1f}.platform-macos .settings-2fa-btn.cancel{color:var(--macos-label-tertiary)}.platform-macos .settings-2fa-btn.cancel:hover{color:var(--macos-label)}.platform-macos .settings-2fa-qr-wrap{background:#fff;border-color:#ffffff26}.platform-macos .settings-2fa-manual{color:var(--macos-label-tertiary)}.platform-macos .settings-2fa-secret{background:#0000004d;color:var(--macos-label)}.platform-macos .settings-2fa-code-input{background:#0003;border-color:#ffffff26;color:var(--macos-label)}.platform-macos .settings-2fa-code-input:focus{border-color:#ffffff59}.platform-macos .settings-2fa-backup-warning{background:#ffd60a1a;border-color:#ffd60a40;color:var(--macos-yellow)}.platform-macos .settings-2fa-backup-code{background:#ffffff14;color:var(--macos-label)}.platform-macos .settings-2fa-info-row{background:#ffffff0f;border-color:#ffffff1a;color:var(--macos-label-secondary)}.platform-macos .settings-2fa-info-row strong{color:var(--macos-label)}.platform-macos .settings-session-row{background:#ffffff0f;border-color:#ffffff1a}.platform-macos .settings-session-row.current{background:#ffffff17;border-color:#ffffff26}.platform-macos .settings-session-device,.platform-macos .settings-session-device-label{color:var(--macos-label)}.platform-macos .settings-session-device-type--desktop{background:#ffffff14;color:var(--macos-label-secondary)}.platform-macos .settings-session-device-type--mobile{background:#3b82f626;color:#64b5f6}.platform-macos .settings-session-device-type--tablet{background:#8b5cf626;color:#b39ddb}.platform-macos .settings-session-device-type--app{background:#30d1581f;color:var(--macos-green)}.platform-macos .settings-session-current-badge{background:#30d15826;color:var(--macos-green)}.platform-macos .settings-session-meta{color:var(--macos-label-tertiary)}.platform-macos .settings-session-revoke-btn{border-color:#ff453a4d;color:var(--macos-red)}.platform-macos .settings-session-revoke-btn:hover:not(:disabled){background:#ff453a1f}.platform-macos .settings-session-version-badge{background:#ffffff14;color:var(--macos-label-tertiary)}.platform-macos .settings-privacy-card{background:#ffffff0f;border-color:#ffffff1a}.platform-macos .settings-privacy-card.settings-privacy-danger{border-color:#ff453a40}.platform-macos .settings-privacy-card-header h4{color:var(--macos-label)}.platform-macos .settings-privacy-card-header p{color:var(--macos-label-tertiary)}.platform-macos .settings-privacy-fact{color:var(--macos-label-secondary)}.platform-macos .settings-privacy-fact-check{color:var(--macos-green)}.platform-macos .logout-btn{background:#ff453a1a;border-color:#ff453a40;color:var(--macos-red)}.platform-macos .logout-btn:hover{background:#ff453a2e}.platform-macos .settings-about-card{background:#ffffff0f;border-color:#ffffff1a}.platform-macos .settings-about-icon{background:#ffffff0f}.platform-macos .settings-about-label{color:var(--macos-label-tertiary)}.platform-macos .settings-about-value{color:var(--macos-label)}.platform-macos .settings-about-update-card{background:#ffffff0f;border-color:#ffffff1a}.platform-macos .settings-about-update-info h4{color:var(--macos-label)}.platform-macos .settings-about-update-info p{color:var(--macos-label-tertiary)}.platform-macos .settings-about-check-btn{background:#ffffff14;border-color:#ffffff26;color:var(--macos-label)}.platform-macos .settings-about-check-btn:hover:not(:disabled){background:#ffffff1f}.platform-macos .settings-about-update-btn{background:#e5e5ea;color:#1c1c1e}.platform-macos .settings-about-update-btn:hover{background:#f5f5f7}.platform-macos .settings-about-install-hint{border-color:#ffffff14}.platform-macos .settings-about-install-cmd{background:#0000004d;color:var(--macos-label)}.platform-macos .update-now-btn{background:#e5e5ea;color:#1c1c1e}.platform-macos .update-now-btn:hover{background:#f5f5f7;box-shadow:0 4px 12px #0006}.platform-macos .update-now-btn.restart{background:#34c759;color:#fff}.platform-macos .update-now-btn.restart:hover{background:#3dd663}.platform-macos .update-stepper{border-color:#ffffff14}.platform-macos .update-step-dot{background:#ffffff14;color:var(--macos-label-tertiary);border-color:#ffffff1f}.platform-macos .update-step-label{color:var(--macos-label-tertiary)}.platform-macos .update-step-connector{background:#ffffff1a}.platform-macos .update-step-bar{background:#ffffff14}.platform-macos .update-whats-new{background:#007aff0f;border-color:#007aff1f}.platform-macos .update-whats-new-title{color:var(--macos-label)}.platform-macos .update-whats-new-list li{color:var(--macos-label-secondary)}.platform-macos .update-manual-fallback{border-color:#ffffff14}.platform-macos .update-manual-fallback summary{color:var(--macos-label-tertiary)}.platform-macos .update-manual-fallback summary:hover{color:var(--macos-label-secondary)}.platform-macos .update-manual-content p{color:var(--macos-label-tertiary)}.platform-macos .update-copy-btn{background:#ffffff0f;border-color:#ffffff1f;color:var(--macos-label-tertiary)}.platform-macos .update-copy-btn:hover{background:#ffffff1a;color:var(--macos-label-secondary)}.platform-macos .settings-about-changelog{background:#ffffff0f;border-color:#ffffff1a}.platform-macos .settings-about-changelog-toggle{color:var(--macos-label)}.platform-macos .settings-about-changelog-toggle:hover{background:#ffffff0a}.platform-macos .settings-about-release{border-color:#ffffff0f}.platform-macos .settings-about-release-ver{color:var(--macos-label)}.platform-macos .settings-about-release-date{color:var(--macos-label-tertiary)}.platform-macos .settings-about-release-changes li{color:var(--macos-label-secondary)}.platform-macos .settings-about-credits{background:#ffffff0f;border-color:#ffffff1a}.platform-macos .settings-about-credits h4{color:var(--macos-label)}.platform-macos .settings-about-credit-role{color:var(--macos-label-tertiary)}.platform-macos .settings-about-credit-name{color:var(--macos-label)}.platform-macos .settings-about-legal p{color:var(--macos-label-quaternary)}.platform-macos .settings-about-legal-links a{color:var(--macos-label-tertiary)}.platform-macos .settings-about-legal-links a:hover{color:var(--macos-label)}.platform-macos .settings-about-legal-links span{color:#ffffff1f}.platform-macos .mailbox-tabs{background:#00000026;border-color:#ffffff14}.platform-macos .mailbox-tab{color:var(--macos-label-secondary)}.platform-macos .mailbox-tab.active{background:#ffffff1a;color:var(--macos-label);border-bottom-color:var(--macos-label)}.platform-macos .mailbox-tab:hover{background:#ffffff0f;color:var(--macos-label)}.platform-macos .mailbox-divider{color:var(--macos-label-tertiary)}.platform-macos .nav-link{color:var(--macos-label-secondary)}.platform-macos .nav-link:hover{background:#ffffff14;color:var(--macos-label)}.platform-macos .compose-btn{background:var(--macos-label);color:#1c1c1e}.platform-macos .compose-btn:hover{filter:brightness(.85)}.platform-macos .thread-folder-tag{background:var(--macos-fill-quaternary);color:var(--macos-label-secondary)}.platform-macos .thread-action-btn{color:var(--macos-label-secondary);border-color:#ffffff1a}.platform-macos .thread-action-btn:hover{background:#ffffff14;color:var(--macos-label)}.platform-macos .reply-textarea,.platform-macos .compose-body-editor{background:#0003;color:var(--macos-label);border-color:#ffffff14}.platform-macos button{color:var(--macos-label-secondary)}.platform-macos .folder-dropdown-trigger,.platform-macos .logo-gb,.platform-macos .logo-mail{color:var(--macos-label)}.platform-macos .skeleton-avatar,.platform-macos .skeleton-line,.platform-macos .skeleton-date{background:var(--macos-fill-quaternary)}.platform-macos .empty-state-title{color:var(--macos-label-secondary)}.platform-macos .empty-state-hint{color:var(--macos-label-tertiary)}.platform-macos .empty-state-icon svg{stroke:var(--macos-label-tertiary)}.platform-macos .indicator svg{color:var(--macos-label-tertiary)}.platform-macos .delivery-pill,.platform-macos .method-pill{color:var(--macos-label-tertiary)}.platform-macos .auth-container{background:#2c2c2ea6;border-color:#ffffff1f}.platform-macos .auth-page .form-input{background:#0000004d;border-color:#ffffff1a;color:var(--macos-label)}.platform-macos .auth-page .form-label{color:var(--macos-label-secondary)}.platform-macos .auth-submit{background:var(--macos-label);color:#1c1c1e}.platform-macos .auth-security-note{background:#ffffff0d;border-color:#ffffff14}.platform-macos .auth-security-note p{color:var(--macos-label-tertiary)}.platform-macos .auth-footer-link{color:var(--macos-label-secondary)}.platform-macos .status-pill,.platform-macos .role-tag,.platform-macos .status-tag{background:#ffffff1a;color:var(--macos-label-secondary)}.platform-macos .form-field input,.platform-macos .form-field input:focus{background:#00000040!important;border-color:#ffffff1f!important;color:var(--macos-label)!important}.platform-macos .form-field input::placeholder{color:var(--macos-label-tertiary)}.platform-macos .role-select{background:#00000040!important;border-color:#ffffff1f!important;color:var(--macos-label)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a1a1a6' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E")}.platform-macos .settings-group input[type=text],.platform-macos .add-domain-section input[type=text],.platform-macos .transfer-select select{background:#00000040!important;border-color:#ffffff1f!important;color:var(--macos-label)!important}.platform-macos .od-inbox-layout{background:#1c1c1ecc!important;border-color:#ffffff14!important}.platform-macos .od-inbox-sidebar{border-right-color:#ffffff14!important}.platform-macos .org-tabs{border-bottom-color:#ffffff14}.platform-macos .org-tabs button{color:var(--macos-label-tertiary)}.platform-macos .org-tabs button:hover{color:var(--macos-label-secondary)}.platform-macos .org-tabs button.active{color:var(--macos-label);border-bottom-color:var(--macos-label)}.platform-macos .tb-page{--ta-bg: transparent;--ta-surface: rgba(44,44,46,.8);--ta-surface-2: rgba(28,28,30,.7);--ta-text: #f5f5f7;--ta-text-2: #c7c7cc;--ta-text-3: #8e8e93;--ta-border: rgba(255,255,255,.1);--ta-accent: #e5e5ea;--ta-card: rgba(44,44,46,.8);--ta-shadow-sm: 0 1px 3px rgba(0,0,0,.4);--ta-shadow-md: 0 4px 16px rgba(0,0,0,.5);--ta-shadow-lg: 0 20px 60px rgba(0,0,0,.65)}.platform-macos .tb-card:hover{border-color:#ffffff29!important;box-shadow:var(--ta-shadow-md)}.platform-macos .tb-drop-zone{border-color:#ffffff1f}.platform-macos .tb-drop-zone:hover,.platform-macos .tb-drop-zone--active{border-color:#ffffff47;background:#ffffff0a}.platform-macos .tb-hero{background:#1c1c1eb3;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.platform-macos .tb-drawer{background:#1c1c1ee6;border-left-color:#ffffff14}.platform-macos .tb-drawer-overlay{background:#00000073}.platform-macos .tb-comment-input,.platform-macos .tb-input,.platform-macos .tb-textarea{background:#0000004d;border-color:#ffffff1a;color:var(--macos-label)}}.platform-macos *,.platform-macos *:before,.platform-macos *:after{transition-timing-function:cubic-bezier(.25,1,.5,1)!important}.platform-macos .mail-app{padding-top:0}.platform-macos .sidebar{padding-top:28px}.platform-macos .swiss-canvas{display:none!important}.platform-macos .site-header,.platform-macos .site-footer,.platform-macos footer{display:none!important}.platform-macos .auth-page{background:transparent;padding-top:52px;-webkit-app-region:drag;min-height:100vh}.platform-macos .auth-container{background:#ffffff8c;-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);border-radius:14px;border:.5px solid rgba(255,255,255,.6);box-shadow:0 4px 24px #0000000f,0 0 0 .5px #0000000a;padding:32px 28px}.platform-macos .auth-container,.platform-macos .auth-form,.platform-macos .auth-footer,.platform-macos .auth-security-note{-webkit-app-region:no-drag}.platform-macos .auth-logo .logo-gb{font-size:1.75rem;letter-spacing:-.02em}.platform-macos .auth-logo .logo-mail{font-size:1.35rem;letter-spacing:-.02em}.platform-macos .auth-page .form-input{padding:7px 10px;font-size:13px;border:.5px solid rgba(0,0,0,.1);border-radius:6px;background:#ffffffb3;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;box-shadow:inset 0 .5px 1px #0000000f}.platform-macos .auth-page .form-input:focus{border-color:var(--macos-blue);box-shadow:0 0 0 3px #1d1d1f1f}.platform-macos .auth-page .form-label{font-size:12px;font-weight:500;color:#6e6e73}.platform-macos .auth-submit{background:var(--macos-blue);padding:7px 16px;font-size:13px;font-weight:500;border-radius:6px;box-shadow:none;cursor:default}.platform-macos .auth-submit:hover:not(:disabled){transform:none;filter:brightness(1.06);box-shadow:none}.platform-macos .auth-submit:active:not(:disabled){transform:none;filter:brightness(.9)}.platform-macos .auth-security-note{background:#ffffff4d;border:.5px solid rgba(0,0,0,.06);border-radius:8px;box-shadow:none}.platform-macos .auth-security-note .note-label{color:#aeaeb2;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.platform-macos .auth-security-note p{font-size:12px;color:#86868b}.platform-macos .auth-footer-link{color:var(--macos-label);border-bottom-color:transparent;font-size:12px}.platform-macos .auth-footer-link:hover{border-bottom-color:var(--macos-label)}.platform-macos .auth-back-link{color:var(--macos-label);font-size:12px}.platform-macos .auth-back-link:hover{color:var(--macos-label)}.platform-macos .auth-2fa-input{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:24px!important;letter-spacing:.2em}.platform-macos .mnemonic-word{font-family:SF Mono,ui-monospace,Menlo,monospace;border:.5px solid rgba(0,0,0,.08);background:#00000005}.platform-macos .email-input-group{border:1px solid #d2d2d7}.platform-macos .email-input-group:focus-within{border-color:var(--macos-blue);box-shadow:0 0 0 3px #1d1d1f1f}.platform-macos .step.active .step-number,.platform-macos .step.active .step-label{color:var(--macos-label)}.platform-macos .message-row .message-preview-row{margin-top:1px}.platform-macos .message-row .message-preview{font-size:12px;color:var(--macos-label-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.35;letter-spacing:-.01em}.platform-macos .empty-state{padding:48px 24px}.platform-macos .empty-state:before{display:none}.platform-macos .empty-state-icon{opacity:.25;margin-bottom:12px}.platform-macos .empty-state-icon svg{stroke:var(--macos-label-secondary)}.platform-macos .empty-state-title{font-size:15px;font-weight:600;color:var(--macos-label-secondary);margin:0 0 6px;letter-spacing:-.01em}.platform-macos .empty-state-hint{font-size:12px;color:var(--macos-label-tertiary);margin:0;max-width:240px;line-height:1.5}.platform-macos .message-row .star-btn{display:flex;align-items:center;justify-content:center}.platform-macos .message-row .star-btn svg{transition:transform .15s ease}.platform-macos .message-row .star-btn:hover svg{transform:scale(1.15)}.platform-macos .message-row .star-btn.starred svg{fill:var(--macos-orange);stroke:var(--macos-orange)}.platform-macos .folder-separator{width:.5px;height:12px;background:var(--macos-separator);opacity:.6;margin:0 3px}.platform-macos .expand-toggle{width:24px;height:24px;border-radius:4px}.platform-macos .expand-toggle svg{color:var(--macos-label-tertiary);transition:transform .2s cubic-bezier(.25,.1,.25,1)}.platform-macos .expand-toggle.expanded svg{transform:rotate(90deg)}.platform-macos .msg-header:hover .expand-toggle{background:var(--macos-fill-quaternary)}.platform-macos .msg-body-html,.platform-macos .msg-body{max-width:100%}.platform-macos .compose-btn{display:inline-flex;align-items:center;gap:4px}.platform-macos .compose-btn svg{flex-shrink:0;opacity:.9}.platform-macos .reply-send-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.platform-macos .reply-send-btn svg{flex-shrink:0}.platform-macos .delivery-pill{display:inline-flex;align-items:center;gap:3px}.platform-macos .delivery-pill svg{flex-shrink:0}.platform-macos .method-pill svg,.platform-macos .relay-pill svg{flex-shrink:0}.platform-macos .msg-badge.receipt{display:inline-flex;align-items:center;gap:3px}.platform-macos .reply-tool-btn svg{flex-shrink:0}.platform-macos .mobile-reply-fab{display:flex;align-items:center;gap:6px}.platform-macos .att-spinner{width:13px;height:13px;border-width:1.5px}.platform-macos .attachment-icon svg,.platform-macos .att-icon svg{flex-shrink:0;color:var(--macos-label-secondary)}.platform-macos .settings-session-device-icon svg{color:var(--macos-label-secondary)}.platform-macos .settings-privacy-icon svg{color:var(--macos-label-secondary)}.platform-macos .refresh-btn{display:inline-flex;align-items:center;justify-content:center}.platform-macos .refresh-btn svg{color:var(--macos-label-tertiary);transition:color var(--dur-fast) ease}.platform-macos .refresh-btn:hover svg{color:var(--macos-label-secondary)}.platform-macos .dropdown-arrow{display:inline-flex;align-items:center}.platform-macos .dropdown-arrow svg{transition:transform .2s cubic-bezier(.25,.1,.25,1);color:var(--macos-label-tertiary)}
