:root{--bg:#020708;--panel:#071417;--panel2:#0a1c20;--line:rgba(52,245,112,.18);--green:#38f477;--text:#eff8f4;--muted:#91a59e;--gold:#e8bd62;--danger:#ff6e7c}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 84% 0,rgba(56,244,119,.08),transparent 30%),linear-gradient(180deg,#030b0d,#020607)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.eyebrow{margin:0;color:var(--green)!important;font-size:.68rem;font-weight:850;letter-spacing:.14em}.topbar{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--line);background:rgba(2,7,8,.94);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand>span,.zeus-symbol{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--green);border-radius:11px;color:var(--green);font-weight:950;box-shadow:inset 0 0 18px rgba(56,244,119,.08)}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:var(--green);font-size:.58rem;letter-spacing:.12em}.top-actions{display:flex;align-items:center;gap:17px;color:var(--muted);font-size:.77rem}.top-actions form{margin:0}.top-actions button{border:0;background:none;color:var(--green);cursor:pointer}.connection{color:#9fc7ae}.timer{min-width:46px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;color:var(--gold);font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{padding:22px 14px;border-right:1px solid var(--line);background:rgba(4,14,16,.72)}.compose-link{display:flex;align-items:center;justify-content:center;min-height:46px;margin-bottom:20px;border-radius:10px;background:linear-gradient(135deg,#42fb7d,#20d75a);color:#031008;font-weight:850;box-shadow:0 10px 28px rgba(56,244,119,.14)}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px 13px;margin-bottom:4px;border-radius:9px;color:#bdcec8;font-weight:700;font-size:.84rem}.sidebar nav a span{display:grid;place-items:center;width:24px;color:var(--green)}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(56,244,119,.09);color:var(--green)}.server-card{margin:28px 7px 0;padding:14px;border:1px solid rgba(232,189,98,.2);border-radius:11px;background:rgba(232,189,98,.04)}.server-card span,.server-card strong,.server-card small{display:block}.server-card span{color:var(--gold);font-size:.62rem;font-weight:850;letter-spacing:.1em}.server-card strong{margin-top:7px;font-size:.78rem}.server-card small{margin-top:6px;color:var(--muted);line-height:1.5}.portal-link{display:block;margin:18px 9px;color:var(--muted);font-size:.75rem}.content{width:100%;max-width:1440px;margin:0 auto;padding:34px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:4px 0 8px;font-size:clamp(2.1rem,4.5vw,3.6rem);line-height:1;letter-spacing:-.055em}.page-head p{margin:0;color:var(--muted)}.btn{display:inline-flex;min-height:44px;padding:0 17px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:#071417;color:var(--text);font-weight:800;cursor:pointer}.btn.primary{border-color:transparent;background:linear-gradient(135deg,#46ff80,#21d85a);color:#031008;box-shadow:0 9px 25px rgba(56,244,119,.14)}.btn.ghost{background:transparent}.btn.danger{color:#ff9ca5;border-color:rgba(255,110,124,.3);background:rgba(255,110,124,.05)}.search{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-bottom:14px;border:1px solid var(--line);border-radius:11px;background:#030b0d;overflow:hidden}.search input{border:0}.search button{padding:0 20px;border:0;border-left:1px solid var(--line);background:rgba(56,244,119,.06);color:var(--green);font-weight:800;cursor:pointer}.mailbox{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(9,26,30,.94),rgba(4,12,14,.97));overflow:hidden}.mailbox-head,.message-row{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(280px,1.5fr) minmax(125px,.35fr);gap:18px;align-items:center}.mailbox-head{padding:12px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.09em}.message-row{min-height:69px;padding:11px 18px;border-bottom:1px solid rgba(255,255,255,.055);color:#c6d5d0}.message-row:hover{background:rgba(56,244,119,.035)}.message-row.unread{color:#fff;background:rgba(56,244,119,.025)}.message-row.unread .sender,.message-row.unread .subject{font-weight:850}.sender,.subject{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.star{margin-right:7px;color:var(--gold)}.attachment{float:right;margin-right:8px;color:var(--green)}.meta{text-align:right;color:var(--muted);font-size:.75rem}.meta small{display:block;margin-top:4px;font-size:.65rem}.empty{text-align:center;padding:70px 20px}.empty strong,.empty span{display:block}.empty span{margin-top:8px;color:var(--muted)}input,textarea{width:100%;padding:13px 14px;border:1px solid rgba(56,244,119,.19);border-radius:9px;background:#02090b;color:#fff;outline:none}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(56,244,119,.07)}input[readonly]{color:#b7c8c2;background:#061013}textarea{resize:vertical;line-height:1.55}.compose-card{display:grid;gap:17px;padding:25px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(10,28,32,.95),rgba(4,13,15,.98))}.compose-card label,.form-stack label{display:grid;gap:7px;color:#cad8d3;font-size:.82rem;font-weight:750}.compose-card details{border:1px solid rgba(255,255,255,.07);border-radius:9px}.compose-card summary{padding:11px 13px;color:var(--green);font-size:.76rem;cursor:pointer}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 13px 13px}.file-box{padding:16px;border:1px dashed rgba(56,244,119,.27);border-radius:11px;background:rgba(56,244,119,.02)}.file-box input{padding:8px;background:transparent}.file-box small{color:var(--muted);font-weight:400}.compose-actions{display:flex;gap:10px}.message-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:17px}.message-toolbar>div{display:flex;gap:9px}.message-toolbar form{margin:0}.message-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(10,28,32,.95),rgba(4,13,15,.98));overflow:hidden}.message-card>header{padding:29px;border-bottom:1px solid rgba(255,255,255,.07)}.message-card h1{margin:7px 0 23px;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}.message-card dl{margin:0}.message-card dl>div{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:5px 0}.message-card dt{color:var(--muted);font-size:.73rem}.message-card dd{margin:0;font-size:.84rem;overflow-wrap:anywhere}.message-body{min-height:260px;padding:32px;line-height:1.75;color:#dce7e3;overflow-wrap:anywhere}.attachments{padding:20px 29px 28px;border-top:1px solid rgba(255,255,255,.07)}.attachments h2{font-size:.9rem}.attachments a{display:flex;gap:12px;align-items:center;margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:10px}.attachments a>span{color:var(--green);font-size:1.4rem}.attachments strong,.attachments small{display:block}.attachments small{margin-top:3px;color:var(--muted)}.notice{padding:13px 15px;margin-bottom:17px;border-radius:9px}.notice.error{color:#ffc1c7;border:1px solid rgba(255,110,124,.25);background:rgba(255,110,124,.08)}.notice.success{color:#caffdc;border:1px solid var(--line);background:rgba(56,244,119,.07)}.login-page main{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{width:min(580px,100%);padding:45px 50px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(180deg,#0a1c20,#061215);box-shadow:0 35px 100px rgba(0,0,0,.46)}.zeus-symbol{width:52px;height:52px;margin-bottom:25px;font-size:1.5rem}.login-card h1{margin:6px 0 10px;font-size:clamp(2.3rem,6vw,4.2rem);line-height:1;letter-spacing:-.06em}.login-card .intro{margin:0 0 28px;color:var(--muted)}.form-stack{display:grid;gap:18px}.login-card input{min-height:52px}.login-card .btn{width:100%;min-height:52px}.security-note{margin-top:23px;padding:17px;border:1px solid rgba(232,189,98,.2);border-radius:10px;background:rgba(232,189,98,.04)}.security-note strong,.security-note span{display:block}.security-note strong{color:var(--gold);font-size:.72rem;letter-spacing:.06em}.security-note span{margin-top:6px;color:var(--muted);font-size:.75rem;line-height:1.5}.back{display:inline-block;margin-top:20px;color:var(--muted);font-size:.76rem}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:flex;align-items:center;gap:8px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:9px}.compose-link{min-width:170px;margin:0}.sidebar nav{display:flex}.sidebar nav a{white-space:nowrap;margin:0}.server-card,.portal-link{display:none}.content{padding:24px 15px}}@media(max-width:650px){.topbar{padding:0 13px}.connection{display:none}.content{padding:20px 11px}.page-head{align-items:flex-start;flex-direction:column}.page-head .btn{width:100%}.mailbox-head{display:none}.message-row{grid-template-columns:1fr auto;gap:4px 12px;padding:14px}.message-row .subject{grid-column:1/-1;grid-row:2}.meta{grid-column:2;grid-row:1}.two-fields{grid-template-columns:1fr}.compose-card{padding:18px 14px}.compose-actions,.message-toolbar{flex-direction:column}.compose-actions .btn,.message-toolbar .btn{width:100%}.message-toolbar>div{width:100%}.message-toolbar>div>*{flex:1}.message-card>header,.message-body,.attachments{padding:22px 17px}.top-actions{gap:8px}.login-card{padding:34px 24px}}
