:root{--bg:#0b0e14;--surface:#111620;--surface-2:#1a2030;--border:#232a3a;--text:#e6ecf5;--muted:#7d8aa0;--accent:#ff8a3d;--accent-glow:#ff8a3d40;--critical:#ff4d6d;--warn:#f5b85a;--ok:#4dd687;--info:#5aa9f5;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 80% -10%, #ff8a3d14, transparent 60%), radial-gradient(900px 500px at -10% 110%, #5aa9f50f, transparent 60%), var(--bg);color:var(--text);font-family:var(--sans);font-feature-settings:"cv11", "ss01";letter-spacing:-.005em;margin:0}button{cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);letter-spacing:.01em;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;transition:transform .12s,background .12s,border-color .12s}button:hover{background:#232a3a;border-color:#2c354a}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#1a0a00;box-shadow:0 6px 20px -8px var(--accent-glow), inset 0 1px 0 #fff3;border-color:#0000;font-weight:600}button.primary:hover{background:#ffa05c}button.danger{background:var(--critical);color:#20020a;border-color:#0000;font-weight:600}input,textarea,select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a{color:var(--info)}code,pre,.mono{font-family:var(--mono)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 14px 40px -28px #0009,inset 0 1px #ffffff05}.muted{color:var(--muted)}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.shell{grid-template-rows:auto 1fr;height:100%;display:grid}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0b0e14cc;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.topbar .brand{letter-spacing:.04em;font-size:14px;font-weight:700}.topbar .brand .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-right:8px;display:inline-block}.topbar nav button{color:var(--muted);background:0 0;border:none;border-radius:6px;padding:6px 10px}.topbar nav button.active{color:var(--text);background:var(--surface-2)}.main{padding:20px;overflow:auto}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pill{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill.critical{color:var(--critical);background:#ff4d6d26;border-color:#ff4d6d66}.pill.warn{color:var(--warn);background:#f5b85a1f;border-color:#f5b85a59}.pill.ok{color:var(--ok);background:#4dd6871f;border-color:#4dd68759}.pill.info{color:var(--info);background:#5aa9f51f;border-color:#5aa9f559}.alarm-banner{z-index:30;background:var(--critical);color:#20020a;align-items:center;gap:12px;padding:10px 20px;font-weight:700;animation:1.2s ease-in-out infinite alarm-pulse;display:flex;position:sticky;top:0}@keyframes alarm-pulse{0%,to{box-shadow:0 0 #ff4d6d99}50%{box-shadow:0 0 30px 4px #ff4d6d99}}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--border);text-align:left;padding:8px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}tr:hover td{background:#ffffff05}.metric{font-family:var(--mono);letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;font-size:44px;font-weight:600}.metric .currency{color:var(--muted);margin-right:4px;font-weight:400}.metric.tiny{font-size:14px}