:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#0b1220;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.page-shell{background:radial-gradient(circle at 10% 15%,#30d18d29,#0000 28%),radial-gradient(circle at 90% 85%,#576cff33,#0000 30%),#0b1220;place-items:center;min-height:100vh;padding:32px 20px;display:grid}.status-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111b2edb;border:1px solid #ffffff1a;border-radius:28px;width:min(100%,720px);padding:clamp(28px,6vw,64px);box-shadow:0 28px 80px #00000059}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111b2ee6;border:1px solid #ffffff1a;border-radius:28px;width:min(100%,460px);padding:clamp(28px,6vw,48px);box-shadow:0 28px 80px #00000061}.brand-mark{color:#07120e;letter-spacing:-.04em;background:#30d18d;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:28px;font-size:.9rem;font-weight:900;display:grid;box-shadow:0 10px 30px #30d18d47}.eyebrow{color:#a9b7cd;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:.8rem;font-weight:700;display:flex}.status-dot{background:#30d18d;border-radius:999px;width:9px;height:9px;box-shadow:0 0 20px #30d18de6}h1{color:#fff;letter-spacing:-.06em;margin:28px 0 16px;font-size:clamp(2.8rem,8vw,5.5rem);line-height:.98}.login-title{margin:18px 0 12px;font-size:clamp(2.35rem,10vw,3.7rem)}.login-copy{font-size:1rem;line-height:1.6}.login-form{margin-top:30px;display:grid}.login-form label{color:#c9d3e2;margin:0 0 8px;font-size:.84rem;font-weight:700}.login-form input{color:#f8fafc;width:100%;height:50px;font:inherit;background:#040b1885;border:1px solid #ffffff24;border-radius:12px;outline:none;margin-bottom:18px;padding:0 15px;transition:border-color .15s,box-shadow .15s}.login-form input:focus{border-color:#30d18d;box-shadow:0 0 0 3px #30d18d24}.login-form button,.logout-button{font:inherit;cursor:pointer;border:0;border-radius:12px;font-weight:800}.login-form button{color:#07120e;background:#30d18d;min-height:50px;transition:transform .15s,background .15s}.login-form button:hover:not(:disabled){background:#55dda3;transform:translateY(-1px)}.login-form button:disabled{cursor:wait;opacity:.7}.form-message{color:#ff9c9c;min-height:22px;margin:-4px 0 10px;font-size:.84rem}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.logout-button{color:#c9d3e2;background:#ffffff12;padding:9px 14px}.logout-button:hover{color:#fff;background:#ffffff1f}.loading{color:#bdc8d8;font-weight:700}p{color:#bdc8d8;max-width:590px;margin:0;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.7}.status-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:42px 0 0;display:grid}.status-list div{background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;padding:16px}dt{color:#8392aa;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:700}dd{color:#eef4ff;margin:0;font-size:.95rem;font-weight:650}@media (width<=620px){.status-list{grid-template-columns:1fr}}
