:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #fafbfc;--border: #e3e6ea;--text: #1a1d21;--text-dim: #646b75;--accent: #3b6ef5;--accent-soft: #eaf0fe;--good: #12866f;--warn: #b8860b;--bad: #cf3b3b;--radius: 10px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #14171b;--surface: #1c2026;--surface-2: #21262d;--border: #2e343d;--text: #e6e9ee;--text-dim: #98a1ad;--accent: #6b93ff;--accent-soft: #22304f;--good: #35b394;--warn: #d8a53a;--bad: #e86a6a;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit;color:inherit}.layout{display:grid;grid-template-columns:208px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:2px}.brand{font-weight:650;font-size:15px;padding:4px 10px 16px;letter-spacing:.2px}.brand span{display:block;font-weight:400;font-size:11px;color:var(--text-dim);margin-top:2px}.nav-link{padding:8px 10px;border-radius:7px;color:var(--text-dim);display:block;transition:background .12s,color .12s}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:550}.sidebar-foot{margin-top:auto;padding:10px;border-top:1px solid var(--border);font-size:12px;color:var(--text-dim)}.sidebar-foot button{background:none;border:none;color:var(--accent);cursor:pointer;padding:6px 0 0;font-size:12px}.main{padding:22px 26px 48px;min-width:0}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.page-head h1{font-size:19px;margin:0;font-weight:600}.page-head p{margin:3px 0 0;color:var(--text-dim);font-size:12.5px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:6px 9px}.btn{background:var(--accent);color:#fff;border:none;border-radius:7px;padding:7px 13px;cursor:pointer;font-weight:500}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 15px}.card .label{color:var(--text-dim);font-size:12px}.card .value{font-size:25px;font-weight:600;margin-top:5px;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.card .delta{font-size:12px;margin-top:4px}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.delta.flat{color:var(--text-dim)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px;margin-bottom:14px}.panel h2{font-size:14px;margin:0 0 12px;font-weight:600}.panel h2 small{font-weight:400;color:var(--text-dim);margin-left:8px;font-size:12px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--text-dim);font-weight:500;font-size:12px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:none}.table-scroll{overflow-x:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.banner{border-radius:var(--radius);padding:10px 13px;margin-bottom:14px;font-size:12.5px;border:1px solid var(--border);background:var(--surface)}.banner.warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}.banner strong{font-weight:600}.empty{color:var(--text-dim);padding:26px 0;text-align:center;font-size:13px}.tag{display:inline-block;padding:1px 7px;border-radius:20px;font-size:11px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:30px;width:100%;max-width:348px}.login-card h1{font-size:18px;margin:0 0 4px}.login-card p.sub{margin:0 0 22px;color:var(--text-dim);font-size:12.5px}.field{margin-bottom:13px}.field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:5px}.field input{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.error-text{color:var(--bad);font-size:12.5px;margin:10px 0 0}.switch{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.switch input{accent-color:var(--accent);margin:0}.link-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--accent);text-decoration:underline;font-size:inherit}@media (max-width: 860px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:20;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:4px;padding:8px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar::-webkit-scrollbar{display:none}.brand{padding:0 12px 0 4px;font-size:14px;flex-shrink:0}.brand span{display:none}.nav-link{white-space:nowrap;flex-shrink:0;padding:7px 11px}.sidebar-foot{margin-top:0;margin-left:auto;padding:0 4px 0 12px;border-top:none;border-left:1px solid var(--border);display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.sidebar-foot br,.sidebar-foot .tag{display:none}.sidebar-foot button{padding:0}.main{padding:14px 13px 40px}.page-head{margin-bottom:13px}.page-head h1{font-size:17px}.toolbar{width:100%;gap:6px}.toolbar input[type=date]{flex:1 1 132px;min-width:0}.toolbar select{flex:1 1 108px;min-width:0}.toolbar .btn.ghost{padding:6px 10px;font-size:13px}.cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px}.card{padding:11px 12px}.card .value{font-size:21px}.panel{padding:12px}th,td{padding:7px 8px}}@media (max-width: 460px){.cards{grid-template-columns:repeat(2,1fr)}.card .value{font-size:19px}.toolbar input[type=date]{flex-basis:100%}.toolbar>span{display:none}}.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.tab{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:7px 14px;cursor:pointer}.tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:550}.filter-row{margin-bottom:7px}.query-echo{margin:10px 0 0;font-size:12px;color:var(--text-dim);word-break:break-all}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--surface-2)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000061;display:flex;justify-content:flex-end;z-index:50}.drawer{background:var(--surface);width:min(520px,100%);height:100%;overflow-y:auto;padding:16px;border-left:1px solid var(--border)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;position:sticky;top:-16px;background:var(--surface);padding:4px 0 8px}@media (max-width: 860px){.drawer{width:100%}.filter-row>select{flex:1 1 108px;min-width:0}.tab{padding:6px 11px;font-size:13px}}.key-hint{display:block;font-size:10.5px;color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:400;margin-top:1px}.detail-table td{vertical-align:top}.detail-key{white-space:nowrap;color:var(--text-dim);padding-right:14px}.detail-value{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.raw-chip{font-size:11px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0 5px}.detail-note{color:var(--text-dim);font-size:11.5px;margin-top:3px;line-height:1.45}.enum-list{display:flex;flex-wrap:wrap;gap:5px}.enum-chip{font-size:11.5px;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px}.tag.ok{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,var(--border))}.tag.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}.token-reveal{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}.token-reveal code{flex:1;min-width:200px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:7px 9px;word-break:break-all;font-size:12.5px}.btn.ghost.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.col-picker h2{overflow:hidden}.col-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.col-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:var(--text-dim)}.col-head input{margin-left:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:12px;min-width:0;flex:0 1 150px}.col-list{list-style:none;margin:0 0 10px;padding:0;max-height:340px;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.col-list li{display:flex;align-items:center;gap:8px;padding:7px 9px;border-bottom:1px solid var(--border);background:var(--surface)}.col-list li:last-child{border-bottom:none}.col-list:not(.available) li{cursor:grab}.col-list li.dragging{opacity:.4}.col-list.available li:hover{background:var(--surface-2)}.grip{color:var(--text-dim);cursor:grab;-webkit-user-select:none;user-select:none;font-size:13px}.col-label{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.35}.col-label code{font-size:10.5px;color:var(--text-dim)}.col-unit{color:var(--text-dim);font-size:11.5px}.col-actions{display:flex;gap:3px;margin-left:auto;flex-shrink:0}.icon-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:5px;width:24px;height:24px;cursor:pointer;line-height:1;display:grid;place-items:center;font-size:13px;padding:0}.icon-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}@media (max-width: 860px){.col-grid{grid-template-columns:1fr;gap:14px}.col-list{max-height:260px}.grip{cursor:default}}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--accent)}th.not-sortable{cursor:default}.th-inner{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.sort-arrow{color:var(--border);font-size:11px}th.sortable:hover .sort-arrow{color:var(--text-dim)}.sort-arrow.active{color:var(--accent)}.tz-hint{font-size:9.5px;font-weight:400;color:var(--text-dim);border:1px solid var(--border);border-radius:3px;padding:0 3px;line-height:1.5}