:root{color-scheme:dark;--bg:#090a0f;--card:#14161e;--line:#292c36;--red:#ef1726;--muted:#969aa7;--ok:#43d17c;--warn:#f0b429}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#361016 0,transparent 38%),var(--bg);color:#f7f7f8;font:15px system-ui,Segoe UI,sans-serif;min-height:100vh}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,5vw);background:#0c0d12e8}.brand{font-weight:900;font-size:34px;letter-spacing:2px}.brand span{color:var(--red)}.brand.small{font-size:22px}.user,.user form{display:flex;align-items:center;gap:12px}.link{background:none;border:0;color:#ddd;text-decoration:underline;cursor:pointer}main{max-width:1150px;margin:auto;padding:28px 20px}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{color:var(--red);font-weight:800;letter-spacing:2px;margin:0}h1{font-size:clamp(28px,5vw,48px);margin:6px 0}.muted{color:var(--muted)}.badge{border:1px solid var(--line);border-radius:999px;padding:12px 20px;font-weight:800}nav{display:flex;gap:8px;overflow:auto;margin:25px 0}nav button{background:#11131a;border:1px solid var(--line);color:#aaa;border-radius:10px;padding:10px 16px;white-space:nowrap}nav .active{color:#fff;border-color:var(--red)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:linear-gradient(145deg,#181a23,#111219);border:1px solid var(--line);border-radius:16px;padding:18px;min-height:145px}.card h2{font-size:17px;margin:0 0 18px}.status{font-size:27px;font-weight:900}.OK{color:var(--ok)}.WARNING,.UNKNOWN{color:var(--warn)}.CRITICAL{color:var(--red)}.detail{color:var(--muted);margin-top:12px}.notice{border:1px solid var(--line);background:#11131a;padding:13px 16px;border-radius:12px;margin-top:18px;color:var(--muted)}.login-body{display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);padding:34px;border:1px solid var(--line);border-radius:24px;background:#111219eF;box-shadow:0 30px 80px #0009}.login-card .muted{text-align:center;margin-bottom:24px}.login-card .brand{text-align:center}.login-card label{display:block;margin:16px 0 7px;font-weight:650}.login-card input{width:100%;padding:14px;border-radius:10px;border:1px solid #3a3d47;background:#20232c;color:#fff;font-size:16px}.login-card button:not(.link){width:100%;padding:14px;border:0;border-radius:10px;background:var(--red);color:#fff;font-weight:800;font-size:16px;margin:22px 0 14px}.login-card small{display:block;text-align:center;color:var(--muted)}.error{background:#40131a;border:1px solid #8b2632;padding:12px;border-radius:9px;margin:15px 0}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}main{padding-top:18px}.hero{align-items:flex-start}.badge{padding:9px 13px}}@media(max-width:480px){.cards{grid-template-columns:1fr 1fr;gap:9px}.card{padding:14px;min-height:125px}.status{font-size:21px}.detail{font-size:12px}.login-card{padding:25px 20px}.brand{font-size:28px}}