:root{color-scheme:dark;--bg-main: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border: #30363d;--border-active: #58a6ff;--text-primary: #c9d1d9;--text-secondary: #8b949e;--text-tertiary: #6e7681;--accent: #1ba9e1;--accent-dim: #1ba9e140;--success: #3fb950;--warning: #d29922;--error: #f85149;--info: #58a6ff;--purple: #bc8cff;--pink: #ff7b72;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--shadow: 0 4px 12px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;background:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:flex;min-height:100vh}.sidebar{width:240px;padding:16px;border-right:1px solid var(--border);background:var(--bg-secondary);position:sticky;top:0;height:100vh;overflow-y:auto}.brand{font-weight:600;font-size:14px;text-transform:lowercase;letter-spacing:.05em;font-family:var(--font-mono)}.brand span{color:var(--accent)}.sidebar-sub{margin:8px 0 16px;color:var(--text-secondary);font-size:12px;line-height:1.5}.view-nav{display:flex;flex-direction:column;gap:4px}.view-option{text-align:left;background:transparent;border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all .1s;position:relative}.view-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.view-option span{display:block;font-size:13px;margin-bottom:4px;font-weight:500}.view-option small{color:var(--text-secondary);font-size:12px;line-height:1.4}.view-option.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.view-option.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);border-radius:6px 0 0 6px}.content{flex:1;padding:16px 24px 24px;display:flex;flex-direction:column;gap:16px;max-width:1800px;background:var(--bg-main)}.hero{margin-bottom:0;padding-bottom:12px;border-bottom:1px solid var(--border)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:var(--text-tertiary);font-family:var(--font-mono);font-weight:600}h1{margin:8px 0 4px;font-size:20px;font-weight:600;color:var(--text-primary)}.hero p{margin:0;color:var(--text-secondary);font-size:13px}.panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:16px;box-shadow:var(--shadow);overflow:hidden}.filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-family:var(--font-mono);font-weight:600;min-width:160px}.filter-group.auto-width{min-width:auto;flex:1}select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:13px;font-family:var(--font-mono)}select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pill-group{display:inline-flex;flex-wrap:wrap;gap:4px}.pill-group button{border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-secondary);padding:4px 8px;font-size:12px;cursor:pointer;font-family:var(--font-mono);transition:all .1s}.pill-group button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pill-group button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip,.status-pill{display:inline-block;border:1px solid var(--border);border-radius:3px;padding:2px 6px;font-size:11px;font-family:var(--font-mono);font-weight:600}.status-pill{background:var(--bg-tertiary);color:var(--text-secondary)}.status-pill.is-loading{border-color:var(--accent);color:var(--accent);background:#1ba9e11a}.status-line{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.status-line h3{margin:0;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);font-weight:600;font-family:var(--font-mono)}.label-muted{color:var(--text-secondary);font-size:12px}.overflow-auto{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--bg-main);text-transform:uppercase;font-size:12px;letter-spacing:.03em;color:var(--text-secondary);font-weight:500}thead th{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:24px}thead th:hover{color:var(--text-primary)}thead th.sortable:after{content:"⇅";position:absolute;right:8px;opacity:.3}thead th.sorted-asc:after{content:"↑";opacity:1;color:var(--accent)}thead th.sorted-desc:after{content:"↓";opacity:1;color:var(--accent)}th,td{padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;font-family:var(--font-mono)}th:first-child,td:first-child{padding-left:12px}th:last-child,td:last-child{padding-right:12px}tbody tr{transition:background .1s}tbody tr:hover{background:var(--bg-tertiary)}tbody tr:last-child td{border-bottom:none}.dense-table table{font-size:12px}h4{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0 0 8px;font-weight:600;font-family:var(--font-mono)}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.grid-two{display:grid;grid-template-columns:2fr 1fr;gap:16px}.charts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.charts>div{display:flex;flex-direction:column;gap:12px}.chart-container{width:100%;max-width:400px;height:200px;margin:0 auto}.empty{color:var(--text-secondary);font-size:13px;margin:8px 0}.alert{border:1px solid var(--error);border-radius:4px;padding:12px;color:var(--error);background:#f851491a;font-size:13px;font-family:var(--font-mono)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metric-card{background:var(--bg-main);border:1px solid var(--border);border-radius:4px;padding:12px}.metric-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-family:var(--font-mono);font-weight:600}.metric-value{font-size:20px;font-weight:600;color:var(--success);font-family:var(--font-mono);margin-bottom:2px}.metric-detail{font-size:11px;color:var(--text-secondary)}@media (max-width: 1024px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.content{padding:16px}.grid-two,.charts,.filters{grid-template-columns:1fr}}