:root{--bg:#0b1218;--panel:#15212b;--panel2:#1b2a36;--line:#334553;--text:#eef5f2;--muted:#9fb0ba;--green:#59d66d;--amber:#f0bd45;--red:#ff6767}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}.landing{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#203a2d 0,#111a20 42%,#080d11 100%)}.hero{text-align:center;padding:36px}.logo{font-size:76px;font-weight:900;font-style:italic;letter-spacing:-5px;color:var(--green)}.hero h1{font-size:34px;margin:8px 0 12px}.hero p{color:var(--muted);font-size:18px;margin-bottom:34px}.button{display:inline-block;background:var(--green);color:#08150c;text-decoration:none;padding:13px 21px;border-radius:8px;font-weight:800}.button.secondary{background:#223442;color:var(--text);border:1px solid var(--line)}.top{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);background:#111a22}.top strong{font-size:25px;color:var(--green);margin-right:12px}.top span,.top #updated{color:var(--muted);font-size:13px}.dashboard{max-width:1450px;margin:auto;padding:24px}.headline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.headline h1{margin:4px 0}.headline p{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em}.status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.grid{display:grid;gap:18px;margin-bottom:18px}.grid.two{grid-template-columns:1.1fr .9fr}.grid.three{grid-template-columns:repeat(3,1fr)}.panel,.status-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:12px;padding:17px}.panel h2{margin:0 0 14px;font-size:18px}.status-card small{color:var(--muted);display:block;margin-bottom:7px}.status-card strong{font-size:16px}.dot{width:11px;height:11px;border-radius:50%;display:inline-block;margin-right:8px;background:#657580}.online{background:var(--green)}.warn{background:var(--amber)}.offline{background:var(--red)}.row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #2a3b48}.row:last-child{border-bottom:0}.row small{display:block;color:var(--muted);margin-top:3px}.state{font-size:12px;font-weight:800}.online-text{color:var(--green)}.warn-text{color:var(--amber)}.offline-text{color:var(--red)}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{background:#101a21;border:1px solid #2a3b48;border-radius:8px;padding:12px}.metric small{color:var(--muted);display:block}.metric strong{font-size:21px;display:block;margin-top:4px}.empty{color:var(--muted);padding:8px 0}@media(max-width:950px){.status-grid{grid-template-columns:repeat(2,1fr)}.grid.two,.grid.three{grid-template-columns:1fr}}