@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background-color:#0b0f14;color:#eaf2ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(71,92,255,.2),transparent 45%),radial-gradient(circle at 15% 50%,rgba(0,193,255,.18),transparent 55%),radial-gradient(circle at bottom right,rgba(53,255,191,.15),transparent 40%),#080b10}#root{min-height:100vh}.layout{padding:22px 28px 24px;display:flex;flex-direction:column;gap:12px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}header h1{font-size:clamp(28px,2.8vw,48px);margin:0 0 6px;letter-spacing:-.02em}header span{opacity:.7;font-size:clamp(14px,1.2vw,20px)}.actions{display:flex;align-items:center;gap:12px}button{font-family:inherit;font-size:16px;padding:10px 18px;border-radius:999px;border:none;background:linear-gradient(120deg,#2a66ff,#3dd8ff);color:#05101e;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #2d6eff4d}.ghost{background:transparent;color:#eaf2ff;border:1px solid rgba(255,255,255,.16)}.icon-btn{width:40px;height:40px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-btn svg{width:19px;height:19px}.filters{display:flex;align-items:center;gap:16px;background:#0a0e14b3;border:1px solid rgba(255,255,255,.08);padding:12px 16px;border-radius:16px}.filters-label{font-size:14px;text-transform:uppercase;letter-spacing:.12em;opacity:.6}.filters-list{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#eaf2ff;font-size:14px}.chip.active{background:#3a86ff40;border-color:#3a86ffb3}main{display:grid;grid-template-columns:2.3fr 1fr;gap:16px;align-items:start;min-height:0}.cockpit{display:flex;flex-direction:column;gap:12px}.block-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.block-header h2{font-size:clamp(20px,1.8vw,28px);margin:0}.block-header span{opacity:.6;font-size:14px}.hero-grid,.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.card{background:#0f141ccc;border-radius:18px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px;min-height:140px}.card-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#eaf2ffb3}.card-value{font-size:clamp(24px,2.3vw,40px);font-weight:700}.hero-card{min-height:168px;background:linear-gradient(145deg,#121e34e6,#0b121ef2);border-color:#4fb3ff52}.hero-card .card-value{font-size:clamp(38px,3.7vw,72px);line-height:1}.card-breakdown{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#eaf2ffbf}.breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.06em}.pill.up{background:#00d68f2e;color:#00d68f}.pill.down{background:#ff5c7c33;color:#ff5c7c}.events{background:#090e13b3;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;min-height:100%;max-height:470px;overflow:hidden}.events h2{margin:0;font-size:clamp(18px,1.6vw,24px)}.events-list{display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:4px}.event{background:#0d121acc;border-radius:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.05)}.event-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;opacity:.7}.event-title{font-size:14px;font-weight:600;margin-top:4px}.event-type{font-size:12px;color:#eaf2ff99}.level{padding:2px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.level.info{background:#398dff33;color:#4fb3ff}.level.warning{background:#ffbe5c33;color:#ffbe5c}.level.important{background:#ff900033;color:#ff9000}.level.critical{background:#ff5c7c40;color:#ff5c7c}.error{color:#ff5c7c;font-size:14px}.muted{opacity:.5;font-style:italic}.community-metrics{background:#090e139e;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px 12px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#0a0f16e6;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;width:min(420px,100%);box-shadow:0 30px 80px #030a1499}.login-card h1{margin-top:0}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:14px;margin-bottom:12px}.login-card input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#eaf2ff}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){main{grid-template-columns:1fr}.hero-grid,.ops-grid{grid-template-columns:1fr}}@media (max-width: 720px){.layout{padding:20px}header{flex-direction:column;align-items:flex-start}}