:root{--bg:#0a0d10;--bg-alt:#10151a;--bg-row-hover:#161c22;--border:#232b32;--fg:#c9d1d9;--fg-dim:#6e7a86;--positive:#3fb950;--negative:#f85149;--neutral:#8b96a1;--warning:#d29922;--stale:#8957e5;--accent:#58a6ff;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:12px;line-height:1.4}.tabular-nums{font-variant-numeric:tabular-nums}table{border-collapse:collapse;width:100%}.app-shell{grid-template-rows:auto 1fr auto;height:100vh;display:grid}.app-header{border-bottom:1px solid var(--border);background:var(--bg-alt);align-items:center;gap:16px;padding:6px 12px;display:flex}.app-body{grid-template-columns:220px 1fr;min-height:0;display:grid}.left-rail{border-right:1px solid var(--border);padding:8px;overflow-y:auto}.main-area{flex-direction:column;min-width:0;display:flex;overflow:auto}.tabs{border-bottom:1px solid var(--border);gap:4px;padding:4px 8px;display:flex}.tab{color:var(--fg-dim);cursor:pointer;background:0 0;border:1px solid #0000;padding:4px 10px;font-family:inherit;font-size:12px}.tab.active{color:var(--fg);border-color:var(--border);background:var(--bg-alt)}.connection-badge{align-items:center;gap:6px;font-weight:600;display:flex}.connection-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.connection-dot.open{background:var(--positive)}.connection-dot.connecting,.connection-dot.reconnecting{background:var(--warning);animation:1s ease-in-out infinite pulse}.connection-dot.closed{background:var(--negative)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.quality-tag{border:1px solid var(--border);white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:10px}.quality-tag.GOOD{color:var(--positive)}.quality-tag.PARTIAL{color:var(--warning)}.quality-tag.STALE{color:var(--stale);border-color:var(--stale)}.quality-tag.DEGRADED{color:var(--warning);border-color:var(--warning)}.quality-tag.OFFLINE{color:var(--fg-dim)}.positive{color:var(--positive)}.negative{color:var(--negative)}.neutral{color:var(--neutral)}.warning{color:var(--warning)}.flash{animation:.4s ease-out flash-bg}@keyframes flash-bg{0%{background:#58a6ff59}to{background:0 0}}.scanner-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.chip{background:var(--bg-alt);border:1px solid var(--border);color:var(--fg-dim);cursor:pointer;border-radius:12px;padding:2px 10px;font-family:inherit;font-size:11px}.chip.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.scanner-row{border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;align-items:center;padding:0 8px;display:grid}.scanner-row:hover{background:var(--bg-row-hover)}.scanner-row.stale{opacity:.55}.scanner-header{border-bottom:1px solid var(--border);background:var(--bg-alt);color:var(--fg-dim);z-index:1;align-items:center;padding:0 8px;font-weight:600;display:grid;position:sticky;top:0}.scanner-cell{text-overflow:ellipsis;padding:2px 6px;overflow:hidden}.panel{border:1px solid var(--border);background:var(--bg-alt);padding:8px}.panel h3{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-dim);margin:0 0 6px;font-size:11px}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;padding:8px;display:grid}.panel-row{border-bottom:1px dashed var(--border);cursor:pointer;justify-content:space-between;gap:8px;padding:3px 0;display:flex}.panel-row:last-child{border-bottom:none}.tape{border-top:1px solid var(--border);background:var(--bg-alt);font-size:11px;overflow-y:auto}.tape-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.tape-line{gap:8px;padding:1px 8px;display:flex}.tape-time{color:var(--fg-dim)}.symbol-link{color:var(--accent);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0}