@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--bg-base:#08070c;--bg-surface:#0d0c14;--bg-card:#12111b;--bg-card-hover:#17151f;--accent:#7c6bff;--accent-dim:#7c6bff26;--accent-glow:#7c6bff40;--accent-hover:#9385ff;--text-primary:#f1eefc;--text-secondary:#a79fc2;--text-muted:#6b6482;--border:#ffffff14;--border-hover:#7c6bff59;--operational:#22c55e;--degraded:#f59e0b;--maintenance:#7c6bff;--down:#ef4444;--radius-sm:7px;--radius-md:11px;--radius-lg:18px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(circle at 15% 0,#7c6bff14,#0000 40%),radial-gradient(circle at 90% 20%,#7c6bff0d,#0000 40%);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.container{max-width:900px;margin:0 auto;padding:0 20px}.header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0910d9;align-items:center;gap:20px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.header-logo{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--accent-dim);color:var(--accent);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary)}.btn-danger{color:#ef4444;background:#ef44441f}.btn-sm{padding:6px 12px;font-size:12.5px}.input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.badge-operational{color:var(--operational);background:#22c55e1f}.badge-degraded{color:var(--degraded);background:#f59e0b1f}.badge-maintenance{color:var(--maintenance);background:#7c6bff24}.badge-down{color:var(--down);background:#ef44441f}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-operational{background:var(--operational);box-shadow:0 0 8px var(--operational)}.dot-degraded{background:var(--degraded);box-shadow:0 0 8px var(--degraded)}.dot-maintenance{background:var(--maintenance);box-shadow:0 0 8px var(--maintenance)}.dot-down{background:var(--down);box-shadow:0 0 8px var(--down)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}