:root{--bg:#0f172a;--card:#111c33;--muted:#8ea0bd;--text:#eef5ff;--pri:#38bdf8;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--line:#253551}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#17365f,#0f172a 45%,#09111f);font-family:Inter,system-ui,Segoe UI,Arial;color:var(--text)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 6%;background:rgba(9,17,31,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:20px}.navlinks{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.container{max-width:1200px;margin:auto;padding:34px 20px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;min-height:560px}.hero h1{font-size:56px;line-height:1.02;margin:0 0 16px}.hero p,.muted{color:var(--muted)}.card{background:rgba(17,28,51,.78);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.btn,button{background:linear-gradient(135deg,#38bdf8,#6366f1);border:0;border-radius:14px;color:white;padding:12px 18px;font-weight:700;cursor:pointer;display:inline-block}.btn.secondary{background:#1e293b}.btn.danger{background:#dc2626}.btn.small{padding:8px 12px;border-radius:10px}input,select,textarea{width:100%;padding:12px 14px;margin:6px 0 14px;background:#0b1323;color:var(--text);border:1px solid var(--line);border-radius:14px}label{font-size:14px;color:#bdd0ec}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:12px;text-align:left}.badge{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.up{background:rgba(34,197,94,.16);color:#86efac}.down{background:rgba(239,68,68,.16);color:#fca5a5}.partial{background:rgba(245,158,11,.16);color:#fcd34d}.stat{font-size:34px;font-weight:900}.alert{background:#193458;border:1px solid #386aa3;border-radius:16px;padding:14px;margin-bottom:20px}.timeline{display:flex;gap:3px}.bar{height:34px;flex:1;border-radius:4px;background:var(--ok)}.bar.bad{background:var(--bad)}.bar.warn{background:var(--warn)}pre{white-space:pre-wrap;background:#08111f;border-radius:16px;padding:16px;overflow:auto}.hop-ok{color:#86efac}.hop-bad{color:#fca5a5;font-weight:900}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero h1{font-size:38px}.topbar{align-items:flex-start;flex-direction:column}}