:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--page);font-synthesis:none;--green:var(--accent);--muted:var(--text-muted);--line:var(--border);--lime:var(--accent-soft)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}a{color:inherit}.topbar{height:88px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 4%;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-1px;font-size:25px}.brand-light{font-weight:400;letter-spacing:-.7px;margin-left:5px}.brand-mark{width:41px;height:42px;border-radius:12px;background:var(--text);color:white;font-size:37px;line-height:34px;text-align:center;position:relative}.brand-mark span{color:var(--accent);font-size:27px;position:absolute;right:2px;top:-8px}.service-label{font-size:10px;letter-spacing:1.6px;color:var(--text-muted);border-left:1px solid var(--line);padding-left:30px}.account{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:12px;min-width:0}.account #identity{overflow:hidden;text-overflow:ellipsis}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}main{max-width:1480px;padding:40px 4% 20px;margin:auto}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--text-muted);margin:0 0 12px}h1{font-size:35px;letter-spacing:-1.4px;line-height:1.18;font-weight:650;margin:0}.heading-dot{color:var(--accent)}.subtitle{font-size:14px;color:var(--muted);margin:12px 0 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.primary,.secondary,.danger,.quiet{border:1px solid transparent;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s}.primary{background:var(--green);color:var(--on-accent)}.primary:hover{background:var(--accent-hover)}.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.secondary:hover{background:var(--surface-hover)}.danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}.danger:hover{background:var(--danger-bg)}.quiet{background:transparent;color:var(--text-muted);padding:8px}.quiet:hover{background:var(--surface-hover)}.summary{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:12px;padding:20px 24px;display:flex;gap:28px;align-items:center;margin-bottom:25px}.summary>div{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:13px}.summary-number{font-size:32px;line-height:1;font-weight:650;color:var(--accent-text);letter-spacing:-1px}.summary p{font-size:12px;color:var(--text-muted);line-height:1.6;border-left:1px solid var(--accent-border);padding-left:25px;margin:0}.retention{margin-left:auto;font-size:11px;white-space:nowrap;color:var(--text-muted)}.toolbar{display:flex;align-items:center;gap:12px;margin:0 0 18px}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:0 14px;flex:1;max-width:490px}.search-box>span{font-size:25px;color:var(--text-muted)}.search-box input{border:0;outline:none!important;padding:13px 0;width:100%;font-size:13px;background:transparent;color:inherit}.period-label{margin-left:auto;color:var(--muted);font-size:12px}select{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px;color:var(--text);font-size:12px}.mail-shell{display:grid;grid-template-columns:minmax(300px,39%) minmax(0,61%);border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden;min-height:540px}.inbox{border-right:1px solid var(--line);min-width:0}.list-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:var(--text-muted);font-size:10px;letter-spacing:1.2px;border-bottom:1px solid var(--line)}#result-count{letter-spacing:0}.message-list{max-height:670px;overflow:auto}.message-row{width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);background:var(--surface);color:inherit;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:20px;position:relative}.message-row:hover{background:var(--surface-hover)}.message-row.active{background:var(--selected);box-shadow:inset 3px 0 var(--accent)}.avatar{width:35px;height:35px;display:grid;place-items:center;background:var(--avatar);border:1px solid var(--border);border-radius:10px;color:var(--accent-text);font-size:12px;font-weight:650}.row-top{display:flex;gap:8px;align-items:center}.sender{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650}.date{margin-left:auto;font-size:10px;color:var(--text-muted);white-space:nowrap}.subject{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0 9px;color:var(--text-muted)}.score{font-size:9px;background:var(--accent-soft);color:var(--accent-text);border-radius:4px;padding:3px 6px;display:inline-block}.unread{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;margin-left:8px}.detail{min-width:0}.empty-detail{min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.envelope-icon{font-size:47px;width:95px;height:95px;border-radius:30px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:22px}.empty-detail h2{font-size:20px;letter-spacing:-.5px;font-weight:600;margin:0 0 12px}.empty-detail p{font-size:13px;line-height:1.8;color:var(--muted);max-width:285px;margin:0}.safe-note{font-size:10px;color:var(--text-muted);max-width:260px;line-height:1.7;margin-top:32px}.detail-head{padding:25px 26px 18px;overflow-wrap:anywhere}.badge{font-size:9px;font-weight:650;letter-spacing:1px;color:var(--accent-text);background:var(--accent-soft);padding:5px 8px;border-radius:4px}.detail-head h2{font-size:22px;line-height:1.35;letter-spacing:-.5px;margin:17px 0 10px}.detail-head p{font-size:12px;margin:6px 0}.small{font-size:11px!important;line-height:1.8}.muted{color:var(--muted)}.actions{display:flex;gap:7px;flex-wrap:wrap;padding:0 26px 20px}.actions button{font-size:11px;padding:9px 11px}.preview-note{padding:10px 26px;font-size:10px;color:var(--text-muted);background:var(--surface-alt);border-block:1px solid var(--line)}#preview{width:100%;height:450px;border:0;background:var(--surface)}.preview-status{padding:0 25px;font-size:12px}.back{display:none;margin:12px 12px 0}.load-more{display:block;margin:12px auto}.empty-list{padding:50px 25px;text-align:center;font-size:13px;line-height:1.8;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;margin-top:23px;font-size:10px;color:var(--text-muted)}.legacy{font-size:11px;text-underline-offset:4px;color:var(--text-muted)}.status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border:1px solid var(--accent-border);background:var(--surface);color:var(--text);padding:15px 22px;border-radius:10px;box-shadow:0 6px 30px #00000012;max-width:90vw;width:max-content;font-size:13px;z-index:10}.status.error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.login-card{max-width:510px;margin:35px auto;background:var(--surface);border:1px solid var(--line);padding:40px;border-radius:18px}.lock-mark{font-size:36px;color:var(--green);margin-bottom:22px}.login-card h1{font-size:30px;line-height:1.25}.login-card>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}#link-form{display:grid;gap:12px;margin:26px 0}#link-form label{font-size:12px;font-weight:600}#report-link{width:100%;padding:13px;border:1px solid var(--border);border-radius:8px;font-size:12px}dialog{border:1px solid var(--line);border-radius:15px;padding:30px;max-width:460px;width:calc(100% - 32px);color:inherit;box-shadow:0 25px 100px #00000033}dialog::backdrop{background:#08090dcc;backdrop-filter:blur(3px)}dialog h2{font-size:23px;letter-spacing:-.5px}dialog p{font-size:13px;line-height:1.8;color:var(--text-muted)}.confirm-subject{background:var(--surface-alt);border-radius:7px;padding:12px;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(min-width:1550px){main{padding-top:55px}.mail-shell{min-height:610px}.empty-detail{min-height:610px}}@media(max-width:1000px){.service-label{display:none}.summary p{display:none}.mail-shell{grid-template-columns:minmax(280px,42%) minmax(0,58%)}.account{max-width:50%}.actions{padding-inline:18px}.detail-head{padding-inline:18px}}@media(max-width:700px){.topbar{height:75px;padding:0 20px;gap:10px}.brand{font-size:20px;gap:8px}.brand-mark{width:34px;height:35px;font-size:30px;line-height:30px}.account{gap:4px;max-width:52%;flex-wrap:wrap;justify-content:flex-end;font-size:10px}.account .online-dot{display:none}.account .quiet{font-size:10px;padding:3px}main{padding:28px 16px 20px}h1{font-size:29px}.page-heading{gap:10px;align-items:flex-start;margin-bottom:22px}.page-heading>.secondary{font-size:10px;padding:8px}.subtitle{font-size:12px;line-height:1.6}.summary{padding:17px;gap:10px;margin-bottom:20px}.summary>div{font-size:11px;gap:10px}.summary-number{font-size:28px}.retention{font-size:9px}.toolbar{gap:8px;flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.period-label{margin-left:0}.toolbar select{margin-left:auto;font-size:11px;padding:8px}.mail-shell{display:block;min-height:360px}.inbox{border-right:0}.detail{display:none}.mail-shell.has-selection .inbox{display:none}.mail-shell.has-selection .detail{display:block}.back{display:inline-block}.message-list{max-height:none}.message-row{padding:18px 16px}.detail-head{padding:18px}.detail-head h2{font-size:20px}.actions{padding:0 18px 18px}.empty-detail{min-height:360px}.preview-note{padding-inline:18px}footer{font-size:9px}.legacy{font-size:10px}.login-card{margin:10px auto;padding:26px}.login-card h1{font-size:27px}.login-card .eyebrow{font-size:9px}.status{bottom:12px}dialog{padding:23px}}
/* Brand palette: orange #FAA522, graphite and silver from the supplied logo. */
:root,[data-theme="light"]{--page:#f4f3f0;--surface:#fff;--surface-alt:#f8f7f4;--surface-hover:#f7f4ec;--text:#292b2c;--text-muted:#72716d;--border:#e6e3dc;--accent:#faa522;--accent-hover:#ffb43f;--accent-text:#965b07;--accent-soft:#fff3dc;--accent-border:#f0d8ac;--selected:#fff5e5;--avatar:#f6eee0;--on-accent:#251907;--danger:#a94537;--danger-bg:#fff0ec;--danger-border:#efcfc6}
[data-theme="dark"]{--page:#202329;--surface:#292d34;--surface-alt:#30353d;--surface-hover:#373b43;--text:#e8eaed;--text-muted:#b0b3bc;--border:#444a54;--accent:#faa522;--accent-hover:#ffb746;--accent-text:#ffb74b;--accent-soft:#faa5220b;--accent-border:#faa52238;--selected:#faa52210;--avatar:#faa52214;--on-accent:#211507;--danger:#ff9a87;--danger-bg:#ff6c5010;--danger-border:#ff6c5035}
body{min-height:100vh;background:var(--page);transition:background .18s,color .18s}.brand-logo{width:77px;height:70px;object-fit:contain;filter:drop-shadow(0 2px 2px #0002)}.topbar{height:96px;gap:25px}.service-label{padding-left:25px;font-size:10px}.theme-control{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--text-muted)}.theme-control label{font-size:21px}.theme-control select{border-color:var(--border);background:var(--surface-alt);font-size:11px;padding:8px 22px 8px 10px;color:var(--text)}.account{margin-left:0}.primary{box-shadow:0 2px 4px #ba780d14;font-weight:700}.heading-dot{margin-left:3px}.login-card{position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}dialog{background:var(--surface)}.envelope-icon{border:1px solid var(--accent-border)}.badge,.score{border:1px solid var(--accent-border)}.online-dot{box-shadow:0 0 7px #faa52255}.summary{position:relative;overflow:hidden}.summary-number{font-variant-numeric:tabular-nums}.message-row{transition:background .15s,box-shadow .15s}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #faa52212}.preview-status:empty{display:none}.lock-mark{color:var(--accent)}
[data-theme="dark"] body{background-image:radial-gradient(ellipse at 85% 0%,#faa5220b,transparent 45%),linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
[data-theme="dark"] .topbar{background:#272b32f5;border-bottom-color:#faa52225;box-shadow:0 1px 25px #faa52207}
[data-theme="dark"] .brand-logo{filter:drop-shadow(0 0 10px #faa52230)}
[data-theme="dark"] .eyebrow{color:#c18c3e;letter-spacing:2.3px}
[data-theme="dark"] .heading-dot{color:#ffae2d;text-shadow:0 0 14px #faa522aa}
[data-theme="dark"] h1{font-weight:600;letter-spacing:-1.2px}
[data-theme="dark"] .summary{background:linear-gradient(110deg,#faa52210,#faa52203);border-color:#faa52235;box-shadow:inset 0 1px 0 #faa52212}
[data-theme="dark"] .summary-number{color:#ffb347;text-shadow:0 0 22px #faa52255}
[data-theme="dark"] .primary{box-shadow:0 0 16px #faa52225,inset 0 1px 0 #ffdfa080;border-color:#ffb43f}
[data-theme="dark"] .primary:hover{box-shadow:0 0 24px #faa52245}
[data-theme="dark"] .mail-shell{border-color:#514a3e;box-shadow:0 12px 50px #0003,0 0 30px #faa52204}
[data-theme="dark"] .message-row.active{box-shadow:inset 3px 0 #faa522,inset 12px 0 25px #faa52205}
[data-theme="dark"] .envelope-icon{background:radial-gradient(circle,#faa52213,#faa52203);box-shadow:0 0 45px #faa52208;color:#ffb13c}
[data-theme="dark"] .safe-note{color:#a8afb9}
[data-theme="dark"] .online-dot{box-shadow:0 0 10px #faa522aa}
[data-theme="dark"] .login-card{box-shadow:0 15px 80px #0005,0 0 40px #faa52204;border-color:#5a4c38}
[data-theme="dark"] .status{box-shadow:0 0 25px #0008;border-color:#faa52255}
@media(max-width:1000px){.topbar{gap:15px}.account{max-width:43%}.service-label{display:none}}
@media(max-width:700px){.topbar{height:auto;min-height:84px;flex-wrap:wrap;gap:8px 14px;padding:9px 18px}.brand-logo{width:65px;height:59px}.theme-control{margin-left:auto}.theme-control select{max-width:100px}.account{order:3;max-width:none;width:100%;justify-content:space-between;padding:8px 0 2px;border-top:1px solid var(--border);font-size:11px}.account #identity{max-width:75%}.account .quiet{font-size:11px}.summary{border-radius:10px}.brand{margin-right:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}