@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Syne:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0b;--bg2: #111113;--bg3: #18181b;--bg4: #222226;--border: #2a2a2e;--border2: #3a3a40;--text: #e8e8ea;--text2: #8a8a92;--text3: #5a5a62;--green: #22c55e;--green-dim: #16a34a22;--red: #ef4444;--red-dim: #dc262622;--amber: #f59e0b;--amber-dim: #d9770622;--blue: #3b82f6;--blue-dim: #1d4ed822;--accent: #6366f1;--accent-dim: #4338ca22;--font-mono: "JetBrains Mono", monospace;--font-main: "Syne", sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-main);font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.btn{font-family:var(--font-mono);font-size:12px;padding:7px 14px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover{background:var(--bg4)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#4f46e5}.btn-sm{padding:5px 10px;font-size:11px}.btn-danger{border-color:var(--red);color:var(--red);background:transparent}.btn-danger:hover{background:var(--red-dim)}.tag{font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:4px;display:inline-block;white-space:nowrap}.tag-green{background:var(--green-dim);color:var(--green)}.tag-red{background:var(--red-dim);color:var(--red)}.tag-amber{background:var(--amber-dim);color:var(--amber)}.tag-blue{background:var(--blue-dim);color:var(--blue)}.tag-gray{background:#ffffff08;color:var(--text3)}.card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.card-title{font-size:13px;font-weight:600;color:var(--text)}table{width:100%;border-collapse:collapse}th{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);padding:10px 18px;text-align:left;border-bottom:1px solid var(--border)}td{padding:11px 18px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text2)}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.form-group{margin-bottom:16px}.form-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:6px;display:block}.form-input{width:100%;background:var(--bg4);border:1px solid var(--border2);border-radius:6px;padding:9px 12px;color:var(--text);font-family:var(--font-mono);font-size:13px;outline:none;transition:.15s}.form-input:focus{border-color:var(--accent)}.form-select{background:var(--bg4);border:1px solid var(--border2);border-radius:6px;padding:9px 12px;color:var(--text);font-family:var(--font-mono);font-size:13px;outline:none;cursor:pointer}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.page-title{font-size:20px;font-weight:600}.page-sub{font-family:var(--font-mono);font-size:12px;color:var(--text3);margin-top:4px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:16px}.metric-label{font-family:var(--font-mono);font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.metric-val{font-size:26px;font-weight:700;font-family:var(--font-mono)}.metric-sub{font-family:var(--font-mono);font-size:11px;margin-top:4px}.up{color:var(--green)}.down{color:var(--red)}.neutral{color:var(--text3)}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px;font-family:var(--font-mono);font-size:12px;color:#a5f3fc;line-height:1.6;white-space:pre;overflow-x:auto}.toggle{position:relative;width:36px;height:20px;cursor:pointer;display:inline-block}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg4);border-radius:10px;border:1px solid var(--border2);transition:.2s}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:var(--text3);border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider{background:var(--accent-dim);border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(16px);background:var(--accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}