*{box-sizing:border-box}html{min-height:100%;background:#090c12}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% -10%,#15325d55,transparent 42%),#090c12;color:#e8eef8;font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{width:min(1060px,100% - 40px);margin:0 auto;padding:22px 0 18px;min-height:100vh;display:flex;flex-direction:column}.top{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222c3b}.brand{display:flex;align-items:center;gap:10px;color:#eaf2ff;text-decoration:none;font-size:14px;font-weight:750;letter-spacing:.07em}.brand b{color:#80b8ff}.mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #3565a0;border-radius:11px;background:linear-gradient(145deg,#17417a,#10213a);color:#9ac8ff;font-weight:800}.secure{font-size:11px;color:#91a0b6}.secure i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54d49a;margin-right:6px;box-shadow:0 0 8px #54d49a77}.login-card{width:min(460px,100%);margin:clamp(38px,10vh,100px) auto auto;padding:30px;border:1px solid #263348;border-radius:18px;background:linear-gradient(145deg,#111925,#0e131c);box-shadow:0 24px 70px #0004}.eyebrow{font-size:10px;line-height:1.4;font-weight:750;letter-spacing:.13em;color:#75adf1}h1{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:8px 0 8px}.muted{margin:0;color:#94a2b7;font-size:13px}.login-card form{display:grid;gap:15px;margin-top:25px}.login-card label{display:grid;gap:6px;color:#bbc8da;font-size:12px;font-weight:600}.login-card input{width:100%;height:46px;padding:0 13px;border:1px solid #2c3b52;border-radius:10px;background:#0a1018;color:#e7f0ff;font:inherit;font-size:14px;outline:none}.login-card input:focus{border-color:#58a2ff;box-shadow:0 0 0 3px #428eff22}.login-card input::placeholder{color:#64748a}.primary,.secondary{font:inherit;cursor:pointer}.primary{height:48px;margin-top:4px;padding:0 15px;border:1px solid #408df0;border-radius:11px;background:linear-gradient(180deg,#318cff,#1466dd);color:white;font-weight:700;box-shadow:0 6px 18px #126fe033}.primary span{float:right;font-size:18px}.primary:disabled{opacity:.65;cursor:wait}.privacy{margin:15px 0 0;color:#73839b;font-size:10px;line-height:1.55}.error{min-height:0;margin:0;color:#ff9a9a;font-size:12px}.error:empty{display:none}.mail-view{margin:34px 0 20px}.mail-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:19px}.mail-head h1{font-size:27px}.actions{display:flex;gap:8px}.secondary{min-height:38px;padding:0 12px;border:1px solid #2b394d;border-radius:10px;background:#111925;color:#c1cee0;font-size:12px}.secondary:hover{border-color:#5276a3;background:#152033}.refresh-icon{font-size:16px;margin-right:4px}.mail-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);min-height:min(620px,68vh);border:1px solid #263348;border-radius:15px;overflow:hidden;background:#0f151f}.list-pane{min-width:0;border-right:1px solid #263348}.list-title{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #222d3e;color:#e1eaf7;font-size:12px;font-weight:700}.count{color:#8596ad;font-size:10px}.message-list{max-height:68vh;overflow:auto}.message-row{width:100%;display:block;padding:12px 14px;border:0;border-bottom:1px solid #1d2735;background:transparent;color:inherit;text-align:left;cursor:pointer}.message-row:hover{background:#131e2c}.message-row.selected{background:#162741;box-shadow:inset 3px 0 #61a4fa}.message-row .sender{display:block;overflow:hidden;color:#dbe8f8;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.message-row .subject{display:block;overflow:hidden;margin-top:3px;color:#aebcd0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.message-row .date{display:block;margin-top:5px;color:#72839c;font-size:10px}.loading,.empty-list{padding:25px 15px;color:#8595aa;font-size:12px}.message-pane{min-width:0;padding:22px 24px;overflow:auto}.empty-state{height:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c9bb0;text-align:center}.empty-state strong{margin-top:10px;color:#c5d1e2;font-size:14px}.empty-state p{margin:4px 0;font-size:12px}.empty-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #30445f;border-radius:14px;background:#142238;color:#86baff;font-size:20px}.message-detail h2{margin:0 0 12px;font-size:20px;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere}.meta{display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid #253144;color:#8798af;font-size:11px;overflow-wrap:anywhere}.meta b{color:#c0cde0;font-weight:550}.body-text{margin:18px 0 0;color:#d2dbea;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.truncated{margin-top:14px;padding:9px 11px;border:1px solid #4a4229;border-radius:9px;background:#211d14;color:#d6bd78;font-size:11px}footer{margin-top:auto;padding-top:19px;color:#64738a;font-size:10px;text-align:center}footer span{padding:0 5px;color:#41506a}[hidden]{display:none!important}@media(max-width:680px){.shell{width:min(100% - 24px,560px);padding-top:10px}.top{height:52px}.secure{font-size:9px}.login-card{margin-top:7vh;padding:22px 19px}h1{font-size:25px}.mail-view{margin-top:22px}.mail-head{align-items:flex-start}.mail-head h1{font-size:23px}.actions{gap:5px}.secondary{padding:0 9px;font-size:11px}.mail-layout{grid-template-columns:1fr;min-height:0}.list-pane{border-right:0;border-bottom:1px solid #263348}.message-list{max-height:33vh}.message-row{padding:10px 12px}.message-pane{min-height:290px;padding:18px 15px}.empty-state{min-height:230px}.body-text{font-size:12px}.mail-error{margin-top:8px}}@media(max-width:360px){.secure{display:none}.actions{flex-wrap:wrap;justify-content:flex-end}}