:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a1e2e;--bg-hover: #252a3a;--border: #2d3348;--text-primary: #e0e0e0;--text-secondary: #8b95a5;--text-muted: #5a6478;--accent: #00d4aa;--accent-dim: #00a88a;--green: #00d4aa;--green-dim: #004d3d;--red: #ff6b6b;--red-dim: #4d2020;--yellow: #ffd93d;--yellow-dim: #4d4010;--blue: #4da6ff;--blue-dim: #1a3a5c;--font-mono: "SF Mono", "Fira Code", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.card-header h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.timestamp{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;font-family:var(--font-mono)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.btn{padding:6px 16px;border:1px solid var(--border);border-radius:6px;background:var(--bg-hover);color:var(--text-primary);cursor:pointer;font-size:12px;transition:all .15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);font-weight:600}.btn-primary:hover{background:var(--accent-dim)}.btn-sm{padding:3px 10px;font-size:11px}table{width:100%;border-collapse:collapse}th{text-align:left;padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border)}td{padding:8px 12px;border-bottom:1px solid var(--border);font-size:13px;font-family:var(--font-mono)}tr:hover{background:var(--bg-hover)}.positive{color:var(--green)}.negative{color:var(--red)}input,select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:6px 10px;color:var(--text-primary);font-size:13px}input:focus,select:focus{outline:none;border-color:var(--accent)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}