:root{--bg: #ffffff;--surface: #f5f7f6;--elevated: #edf1ef;--border: #dde5e1;--subtle: #c8d5d0;--accent: #059669;--accent-glow: rgba(5, 150, 105, .1);--accent-dim: rgba(5, 150, 105, .06);--text-hi: #0a1f17;--text-mid: #3d5c50;--text-lo: #6b8578;--text-muted: #9db8ae;--positive: #dc2626;--negative: #059669;--warning: #d97706;--sb-bg: #0a1f17;--sb-border: #16352a;--sb-inactive: #2d5244;--sb-active-bg: rgba(5, 150, 105, .12);--sb-active: #34d399;--sb-sum-bg: rgba(255,255,255,.04);--sb-sum-label: #34d399;--sb-sum-val: #d1fae5;--sb-sum-sub: #2d5244}[data-theme=dark]{--bg: #000000;--surface: #050505;--elevated: #0f0f0f;--border: #1a1a1a;--subtle: #252525;--accent: #10b981;--accent-glow: rgba(16, 185, 129, .15);--accent-dim: rgba(16, 185, 129, .06);--text-hi: #e8e8e8;--text-mid: #a0a0a0;--text-lo: #606060;--text-muted: #333333;--positive: #ef4444;--negative: #16c784;--warning: #f59e0b;--sb-bg: #050505;--sb-border: #1a1a1a;--sb-inactive: #252525;--sb-active-bg: rgba(16, 185, 129, .08);--sb-active: #10b981;--sb-sum-bg: rgba(255,255,255,.03);--sb-sum-label: #10b981;--sb-sum-val: #e8e8e8;--sb-sum-sub: #2a2a2a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text-hi);font-family:IBM Plex Mono,Fira Code,Courier New,monospace;font-synthesis:none;text-rendering:optimizeLegibility;transition:background .2s,color .2s;padding-bottom:max(24px,env(safe-area-inset-bottom))}button,input,select{font:inherit}button{border:0;cursor:pointer}.app-shell{display:grid;grid-template-columns:80px 1fr;min-height:100vh}.sidebar{background:var(--sb-bg);border-right:1px solid var(--sb-border);padding:14px 8px;display:flex;flex-direction:column;gap:6px}.brand-block{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.brand-mark{width:36px;height:36px;border-radius:3px;border:1px solid var(--sb-active);display:grid;place-items:center;color:var(--sb-active);font-weight:700;font-size:15px}.brand-block p,.brand-block h1{display:none}.page-nav{display:grid;gap:4px}.page-nav button{color:var(--sb-inactive);background:transparent;border:1px solid transparent;border-radius:2px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 4px;text-align:center;font-size:8px;letter-spacing:.5px;transition:color .15s,border-color .15s,background .15s}.page-nav button:hover{color:var(--sb-active);border-color:var(--sb-border)}.page-nav .nav-icon{width:auto;height:auto;border-radius:0;background:transparent;color:inherit;font-weight:400;font-size:18px;display:block}.page-nav button.active{color:var(--sb-active);background:var(--sb-active-bg);border-color:var(--sb-active)}.theme-toggle{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:2px;border:1px solid var(--sb-border);background:transparent;color:var(--sb-inactive);font-size:14px;font-family:inherit;cursor:pointer;transition:color .15s,border-color .15s;margin-top:4px}.theme-toggle:hover{color:var(--sb-active);border-color:var(--sb-active)}.theme-toggle-label{font-size:7px;letter-spacing:.5px;color:var(--sb-inactive)}.summary-stack{display:grid;gap:6px;margin-top:auto}.summary-card{padding:8px 7px;border-radius:2px;background:var(--sb-sum-bg);border:1px solid var(--sb-border)}.summary-card span{color:var(--sb-sum-label);font-size:7px;letter-spacing:1px;text-transform:uppercase}.summary-card strong{display:block;margin-top:3px;font-size:13px;color:var(--sb-sum-val)}.summary-card p{margin:2px 0 0;font-size:7px;color:var(--sb-sum-sub)}.summary-card small{font-size:7px;color:var(--sb-sum-sub)}.workspace{min-width:0;display:flex;flex-direction:column;background:var(--bg)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.page-header p,.page-header h2{margin:0}.eyebrow{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.eyebrow:before{content:"› "}.page-header h2{margin-top:4px;font-size:20px;font-weight:400;letter-spacing:-.3px;color:var(--text-hi)}.page-header p:last-child{color:var(--text-muted);margin-top:4px;font-size:9px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:2px;background:transparent;border:1px solid var(--accent);color:var(--accent);white-space:nowrap;font-size:9px;letter-spacing:1px;flex-shrink:0}.status-pill span{width:7px;height:7px;border-radius:50%;background:var(--accent)}.status-pill span.pulse{background:var(--warning);box-shadow:0 0 6px var(--warning)}.query-band{background:var(--surface);border-bottom:1px solid var(--border);padding:10px 20px}.query-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;align-items:end}.query-form label{display:grid;gap:5px}.query-form span{color:var(--text-muted);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.query-form input,.query-form select{width:100%;height:30px;border-radius:2px;border:1px solid var(--border);background:var(--bg);color:var(--text-mid);padding:0 8px;font-size:10px;outline:none;transition:border-color .15s,color .15s}.query-form input:focus,.query-form select:focus{border-color:var(--accent);color:var(--text-hi)}.query-form input::placeholder{color:var(--subtle)}.form-actions{display:flex;gap:8px}.form-actions button{min-width:60px;height:30px;border-radius:2px;font-size:10px;letter-spacing:1px;background:transparent;border:1px solid var(--accent);color:var(--accent);transition:background .15s}.form-actions button:hover{background:var(--accent-dim)}.form-actions .secondary{border-color:var(--border);color:var(--text-muted)}.form-actions .secondary:hover{background:var(--elevated);color:var(--text-lo)}.notice{padding:9px 20px;font-size:10px;border-bottom:1px solid var(--border)}.notice.error{background:#dc26260f;color:var(--positive);border-left:2px solid var(--positive)}.notice.info{background:var(--accent-dim);color:var(--accent);border-left:2px solid var(--accent)}.result-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.result-header{min-height:46px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface)}.result-header p{margin:0 0 2px;color:var(--text-muted);font-size:8px;letter-spacing:1px;text-transform:uppercase}.result-header strong{font-size:18px;color:var(--text-hi)}.result-header span{color:var(--text-muted);font-size:9px}.table-wrap{overflow:auto;flex:1;max-height:calc(100vh - 226px)}table{width:100%;border-collapse:collapse;min-width:1180px}th,td{padding:7px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;font-size:10px}th{position:sticky;top:0;z-index:1;background:var(--elevated);color:var(--accent);font-weight:700;font-size:8px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--accent)}td{color:var(--text-mid)}tbody tr:hover{background:var(--accent-dim)}.num{text-align:right;font-variant-numeric:tabular-nums}.positive{color:var(--positive);font-weight:700}.negative{color:var(--negative);font-weight:700}.empty-state{min-height:260px;display:grid;place-items:center;color:var(--text-muted);font-size:11px;letter-spacing:1px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;padding:10px 14px;gap:8px;border-right:none;border-bottom:1px solid var(--sb-border)}.brand-block{margin-bottom:0}.page-nav{display:flex;flex-direction:row;gap:4px}.page-nav button{flex-direction:row;min-height:36px;padding:0 12px;font-size:9px;gap:6px}.page-nav .nav-icon{font-size:13px}.theme-toggle{flex-direction:row;min-height:36px;padding:0 12px;gap:6px;margin-top:0}.summary-stack{display:none}.query-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.page-header,.result-header,.form-actions{align-items:stretch;flex-direction:column}.query-form{grid-template-columns:1fr}}