:root{--bg: #0d1117;--bg-raised: #151b23;--bg-panel: #10161d;--border: #232b36;--border-strong: #2f3a47;--text: #e6e9ee;--text-dim: #9aa4b2;--text-faint: #5f6b7a;--accent: #ff6b35;--accent-dim: #b34a24;--up: #26a69a;--down: #ef5350;--warn: #e0a437;--radius: 8px;--font: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;overflow:hidden}button{font-family:inherit;font-size:13px;color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;cursor:pointer}button:hover{border-color:var(--border-strong)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:#ff7d4d}button.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}button.ghost:hover{color:var(--text);border-color:transparent}button.danger{color:var(--down)}input,select,textarea{font-family:inherit;font-size:13px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent-dim)}input::placeholder{color:var(--text-faint)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.mono{font-family:var(--mono)}.up{color:var(--up)}.down{color:var(--down)}.badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--bg-raised);border:1px solid var(--border);color:var(--text-dim)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.accent{color:var(--accent);border-color:var(--accent-dim)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:12px;padding:20px;min-width:360px;max-width:520px;max-height:80vh;overflow-y:auto}.modal h3{margin:0 0 12px;font-size:16px}.list-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);cursor:pointer}.list-row:hover,.list-row.active{background:var(--bg-raised)}.scroll{overflow-y:auto;min-height:0}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}h1,h2,h3{font-weight:600}.page{padding:24px 32px;overflow-y:auto;height:100%}.page h2{margin-top:0}.section{margin-bottom:28px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);margin-bottom:10px}table.data{width:100%;border-collapse:collapse}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);padding:6px 10px;border-bottom:1px solid var(--border)}table.data td{padding:8px 10px;border-bottom:1px solid var(--border)}
