*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#edf2f7;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:900px;margin:auto;padding:24px 18px 40px;min-height:100vh}.topbar,.brand,.welcome-row,.message-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar{margin-bottom:34px}.brand{justify-content:flex-start}.brand-icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#4f8cff,#7557e8);display:grid;place-items:center;font-size:23px;font-weight:800}.brand h1{font-size:18px;margin:0}.brand p,.muted,.meta,.footnote{color:#94a3b8}.brand p{font-size:12px;margin:3px 0}.login-card{max-width:440px;margin:7vh auto 0;background:#151f31;border:1px solid #263449;border-radius:22px;padding:30px;box-shadow:0 18px 50px #0004}.eyebrow{font-size:10px;letter-spacing:2px;color:#8caeff;font-weight:800}.login-card h2,.welcome-row h2{font-size:26px;margin:8px 0}.login-card>p{font-size:14px;line-height:1.5}label{display:block;font-size:13px;color:#cbd5e1;margin:18px 0}input,select{width:100%;background:#0e1726;border:1px solid #34445d;border-radius:11px;color:#f8fafc;padding:13px 14px;margin-top:8px;font:inherit;outline:none}input:focus,select:focus{border-color:#7da5ff}.primary,.secondary,.quiet,.call-link{border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:#477cf0;color:white}.secondary{background:#25344c;color:#e2e8f0}.quiet{background:transparent;color:#aebbd0}.primary:disabled{opacity:.6}.login-card .primary{width:100%;margin-top:5px}.error{color:#ff9a9a;font-size:13px;min-height:18px}.hidden{display:none!important}.welcome-row{margin-bottom:20px}.welcome-row h2{font-size:24px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.stat{background:#151f31;border:1px solid #263449;border-radius:16px;padding:18px}.stat span{display:block;color:#9aabc1;font-size:12px}.stat strong{display:block;font-size:32px;margin-top:7px}.toolbar{display:grid;grid-template-columns:1fr 190px;gap:12px;margin:20px 0}.toolbar input,.toolbar select{margin:0}.status-line{font-size:12px;margin:10px 2px}.messages{display:grid;gap:14px}.message-card{background:#151f31;border:1px solid #263449;border-radius:17px;padding:18px}.message-head{align-items:flex-start}.message-head h3{margin:0 0 5px;font-size:17px}.meta{font-size:11px}.pill{font-size:11px;border-radius:30px;padding:6px 10px;white-space:nowrap}.pill.new{background:#42321b;color:#ffd58a}.pill.read{background:#1d3555;color:#a9ceff}.pill.done{background:#173c32;color:#9be3c1}.detail{margin-top:16px}.detail b{font-size:11px;color:#93a6c1;text-transform:uppercase;letter-spacing:1px}.detail p{margin:5px 0 0;line-height:1.5;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.message-text{color:#e1e8f2}.actions{justify-content:flex-start;flex-wrap:wrap;margin-top:17px}.small{padding:9px 12px;font-size:12px}.call-link{background:#183d35;color:#a5ebce;font-size:12px;padding:9px 12px}.empty{text-align:center;background:#151f31;border:1px dashed #34445d;border-radius:17px;padding:38px 18px;color:#9aabc1}.empty h3{color:#e2e8f0;margin:10px 0 5px}.empty p{font-size:13px}.empty-icon{font-size:28px}.footnote{font-size:11px;line-height:1.5;margin:22px 3px}footer{text-align:center;color:#64748b;font-size:11px;margin-top:35px}@media(max-width:560px){.shell{padding:18px 13px 32px}.login-card{padding:23px;margin-top:5vh}.toolbar{grid-template-columns:1fr}.welcome-row h2{font-size:21px}.stat{padding:15px}.message-card{padding:15px}}