:root{--bg: #0e1117;--panel: #161b22;--panel-2: #1c2230;--border: #2a3140;--text: #e6edf3;--muted: #8b949e;--accent: #3fb950;--accent-2: #58a6ff;--warn: #d29922;--danger: #f85149;--chip: #21262d}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:1400px;margin:0 auto;padding:0 20px 60px}.nav{display:flex;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.nav .brand{font-weight:700;font-size:16px;color:var(--text)}.nav .brand span{color:var(--accent)}.nav a{color:var(--muted);font-weight:500}.nav a.active{color:var(--text)}.nav .status{margin-left:auto;color:var(--muted);font-size:12px}.nav .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px}.nav .dot.stale{background:var(--warn)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:0 0 12px}.subtitle{color:var(--muted);margin:0 0 20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:8px 12px;white-space:nowrap;border-bottom:1px solid var(--border)}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0;background:var(--panel)}th:hover{color:var(--text)}th.sorted{color:var(--accent-2)}tbody tr:hover{background:var(--panel-2)}td.pos{color:var(--accent)}td.neg{color:var(--danger)}.chip{display:inline-block;padding:2px 8px;border-radius:20px;background:var(--chip);font-size:11px;color:var(--muted)}.chip.spread{color:var(--accent-2)}.chip.craft{color:var(--warn)}.chip.craft-chain{color:var(--accent)}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}input,select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 10px;font-size:13px;min-width:120px}button{background:var(--accent);color:#06210c;border:none;border-radius:6px;padding:8px 14px;font-weight:600;cursor:pointer;font-size:13px}button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button:hover{filter:brightness(1.08)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:16px 0}.card{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.card .label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.card .value{font-size:20px;font-weight:700;margin-top:4px}.card .sub{color:var(--muted);font-size:11px;margin-top:2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.meter{height:6px;background:var(--panel);border-radius:3px;overflow:hidden;margin-top:6px}.meter>div{height:100%}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.spacer{height:20px}.recommend{background:var(--panel-2);border-left:3px solid var(--accent);padding:12px 16px;border-radius:6px;line-height:1.5}.recommend.good{border-left-color:var(--accent)}.recommend.bad{border-left-color:var(--danger)}.error,.neg{color:var(--danger)}.pos,.chip.access-accessible{color:var(--accent)}.chip.access-locked{color:var(--danger)}.chip.access-unverified{color:var(--muted)}.chip.bind-liquidity{color:var(--accent-2)}.chip.bind-crafting{color:var(--warn)}.chip.bind-attention{color:var(--danger)}.chip.bind-inventory{color:var(--warn)}.chip.bind-capital{color:var(--muted)}.tags,.reasons{display:flex;flex-wrap:wrap;gap:4px}.reasons{margin:12px 0}.tag{display:inline-block;padding:1px 7px;border-radius:4px;font-size:10px;background:var(--chip);color:var(--muted)}.tag.good{color:var(--accent);border:1px solid rgba(63,185,80,.3)}.tag.bad{color:var(--danger);border:1px solid rgba(248,81,73,.3)}.profile-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.profile-badge input{width:110px;padding:4px 8px;font-size:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;color:var(--text)}.profile-badge button{padding:4px 10px;font-size:12px}.profile-badge .dot.ok{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent)}.profile-badge.connected{color:var(--text)}
