:root{--canvas: #f6f7f9;--surface: #ffffff;--elevate: #f1f2f6;--ink: #141822;--muted: #5b6472;--line: #e6e8ec;--brand-50: #e9f4f8;--brand-100: #d2e9f0;--brand-400: #4aa3bd;--brand-500: #0c7792;--brand-600: #0a617a;--brand-700: #084b5f;--signal: #2f9e44;--warn: #d9822b;--danger: #e5484d;--acc: var(--brand-500);--acc-strong: var(--brand-600);--acc-soft: var(--brand-50);--acc-text: var(--brand-600);--up: var(--signal);--up-bg: rgba(47, 158, 68, .12);--dgr: var(--danger);--dgr-bg: rgba(229, 72, 77, .12)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas: #0c0f15;--surface: #141922;--elevate: #1b2029;--ink: #e9edf3;--muted: #94a0b0;--line: #232a35;--acc: #1490b0;--acc-strong: #1490b0;--acc-soft: rgba(74, 163, 189, .16);--acc-text: #7cc3d6;--up: #43b85a;--up-bg: rgba(67, 184, 90, .14);--dgr: #ec5d62;--dgr-bg: rgba(236, 93, 98, .14)}}[data-theme=dark]{--canvas: #0c0f15;--surface: #141922;--elevate: #1b2029;--ink: #e9edf3;--muted: #94a0b0;--line: #232a35;--acc: #1490b0;--acc-strong: #1490b0;--acc-soft: rgba(74, 163, 189, .16);--acc-text: #7cc3d6;--up: #43b85a;--up-bg: rgba(67, 184, 90, .14);--dgr: #ec5d62;--dgr-bg: rgba(236, 93, 98, .14)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mono,.num,.keycell{font-family:IBM Plex Mono,ui-monospace,monospace;font-feature-settings:"tnum"}.num{font-size:13px}.keycell{font-size:13px;color:var(--ink)}.muted{color:var(--muted)}.app{display:flex;flex-direction:column;height:100vh}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;font-size:13.5px;font-weight:500;border:none;cursor:pointer;background:var(--acc-strong);color:#fff;white-space:nowrap;flex:none;transition:background .12s ease}.btn:hover{background:var(--brand-700)}[data-theme=dark] .btn:hover{background:#107994}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn:hover{background:#107994}}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{background:var(--elevate)}.btn.danger{background:transparent;border:1px solid var(--dgr);color:var(--dgr)}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:500;line-height:16px;white-space:nowrap}.badge.brand{background:var(--acc-soft);color:var(--acc-text)}.badge.neutral{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--muted)}.badge.up{background:var(--up-bg);color:var(--up)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px}.select{height:32px;border-radius:8px;border:1px solid var(--line);background:var(--surface);padding:0 6px 0 10px;font-size:13px;color:var(--ink);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.select select{border:none;background:transparent;color:inherit;font:inherit;outline:none;cursor:pointer}.toggle{width:32px;height:18px;border-radius:999px;background:var(--acc);position:relative;flex:none}.toggle:after{content:"";position:absolute;right:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff}.toggle.off{background:color-mix(in srgb,var(--ink) 18%,transparent)}.toggle.off:after{right:auto;left:2px}.chip{height:30px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;font-size:13px;font-weight:500;color:var(--muted);border:1px solid var(--line);background:var(--surface);white-space:nowrap;cursor:pointer}.chip.on{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.top{height:56px;flex:none;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 24px}.wordmark{font-weight:600;letter-spacing:-.02em;font-size:15px;color:var(--ink);text-decoration:none}.wordmark i{font-style:normal;color:var(--acc)}.tabs{display:flex;gap:4px;height:100%;margin-left:8px}.tab{display:flex;align-items:center;padding:0 14px;font-size:13.5px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none}.tab.on{color:var(--acc-text);border-bottom-color:var(--acc)}.spacer{margin-left:auto}.theme-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.avatar{width:28px;height:28px;border-radius:50%;background:var(--elevate);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;text-transform:uppercase}.shell{display:flex;flex:1;min-height:0}.list{width:380px;flex:none;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto}.lhead{padding:16px 18px 12px;display:flex;gap:6px}.lrow{padding:13px 18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;cursor:pointer}.lrow:hover{background:var(--elevate)}.lrow.on{background:var(--elevate);box-shadow:inset 2px 0 0 var(--acc)}.lrow .r1{display:flex;align-items:center;justify-content:space-between;gap:8px}.ldesc{font-size:12.5px;color:var(--muted)}.detail{flex:1;padding:26px 30px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}h1{font-size:20px;font-weight:500;letter-spacing:-.01em}.sub{font-size:13px;color:var(--muted);margin-top:4px}.statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.statgrid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.lab{font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stat .val{font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:500}.stat .n{font-size:12px;color:var(--muted)}.rtable{width:100%;border-collapse:collapse}.rtable th{text-align:right;font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:9px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.rtable th:first-child{text-align:left}.rtable td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13.5px;text-align:right}.rtable td:first-child{text-align:left}.rtable tr:last-child td{border-bottom:none}.mhead{padding:14px 16px 0;display:flex;align-items:center;gap:8px}.mhead .t{font-weight:600;font-size:14px}.splitbar{display:flex;height:6px;width:160px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,transparent)}.splitbar div:nth-child(1){background:var(--acc)}.splitbar div:nth-child(2){background:var(--up)}.splitbar div:nth-child(3){background:var(--warn)}.callout{padding:14px 16px;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.callout .lead{color:var(--ink);font-weight:500}.banner{margin:0 20px 14px;padding:9px 14px;font-size:13px;border-radius:8px;color:var(--warn);background:#d9822b1f;border:1px solid rgba(217,130,43,.28)}.page{flex:1;min-height:0;overflow-y:auto;padding:28px 32px;display:flex;flex-direction:column;gap:18px;max-width:980px;width:100%}.ltable{width:100%;border-collapse:collapse}.ltable th{text-align:left;font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:9px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.ltable td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13.5px;text-align:left;vertical-align:middle}.ltable tr:last-child td{border-bottom:none}.setrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line)}.setrow:last-child{border-bottom:none}.setrow .l{display:flex;flex-direction:column;gap:3px}.setrow .t{font-size:13.5px;font-weight:500}.setrow .d{font-size:12.5px;color:var(--muted)}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--canvas);padding:24px}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px}.auth-brand{font-weight:600;letter-spacing:-.02em;font-size:18px;margin-bottom:16px}.auth-brand i{font-style:normal;color:var(--acc)}.auth h2{font-size:16px;font-weight:600;margin-bottom:2px}.auth .hint{font-size:13px;color:var(--muted);margin-bottom:20px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12.5px;font-weight:500;color:var(--muted)}.input{height:38px;border-radius:8px;border:1px solid var(--line);background:var(--surface);padding:0 12px;font-size:14px;color:var(--ink);outline:none;width:100%}.input:focus{border-color:var(--acc)}.auth .btn{width:100%;justify-content:center;height:40px;margin-top:4px}.auth .err{font-size:13px;color:var(--dgr);margin-bottom:12px}.auth .foot{margin-top:16px;font-size:12px;color:var(--muted);text-align:center}