:root{--bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--text:#172033;--muted:#667085;--line:#e4e9f2;--primary:#5b52f5;--primary-2:#4438df;--danger:#d92d20;--success:#079455;--shadow:0 18px 50px rgba(30,41,59,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(91,82,245,.08),transparent 28rem),var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:72px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:18px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--primary),#8e67ff);box-shadow:0 8px 20px rgba(91,82,245,.25)}.topnav{display:flex;gap:6px;flex:1}.topnav a{padding:9px 11px;border-radius:9px;color:var(--muted);font-size:14px}.topnav a:hover{color:var(--primary);background:#f0efff}.logout-form{margin-left:auto}.account-chip{margin-left:auto;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:12px;font-size:14px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#12b76a;margin-right:8px}.page-shell{max-width:1500px;margin:0 auto;padding:36px clamp(16px,3vw,48px) 64px}.btn{border:0;border-radius:10px;padding:10px 15px;cursor:pointer;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:7px}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 8px 20px rgba(91,82,245,.18)}.btn-secondary{color:#344054;background:#fff;border:1px solid var(--line)}.btn-ghost{background:transparent;color:var(--muted)}.btn-danger{color:var(--danger);background:#fff;border:1px solid #fecdca}.btn-block{width:100%;padding:13px}.auth-layout{min-height:calc(100vh - 145px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,480px);align-items:center;gap:9vw;max-width:1180px;margin:auto}.auth-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.03;letter-spacing:-.045em;margin:18px 0}.auth-copy>p{color:var(--muted);font-size:18px;line-height:1.7;max-width:630px}.eyebrow{color:var(--primary);font-weight:800;font-size:12px;letter-spacing:.14em}.privacy-card{display:flex;gap:14px;align-items:center;margin-top:32px;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:15px;padding:16px;max-width:470px}.privacy-card small{display:block;color:var(--muted);margin-top:4px}.shield{display:grid;place-items:center;border-radius:50%;background:#e8fff5;color:var(--success);width:38px;height:38px;font-weight:900}.auth-card,.content-card,.reader-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.auth-card{padding:38px}.auth-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#eeecff;color:var(--primary);font-size:25px}.auth-card h2{font-size:28px;margin:24px 0 5px}.muted,.page-heading p,.card-heading p{color:var(--muted)}.stack-form{display:grid;gap:18px;margin-top:25px}.stack-form label{display:grid;gap:8px;font-weight:700;font-size:14px}.stack-form input,.search-form input,.password-form input,.bulkbar select{width:100%;border:1px solid #d6dce7;border-radius:10px;padding:12px 13px;background:#fff;outline:none}.stack-form input:focus,.search-form input:focus,.password-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,82,245,.12)}label small{font-weight:400;color:var(--muted)}.auth-note{text-align:center;color:var(--muted);font-size:13px;margin:22px 0 0}.alert{border-radius:10px;padding:12px 14px;margin:16px 0}.alert-error{color:#912018;background:#fff1f0;border:1px solid #fecdca}.mail-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;min-height:calc(100vh - 150px)}.mail-sidebar,.mail-panel{background:#fff;border:1px solid var(--line);border-radius:20px}.mail-sidebar{padding:18px;height:max-content;position:sticky;top:94px}.mail-address{display:grid;gap:6px;padding:15px;background:linear-gradient(135deg,#f0efff,#f8f7ff);border-radius:13px;word-break:break-all}.mail-address small,.sender-line small{color:var(--muted)}.icon-btn,.mini-btn{border:1px solid var(--line);background:#fff;color:#475467;border-radius:8px;padding:6px 9px;cursor:pointer;font-size:12px;font-weight:700}.mail-address .icon-btn{margin-top:5px;width:max-content}.folder{display:flex;justify-content:space-between;padding:12px;margin-top:15px;border-radius:10px}.folder.active{color:var(--primary);background:#f0efff;font-weight:800}.folder b{background:var(--primary);color:#fff;border-radius:999px;padding:1px 7px;font-size:12px}.sidebar-note{margin-top:26px;padding:14px;font-size:12px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line)}.mail-panel{overflow:hidden}.panel-header,.page-heading,.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-header{padding:24px 26px;border-bottom:1px solid var(--line)}.panel-header h1,.page-heading h1{margin:5px 0 0;font-size:30px}.message-list{display:grid}.message-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line);transition:.15s}.message-row:hover{background:#fafaff}.message-row.unread{background:#f8f7ff}.avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef2f7;color:#475467;font-weight:800;flex:none}.avatar.large{width:48px;height:48px}.message-main{min-width:0}.message-meta{display:flex;justify-content:space-between;gap:16px}.message-meta strong,.subject,.message-row p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-meta time{color:var(--muted);font-size:12px}.subject{font-weight:700;margin-top:4px}.message-row p{color:var(--muted);margin:4px 0 0;font-size:13px}.unread-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);margin-top:6px}.empty-state{text-align:center;padding:80px 20px;color:var(--muted)}.empty-state>div{font-size:48px;color:#bbb8ff}.empty-state h2{color:var(--text)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px}.reader-card{max-width:1050px;margin:auto;padding:28px}.back-link{color:var(--primary);font-weight:700}.reader-header{margin-top:26px;padding-bottom:22px;border-bottom:1px solid var(--line)}.reader-header h1{font-size:30px;line-height:1.25}.sender-line{display:flex;gap:13px;align-items:center}.sender-line small{display:block;margin-top:4px}.message-frame{width:100%;min-height:480px;border:0;background:#fff;margin-top:24px}.attachments{border-bottom:1px solid var(--line);padding:18px 0}.attachments h2{font-size:15px}.attachment-grid{display:flex;flex-wrap:wrap;gap:10px}.attachment-grid a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.attachment-grid small{display:block;color:var(--muted)}.plain-text{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.plain-text pre{white-space:pre-wrap;word-break:break-word}.impersonation-banner{background:#fff5d8;border:1px solid #fedf89;color:#7a2e0e;padding:12px 16px;border-radius:12px;margin-bottom:18px}.impersonation-banner a{text-decoration:underline;margin-left:8px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:36px}.page-heading p{margin:7px 0 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.stat-card span{display:block;color:var(--muted);font-size:14px}.stat-card strong{display:block;font-size:38px;margin-top:12px}.content-card{padding:24px}.card-heading{margin-bottom:18px}.card-heading h1,.card-heading h2{margin:4px 0}.card-heading a{color:var(--primary);font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px;border-bottom:1px solid var(--line)}td{padding:12px 11px;border-bottom:1px solid var(--line);vertical-align:middle}td code{font-size:12px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:800;text-transform:capitalize}.badge-success{background:#e8fff5;color:#067647}.badge-muted{background:#f2f4f7;color:#667085}.split-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px}.info-card{background:#211e52;color:#fff;border-radius:20px;padding:26px}.info-card li{margin:13px 0;color:#dad7ff;line-height:1.45}.check-line{display:flex!important;align-items:center;gap:9px}.check-line input{width:auto}.hidden{display:none!important}.result-card{margin-top:22px}.button-row,.actions,.bulkbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mini-btn.primary{background:#eeecff;color:var(--primary);border-color:#d9d6fe}.mini-btn.danger{color:var(--danger);border-color:#fecdca}.actions form{display:flex;margin:0}.password-form input{width:125px;padding:6px 8px;font-size:12px}.cell-sub{display:block;color:var(--muted);margin-top:3px}.search-form{display:flex;gap:8px;margin-bottom:16px}.search-form input{max-width:420px}.bulkbar{padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.bulkbar form{display:flex;gap:7px}.bulkbar #bulkForm{margin-left:auto}.empty-compact{padding:25px;text-align:center;color:var(--muted)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#172033;color:#fff;padding:11px 16px;border-radius:10px;box-shadow:var(--shadow);transition:.2s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 18px}.topnav{order:3;flex:0 0 100%;width:100%;min-width:0;overflow-x:auto}.account-chip{display:none}.page-shell{padding-top:22px}.auth-layout{grid-template-columns:1fr;gap:30px}.auth-copy{display:none}.auth-card{max-width:500px;width:100%;margin:auto}.mail-layout{grid-template-columns:1fr}.mail-sidebar{position:static}.sidebar-note{display:none}.stat-grid{grid-template-columns:1fr}.split-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.accounts-table{min-width:1100px}}
@media(max-width:560px){.brand span:last-child{font-size:15px}.topnav a{font-size:12px;padding:7px}.page-shell{padding-inline:12px}.auth-card,.content-card,.reader-card{padding:20px;border-radius:15px}.panel-header{padding:18px}.message-row{padding:15px;grid-template-columns:auto minmax(0,1fr)}.message-meta{display:block}.message-meta time{display:block;margin-top:3px}.unread-dot{display:none}.page-heading{display:grid}.page-heading h1{font-size:30px}.stat-card strong{font-size:30px}.bulkbar #bulkForm{margin-left:0}.reader-header h1{font-size:24px}.message-frame{min-height:400px}.auth-layout{min-height:auto;padding-top:20px}}
.mail-layout{align-items:start}
@media(max-width:900px){.mail-layout{align-content:start}}
.alert-success{color:#067647;background:#e8fff5;border:1px solid #abefc6}
.badge-sold{background:#fff1f0;color:#b42318}.badge-unsold{background:#eef4ff;color:#3538cd}
.modal-open{overflow:hidden}.confirm-dialog{width:min(430px,calc(100vw - 32px));max-width:none;margin:auto;padding:0;border:0;border-radius:22px;background:transparent;color:var(--text);box-shadow:0 28px 80px rgba(15,23,42,.28)}.confirm-dialog::backdrop{background:rgba(15,23,42,.52);backdrop-filter:blur(3px)}.confirm-dialog[open]{animation:confirm-in .18s ease-out}.confirm-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;background:#fff;border:1px solid rgba(228,233,242,.9);border-radius:22px;padding:24px}.confirm-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eeecff;color:var(--primary);font-size:20px;font-weight:900}.confirm-copy{min-width:0}.confirm-kicker{display:block;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.13em;margin:1px 0 7px}.confirm-copy h2{font-size:21px;line-height:1.25;margin:0}.confirm-copy p{color:var(--muted);font-size:14px;line-height:1.55;margin:8px 0 0;overflow-wrap:anywhere}.confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.btn-danger-solid{color:#fff;background:var(--danger);box-shadow:0 8px 20px rgba(217,45,32,.2)}.confirm-dialog.is-danger .confirm-icon{background:#fff1f0;color:var(--danger)}.confirm-dialog.is-danger .confirm-kicker{color:var(--danger)}@keyframes confirm-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:560px){.confirm-card{padding:20px}.confirm-actions .btn{flex:1}}@media(prefers-reduced-motion:reduce){.confirm-dialog[open]{animation:none}}