:root{color-scheme:dark;--bg:#090a0f;--panel:#101219;--panel2:#151822;--line:#222633;--text:#f5f6fa;--muted:#8f96a8;--purple:#a855f7;--pink:#e34ce8;--danger:#ef5b6a;--good:#57d68d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{width:100%;border:1px solid #2b3040;background:#0d0f15;color:var(--text);border-radius:10px;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#7e4cc9;box-shadow:0 0 0 3px #7e4cc922}label{display:grid;gap:7px;color:#c8ccd6;font-weight:600;margin:13px 0}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 50% -10%,#321348 0,transparent 65%)}.auth-card{width:min(430px,100%);background:#101219;border:1px solid #252936;border-radius:18px;padding:32px;box-shadow:0 28px 80px #0009}.auth-card h1{font-size:24px;margin:28px 0 6px}.auth-card p,.hint,.muted{color:var(--muted)}.logo{font-size:21px;font-weight:900;letter-spacing:-.4px}.logo span{background:linear-gradient(90deg,var(--purple),var(--pink));background-clip:text;color:transparent}.primary,.secondary,.danger,.icon-btn{border:1px solid transparent;border-radius:9px;padding:10px 14px;color:white;font-weight:700}.primary{background:linear-gradient(135deg,#8b45d4,#bd43c8)}.secondary{background:#191c25;border-color:#2b3040}.danger{background:#6b2730}.danger.ghost{background:transparent;border-color:#5a2930;color:#ff9ca7}.full{width:100%;margin-top:8px}.segmented{display:flex;background:#0c0e14;padding:4px;border-radius:10px;margin:22px 0 12px}.segmented button{flex:1;border:0;background:transparent;color:var(--muted);padding:9px;border-radius:7px}.segmented .active,.segmented button:hover{background:#1b1e28;color:white}.app-shell{height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{background:#0d0f14;border-right:1px solid #1e222d;padding:22px 14px;display:flex;flex-direction:column;overflow:auto}.sidebar>.logo{padding:0 8px 14px}.compose-btn{margin:10px 0 20px;border:0;border-radius:10px;padding:12px;background:#7d3ab2;color:white;font-weight:800}.sidebar nav{display:grid;gap:3px}.sidebar nav button{display:flex;gap:11px;align-items:center;border:0;background:transparent;color:#9aa1b2;padding:10px 11px;border-radius:8px;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#1a1721;color:#fff}.sidebar nav button span{width:16px;text-align:center}.nav-divider{height:1px;background:#1d202a;margin:12px 6px}.nav-label{font-size:10px;font-weight:800;color:#606778;letter-spacing:.12em;padding:4px 11px 6px}.profile{margin-top:auto;border-top:1px solid #1d202a;padding:16px 6px 0;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px}.profile small,.contact-row small,.account-row small,.request-row small,.message-meta small{display:block;color:var(--muted);margin-top:2px}.profile button{border:0;background:transparent;color:#8e95a6}.avatar{width:38px;height:38px;border-radius:10px;background:#262032;display:grid;place-items:center;font-weight:800}.avatar.small{width:34px;height:34px}.main{min-width:0;display:grid;grid-template-rows:64px 1fr;overflow:hidden}.main header{display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #1e222d;background:#0b0d12}.search-wrap{max-width:680px;flex:1;display:flex;align-items:center;gap:8px;background:#0f1117;border:1px solid #232733;border-radius:10px;padding:0 12px}.search-wrap input{border:0;background:transparent;box-shadow:none}.role-pill,.pill,.status{font-size:11px;font-weight:800;border:1px solid #303545;background:#171a23;border-radius:99px;padding:5px 8px}.role-pill{margin-left:auto}.icon-btn{display:none;background:#171a23;border-color:#2b3040}#content{overflow:auto}.page{max-width:1240px;margin:0 auto;padding:28px 30px 60px}.page.narrow{max-width:850px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head h1{font-size:25px;margin:0 0 4px}.page-head p{margin:0;color:var(--muted)}.head-actions,.row-actions,.thread-actions,.dialog-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stats>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px}.stats span{color:var(--muted);display:block}.stats b{font-size:25px;display:block;margin-top:6px}.mail-list,.table-card,.settings-card,.status-list{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.mail-item{width:100%;border:0;border-bottom:1px solid #1e222c;background:transparent;color:inherit;display:grid;grid-template-columns:30px 180px minmax(0,1fr) 100px;gap:12px;align-items:center;padding:13px 16px;text-align:left}.mail-item:last-child{border-bottom:0}.mail-item:hover{background:#141720}.mail-item.unread{background:#14151d}.mail-item.static{cursor:default}.sender{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject{min-width:0;display:flex;gap:9px;align-items:center}.subject b{white-space:nowrap}.subject small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item time{color:var(--muted);text-align:right;font-size:12px}.star{color:#c19bdc}.empty{padding:60px 20px;display:grid;place-items:center;gap:6px;color:var(--muted)}.empty b{color:#d9dce4}.thread-title{font-size:24px}.thread{display:grid;gap:12px}.message{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.message-meta{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.message-meta time{color:var(--muted);font-size:12px}.message-body{white-space:pre-wrap;line-height:1.65;margin-top:18px;color:#e1e4ea}.table-head,.account-row{display:grid;grid-template-columns:1.2fr 1.4fr .6fr .7fr 2fr;gap:14px;align-items:center;padding:13px 16px}.table-head{background:#131620;color:#747b8d;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.account-row{border-top:1px solid #1e222c}.status.active{color:#8be5ae}.status.suspended{color:#ff9ca7}.warning{color:#e8b86d}.security-note,.notice{margin-top:16px;padding:14px 16px;border:1px solid #3a3045;background:#17131d;border-radius:12px;color:#bfc4cf}.settings-card{padding:22px;margin-bottom:15px}.settings-card h2{margin:0 0 14px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.request-row,.contact-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #232733}.request-row:last-child,.contact-row:last-child{border-bottom:0}.contact-row{grid-template-columns:42px 1fr auto auto;padding:13px 16px}.status-list>div{display:flex;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #222633}.status-list>div:last-child{border-bottom:0}.good{color:var(--good)}.bad{color:#ff8794}.security-list{line-height:1.9;color:#b9bfca}.mailbox-input{display:flex;align-items:center}.mailbox-input input{border-radius:10px 0 0 10px}.mailbox-input span{padding:11px 12px;background:#171a22;border:1px solid #2b3040;border-left:0;border-radius:0 10px 10px 0;color:#9ba2b1;white-space:nowrap}.modal{position:fixed;inset:0;z-index:20;background:#000b;display:grid;place-items:center;padding:18px}.dialog{width:min(650px,100%);max-height:92vh;overflow:auto;background:#12151d;border:1px solid #343947;border-radius:16px;padding:22px;box-shadow:0 30px 100px #000}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.close{border:0;background:transparent;color:#aab0bd;font-size:24px}.dialog-actions{justify-content:flex-end;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}#toast{position:fixed;right:20px;bottom:20px;z-index:50;background:#18211d;border:1px solid #2e6546;border-radius:10px;padding:12px 16px;box-shadow:0 12px 40px #0008}#toast.error{background:#28171b;border-color:#74343d}#toast[hidden]{display:none}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:15;width:238px;height:100vh;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.icon-btn{display:block}.stats{grid-template-columns:1fr 1fr}.table-head{display:none}.account-row{grid-template-columns:1fr 1fr}.mail-item{grid-template-columns:26px 1fr 80px}.mail-item .sender{display:none}.control-grid{grid-template-columns:1fr}}@media(max-width:600px){.page{padding:20px 14px 50px}.page-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.account-row{grid-template-columns:1fr}.contact-row{grid-template-columns:38px 1fr}.contact-row button{grid-column:2}.form-grid{grid-template-columns:1fr}.subject small{display:none}.mail-item{grid-template-columns:22px 1fr 70px}.main header{padding:0 10px}}
/* V5 visual system */
:root{--accent:#8b5cf6;--accent2:#c084fc;--bg:#09090d;--panel:#111118;--panel2:#181824;--text:#f8f7ff;--muted:#9c9aae;--line:#272636;--shadow:0 18px 55px rgba(0,0,0,.32)}
:root[data-theme="dark"]{--accent:#7c3aed;--accent2:#a78bfa;--bg:#08090b;--panel:#111216;--panel2:#17181d;--text:#f7f7f8;--muted:#a0a2aa;--line:#292b32}
:root[data-theme="white"]{--accent:#7c3aed;--accent2:#9333ea;--bg:#f6f5fb;--panel:#fff;--panel2:#f0edf8;--text:#17141f;--muted:#6f687b;--line:#ddd7e8;--shadow:0 18px 50px rgba(49,35,73,.12)}
body{background:radial-gradient(circle at 70% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 35%),var(--bg);color:var(--text)}
button,.mail-item,.settings-card,.media-card,.dialog{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
button:hover:not(:disabled){transform:translateY(-1px)}
.page{animation:pageIn .24s ease both}.dialog{animation:popIn .18s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes popIn{from{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:none}}
.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:7px}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.media-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.media-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}.media-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--accent) 20%,var(--panel));font-size:20px}.media-title h2{margin:0}.media-title small,.media-mail small{display:block;color:var(--muted);margin-top:3px}.media-mail{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.media-mail>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.warning{padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-radius:10px}.storage-meter{height:7px;border-radius:999px;background:var(--line);overflow:hidden}.storage-meter>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit}.theme-picker{display:flex;gap:8px}.theme-picker button{flex:1}.skeleton{background:linear-gradient(90deg,var(--panel),var(--panel2),var(--panel));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}
@media(max-width:720px){.media-grid{grid-template-columns:1fr}.media-mail{align-items:flex-start;flex-direction:column}}
.error-code{font-size:72px;font-weight:900;letter-spacing:-5px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent}.button-link{display:inline-block;text-decoration:none;text-align:center}.quota-input{width:82px!important}

/* V5.1 reliable theme surfaces */
html,body,.sidebar,.main header,.auth,.auth-card,.dialog,.mail-list,.table-card,.settings-card,.status-list,.stats>div,.message,.media-card{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
.sidebar{background:var(--panel);border-color:var(--line)}.main header{background:var(--bg);border-color:var(--line)}
.auth-card,.dialog,.mail-list,.table-card,.settings-card,.status-list,.stats>div,.message,.media-card{background:var(--panel);border-color:var(--line);color:var(--text)}
.search-wrap,.secondary,.segmented,input,textarea,select{background:var(--panel2);border-color:var(--line);color:var(--text)}
.sidebar nav button{color:var(--muted)}.sidebar nav button:hover,.sidebar nav button.active{background:var(--panel2);color:var(--text)}
.mail-item{color:var(--text);border-color:var(--line)}.mail-item:hover,.mail-item.unread{background:var(--panel2)}
.primary,.compose-btn{background:linear-gradient(135deg,var(--accent),var(--accent2))}.logo span{background:linear-gradient(90deg,var(--accent),var(--accent2));background-clip:text;color:transparent}
:root[data-theme="purple"]{color-scheme:dark;--accent:#a855f7;--accent2:#e34ce8;--bg:#09090f;--panel:#111118;--panel2:#1a1522;--text:#faf7ff;--muted:#a59bae;--line:#30253a}
:root[data-theme="dark"]{color-scheme:dark;--accent:#7c3aed;--accent2:#a78bfa;--bg:#08090b;--panel:#111216;--panel2:#1a1b20;--text:#f7f7f8;--muted:#a0a2aa;--line:#292b32}
:root[data-theme="white"]{color-scheme:light;--accent:#7c3aed;--accent2:#a855f7;--bg:#f6f5fb;--panel:#fff;--panel2:#f0edf8;--text:#17141f;--muted:#6f687b;--line:#ddd7e8}
.social-strip{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}.social-chip{padding:8px 10px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;color:var(--text);font-size:12px;font-weight:700}

/* V5.2 profile pictures */
img.avatar{display:block;object-fit:contain;background:#160326;border:1px solid var(--line);padding:2px;overflow:hidden}
.profile-picture-editor{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center}.profile-picture-editor>.avatar{width:96px;height:96px;border-radius:20px}.profile-picture-editor input[type=file]{margin-bottom:10px}.profile-picture-editor small{display:block;color:var(--muted);margin-top:9px}.account-identity{display:flex;align-items:center;gap:10px;min-width:0}.account-identity>.avatar{flex:0 0 38px}
@media(max-width:600px){.profile-picture-editor{grid-template-columns:1fr}.profile-picture-editor>.avatar{width:88px;height:88px}}