*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #080b10;--bg-surface: #0d1117;--bg-elevated: #111824;--border: #1c2333;--border-hi: #2a3547;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #475569;--text-faint: #334155;--green: #4ade80;--red: #f87171;--blue: #60a5fa;--purple: #a78bfa;--amber: #fbbf24;--cyan: #22d3ee;--green-dim: #1a3a28;--red-dim: #2d1515;--blue-dim: #1a2d47;--purple-dim: #241a2d;--font-mono: "JetBrains Mono", "Fira Mono", monospace;--font-ui: "Rajdhani", system-ui, sans-serif;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-hi)}.up{color:var(--green)}.dn{color:var(--red)}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono)}.badge{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);font-size:9px;font-weight:700;white-space:nowrap}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid #2d5a4044}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid #4a202044}.badge-blue{background:var(--blue-dim);color:var(--blue);border:1px solid #2a3a5044}button{font-family:var(--font-mono);font-size:10px;font-weight:700;cursor:pointer;border:1px solid var(--border-hi);background:var(--bg-elevated);color:var(--text-muted);border-radius:var(--radius-sm);padding:3px 9px;transition:color .12s,border-color .12s,background .12s;letter-spacing:.3px}button:hover{color:var(--text-secondary);border-color:var(--border-hi)}button.active{background:var(--green-dim);color:var(--green);border-color:var(--green)}button:disabled{opacity:.35;cursor:not-allowed}input,select{font-family:var(--font-mono);font-size:11px;background:var(--bg-elevated);border:1px solid var(--border-hi);color:var(--text-secondary);border-radius:var(--radius-sm);padding:4px 8px;outline:none;transition:border-color .12s}input:focus,select:focus{border-color:var(--green)}input::placeholder{color:var(--text-faint)}
