:root{color:#e9ecf7;font-synthesis:none;--bg:#090d19;--panel:#111728;--panel2:#161d31;--line:#263049;--muted:#8d99b7;--text:#e9ecf7;--accent:#8d7aff;--accent2:#bdaaff;--danger:#ff7c91;--green:#50d7ac;background:#090d19;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -10%,#242044 0,transparent 38%),var(--bg);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--accent2);text-decoration:none}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:700;display:flex}.brand b{color:var(--accent2)}.brand-mark{color:#0b1020;background:linear-gradient(135deg,#c6b8ff,#7b6cf5);border-radius:9px;place-items:center;width:29px;height:29px;font-size:17px;display:grid;box-shadow:0 7px 22px #8475ff45}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#909dbe;font-size:11px;font-weight:700}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:Manrope,sans-serif}h1{margin-bottom:4px;font-size:28px}h2{font-size:20px}.button{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:600;transition:all .18s;display:inline-flex}.button:hover{border-color:#64719a;transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.primary{color:#fff;background:linear-gradient(135deg,#8978ff,#6e60dc);border-color:#0000;box-shadow:0 8px 22px #6659dc3d}.button.secondary{background:#1b243b}.button.ghost{color:#adb8d4;border-color:#0000}.button.small{padding:7px 10px;font-size:12px}.button.danger{color:var(--danger)}.full{width:100%}.icon-button{color:#aeb9d2;background:0 0;border:0;border-radius:8px;padding:8px;font-size:19px}.icon-button:hover{color:#fff;background:#202a43}.danger-text{color:var(--danger)!important}.spinner{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:9px;margin:15px 0;padding:11px 13px;font-size:13px}.alert.error{color:#ffb8c4;background:#3a1b2a;border:1px solid #76364d}.auth-shell{place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.auth-card{z-index:1;background:#111729e8;border:1px solid #2a3553;border-radius:22px;width:min(100%,420px);padding:42px;position:relative;box-shadow:0 24px 80px #0006}.auth-card.wide{width:min(100%,500px)}.auth-card .brand{margin-bottom:43px}.auth-card h1{margin:8px 0;font-size:31px}.auth-card .muted{margin-bottom:28px}.auth-glow{filter:blur(60px);background:#6659dd26;border-radius:50%;width:580px;height:580px;position:absolute;top:-180px;right:-230px}.stack{flex-direction:column;gap:16px;display:flex}label{color:#bec8df;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}label small{font-weight:400}input,textarea,select{width:100%;color:var(--text);background:#0d1322;border:1px solid #2b3754;border-radius:9px;outline:none;padding:11px 12px;transition:border .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8978ff1f}textarea{resize:vertical;line-height:1.6}.auth-link{text-align:center;margin:25px 0 0;font-size:13px}.success-icon{color:var(--green);margin:15px 0;font-size:30px}.app-shell,.admin-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:3;background:#0d1221ee;border-bottom:1px solid #202a42;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:relative}.topbar-actions{align-items:center;gap:12px;display:flex}.greeting{color:var(--muted);font-size:13px}.avatar,.message-avatar{color:#fff;background:linear-gradient(135deg,#9a8aff,#6156ce);border:0;border-radius:50%;place-items:center;width:33px;height:33px;font-weight:700;display:grid}.workspace{min-height:calc(100vh - 72px);display:flex}.sidebar{background:#0d1322;border-right:1px solid #202a42;flex-direction:column;flex-shrink:0;width:245px;padding:29px 15px 17px;display:flex}.compose-button{width:100%;margin-bottom:24px;padding:12px}.nav-item{color:#98a5c2;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:11px 13px;font-size:14px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#202a43}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}.nav-item span{text-align:center;width:17px;font-size:17px}.count{color:#fff;background:#7e70f0;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.storage-card{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:3px;margin-bottom:14px;padding:13px;display:flex}.storage-card span,.storage-card small{color:var(--muted);font-size:11px}.storage-card strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.admin-link{color:#8c98b4;padding:7px;font-size:12px}.mail-area{width:100%;max-width:1100px;margin:0 auto;padding:39px 44px}.mail-toolbar{justify-content:space-between;align-items:center;gap:22px;margin-bottom:25px;display:flex}.search{width:min(310px,40vw);position:relative}.search span{color:#8490ad;font-size:20px;position:absolute;top:8px;left:12px}.search input{background:#10172a;border-radius:20px;padding-left:35px}.message-list{border:1px solid var(--line);border-radius:13px;overflow:hidden}.message-row{background:#111829;border-bottom:1px solid #202a42;align-items:center;transition:all .15s;display:flex}.message-row:last-child{border:0}.message-row:hover{background:#18223a}.message-row.unread{background:#151e34}.message-row.unread .sender,.message-row.unread .subject{color:#fff;font-weight:700}.star{color:#63708e;background:0 0;border:0;padding:18px 4px 18px 16px;font-size:21px}.star:hover{color:#f8c879}.read-toggle{color:#8794b1;background:0 0;border:0;padding:10px;font-size:13px}.read-toggle:hover{color:#bdaaff}.message-content{color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:190px 1fr 145px;align-items:center;gap:15px;width:100%;min-width:0;padding:17px 15px 17px 8px;display:grid}.sender,.subject,.row-meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.subject small{color:#7583a3;font-weight:400}.row-meta{text-align:right;color:#7d8aa8;font-size:11px}.empty{text-align:center;color:var(--muted);padding:100px 20px}.empty-icon{color:#9488ff;background:#1a2340;border-radius:50%;place-items:center;width:55px;height:55px;margin:auto auto 16px;font-size:25px;display:grid}.empty h3{color:#d7def0;margin-bottom:6px}.empty p{font-size:13px}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:80px;display:flex}.full-screen{height:100vh}.mobile-only{display:none}.message-view{border:1px solid var(--line);background:#111829;border-radius:13px;min-height:500px}.message-actions{border-bottom:1px solid var(--line);align-items:center;padding:13px;display:flex}.action-spacer{flex:1}.message-header{border-bottom:1px solid #202a42;gap:15px;padding:28px 31px 22px;display:flex}.message-header .message-avatar{flex-shrink:0;width:41px;height:41px}.message-header h2{margin:1px 0 6px;font-size:20px}.message-header p{margin-bottom:5px;font-size:13px}.message-header small{margin-top:3px;font-size:11px;display:block}.message-body{overflow-wrap:anywhere;color:#dce2f0;padding:31px;line-height:1.75}.plain-text{white-space:pre-wrap;font:inherit}.message-body a{color:#a99dff;text-decoration:underline}.message-body table{border-collapse:collapse;max-width:100%}.message-body td,.message-body th{border:1px solid var(--line);padding:7px}.attachments{padding:0 31px 22px}.attachments h3{border-top:1px solid var(--line);padding-top:20px;font-size:13px}.attachments h3 span{color:var(--muted);margin-left:5px;font-weight:400}.attachment{color:#e8ebf6;background:#1a2340;border-radius:8px;align-items:center;gap:9px;max-width:240px;margin:0 7px 7px 0;padding:9px;font-size:12px;display:inline-flex}.attachment>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.attachment b,.attachment small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.attachment small{color:var(--muted)}.message-footer{gap:8px;padding:0 31px 30px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#050812aa;justify-content:flex-end;align-items:flex-end;padding:22px;display:flex;position:fixed;inset:0}.compose-panel,.dialog{background:#11192d;border:1px solid #354260;border-radius:15px;width:min(100%,580px);max-height:calc(100vh - 44px);overflow:auto;box-shadow:0 20px 90px #0009}.dialog{width:min(100%,520px)}.dialog-form{padding:20px 22px}.dialog-actions{justify-content:flex-end;gap:9px;padding:0 22px 20px;display:flex}.dialog-actions .danger{color:var(--danger);border-color:#76364d}.auth-badge{color:var(--muted);border-bottom:1px solid #202a42;padding:9px 31px;font-size:11px}.pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:9px;margin-top:15px;font-size:12px;display:flex}.file-pill button{color:var(--muted);background:0 0;border:0;padding:0 0 0 4px}.message-view .message-body a{word-break:break-word}.compose-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.compose-header h2{margin:2px 0 0;font-size:19px}.compose-form{padding:17px 22px}.compose-form>label{margin-bottom:12px}.compose-footer,.compose-files{align-items:center;gap:8px;display:flex}.compose-footer{margin-top:16px}.compose-files{flex-wrap:wrap;margin-top:10px}.file-button{color:#a99dff;cursor:pointer;font-size:12px}.file-pill{color:#cbd2e3;background:#252f4b;border-radius:15px;padding:5px 9px;font-size:11px}.admin-workspace{min-height:calc(100vh - 72px);display:flex}.admin-sidebar{background:#0d1322;border-right:1px solid #202a42;flex-direction:column;flex-shrink:0;width:255px;padding:40px 17px;display:flex}.admin-sidebar h2{margin:6px 0 27px;font-size:21px}.admin-nav{color:#929fbd;text-align:left;background:0 0;border:0;border-radius:8px;margin:2px 0;padding:11px 12px;font-size:13px}.admin-nav.active,.admin-nav:hover{color:#fff;background:#202a43}.admin-back{border-top:1px solid var(--line);color:var(--muted);margin-top:auto;padding:19px 11px 0;font-size:12px}.admin-content{width:min(1100px,100%);margin:0 auto;padding:40px 45px}.content-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card,.panel{border:1px solid var(--line);background:#111829;border-radius:12px;padding:20px}.stat-card{flex-direction:column;gap:5px;min-height:139px;display:flex}.stat-card span,.stat-card small{color:var(--muted);font-size:12px}.stat-card strong{margin-top:10px;font:800 28px Manrope,sans-serif}.stat-card small.status{font-size:11px}.full-span{grid-column:1/-1;margin-top:3px}.full-span h2{font-size:17px}.inline-form{align-items:flex-end;gap:9px;display:flex}.inline-form input,.inline-form select{flex:1;min-width:0}.panel h2{margin-bottom:15px;font-size:16px}.data-table{border:1px solid var(--line);border-radius:12px;margin-top:15px;overflow:hidden}.table-row{background:#111829;border-bottom:1px solid #202a42;align-items:center;gap:13px;padding:15px 17px;display:flex}.table-row:last-child{border:0}.table-row>div:first-child{flex-direction:column;flex:1;min-width:0;display:flex}.table-row strong,.table-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-row strong{font-size:13px}.table-row small{color:var(--muted);margin-top:3px;font-size:11px}.status{white-space:nowrap;font-size:11px}.status.on{color:var(--green)}.status.off{color:var(--danger)}.settings-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.settings-grid .panel{flex-direction:column;gap:14px;display:flex}.settings-grid .button{align-self:flex-start}.switch-row{flex-direction:row;align-items:center;gap:8px;display:flex}.switch-row input{width:auto}.compact-select{width:auto;max-width:180px;padding:7px;font-size:12px}.log-panel{padding:0}.log-row{border-bottom:1px solid #202a42;align-items:center;gap:15px;padding:14px 17px;display:flex}.log-row:last-child{border:0}.log-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.log-row strong,.log-row small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.log-row strong{font-size:12px}.log-row small,.log-row time{color:var(--muted);font-size:11px}.log-row time{white-space:nowrap}.pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;padding:16px 0;font-size:12px;display:flex}.auth-badge{color:#abb7d1;border:1px solid #2f3d61;border-radius:8px;margin:0 31px;padding:10px 12px;font-size:11px}@media (width<=850px){.sidebar{width:210px}.mail-area,.admin-content{padding:30px 22px}.message-content{grid-template-columns:150px 1fr 100px}.admin-sidebar{width:215px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.dialog{border-radius:15px 15px 0 0;width:100%}.dialog-actions{padding-bottom:22px}.auth-badge{padding:9px 18px}.pagination{flex-wrap:wrap}.topbar{height:62px;padding:0 16px}.topbar .brand{font-size:14px}.workspace,.admin-workspace{min-height:calc(100vh - 62px)}.mobile-only{display:inline-block}.desktop-only{display:none}.sidebar{z-index:5;width:245px;display:none;position:fixed;top:62px;bottom:0;left:0;box-shadow:10px 0 30px #0008}.sidebar.open{display:flex}.mail-area,.admin-content{padding:25px 15px}.mail-toolbar{flex-direction:column;align-items:flex-start;margin-bottom:18px}.mail-toolbar h1{font-size:24px}.search{width:100%}.message-content{grid-template-columns:1fr 85px;gap:4px;padding-right:8px}.message-content .subject{grid-area:2/1/auto/-1}.sender{grid-column:1}.row-meta{grid-area:1/2}.message-header,.message-body{padding:22px 18px}.attachments{padding:0 18px 18px}.message-footer{padding:0 18px 22px}.modal-backdrop{padding:0}.compose-panel{border-radius:15px 15px 0 0;width:100%;max-height:92vh}.admin-sidebar{border:0;width:100%;min-height:0;padding:20px 15px 5px;position:static}.admin-sidebar h2{margin-bottom:10px}.admin-nav{width:auto;margin-right:3px;display:inline-block}.admin-back{border:0;padding:10px 5px}.admin-workspace{display:block}.content-heading{margin-bottom:20px}.content-heading h1{font-size:23px}.stat-grid,.settings-grid{grid-template-columns:1fr}.stat-card{min-height:110px}.inline-form{grid-template-columns:1fr;display:grid}.table-row{flex-wrap:wrap}.table-row .status{margin-left:auto}.table-row .button{font-size:11px}.auth-card{padding:30px 22px}.auth-card .brand{margin-bottom:30px}}