:root{--page: #f9f9f7;--surface: #fcfcfb;--raised: #ffffff;--ink: #0b0b0b;--ink2: #52514e;--muted: #74726d;--grid: #e1e0d9;--line: #c3c2b7;--border: rgba(11, 11, 11, .1);--accent: #2a78d6;--accent-ink: #ffffff;--accent-soft: rgba(42, 120, 214, .4);--good: #006300;--danger: #b02a2a;--danger-bg: rgba(208, 59, 59, .08);--danger-line: rgba(208, 59, 59, .25);--track: #efeeea;--btn: #2876d2;--btn-ink: #ffffff;--tip-bg: #1b1b1a;--tip-ink: #ffffff;--tip-ink2: #d9d9d7;--shadow: 0 1px 2px rgba(11, 11, 11, .05), 0 8px 24px rgba(11, 11, 11, .05);--side: #16171b;--side-ink: #e9e9ea;--side-muted: #9a9aa2;--side-fill: rgba(255, 255, 255, .06);--side-fill-2: rgba(255, 255, 255, .1);--side-edge: rgba(255, 255, 255, .08);--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--series-6: #008300;--series-7: #4a3aa7;--series-8: #e34948;--series-other: #b9b7b0;--radius: 14px;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}:root[data-theme=dark]{--page: #131312;--surface: #1a1a19;--raised: #222220;--ink: #f2f2f0;--ink2: #c3c2b7;--muted: #918f87;--grid: #2c2c2a;--line: #45443f;--border: rgba(255, 255, 255, .12);--accent: #5b9cf0;--accent-ink: #0b0b0b;--accent-soft: rgba(91, 156, 240, .45);--good: #4fb04f;--danger: #ff9d9d;--danger-bg: rgba(224, 88, 88, .12);--danger-line: rgba(224, 88, 88, .35);--track: rgba(255, 255, 255, .07);--btn: #5b9cf0;--btn-ink: #0b0b0b;--tip-bg: #2e2e2b;--tip-ink: #f7f7f5;--tip-ink2: #c3c2b7;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);--side: #0e0e0d;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--series-other: #7b7a74;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}.boot{display:grid;place-items:center;height:100%;background:var(--page);color:var(--muted);padding:24px;text-align:center}.login-wrap{display:grid;place-items:center;min-height:100%;padding:24px;background:var(--page)}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;color:var(--ink)}.login-brand{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.login-sub{color:var(--ink2);font-size:13.5px;line-height:1.5;margin:8px 0 20px}.fld{display:block;margin-bottom:14px}.fld span{display:block;font-size:12.5px;color:var(--ink2);margin-bottom:6px}.fld input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit;background:var(--raised);color:var(--ink)}.fld input::placeholder{color:var(--muted)}.fld input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.fld input:-webkit-autofill,.fld input:-webkit-autofill:hover,.fld input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px #ffffff inset;-webkit-text-fill-color:#0b0b0b;caret-color:#0b0b0b}:root[data-theme=dark] .fld input:-webkit-autofill,:root[data-theme=dark] .fld input:-webkit-autofill:hover,:root[data-theme=dark] .fld input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px #222220 inset;-webkit-text-fill-color:#f2f2f0;caret-color:#f2f2f0}.login-err{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-line);padding:9px 12px;border-radius:10px;font-size:13px;margin-bottom:14px}.primary-btn{width:100%;padding:11px 14px;border:0;border-radius:10px;background:var(--btn);color:var(--btn-ink);font-size:15px;font-weight:600;cursor:pointer}.primary-btn:disabled{opacity:.5;cursor:default}.shell{display:flex;min-height:100%}.sidebar{width:240px;flex:0 0 240px;background:var(--side);color:var(--side-ink);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh;overflow:hidden}.side-brand{font-weight:800;font-size:18px;letter-spacing:-.01em;padding:4px 10px 18px}.side-brand span{display:block;font-weight:500;font-size:12px;color:var(--side-muted);letter-spacing:.02em;text-transform:uppercase;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent;margin-right:-6px;padding-right:6px}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.side-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.side-nav::-webkit-scrollbar-track{background:transparent}.side-item{flex:0 0 auto}.side-item{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:9px;border:0;background:transparent;color:var(--side-muted);font-size:14px;cursor:pointer}.side-item:hover{background:#ffffff0d;color:var(--side-ink)}.side-item.on{background:var(--side-fill-2);color:#fff;font-weight:600}.side-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.side-foot{flex:0 0 auto;margin-top:auto;padding-top:14px;border-top:1px solid var(--side-edge);display:flex;flex-direction:column;gap:12px}.side-foot-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.side-user{font-size:13px;color:var(--side-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1 1 auto;min-width:0;padding:26px 30px 60px}.content-head h1{font-size:22px;margin:0;letter-spacing:-.01em}.content-hint{color:var(--muted);font-size:13px;margin:4px 0 0}.content-body{margin-top:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 20px 16px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-actions{display:flex;gap:8px;flex:0 0 auto}.card-title{font-size:16px;margin:0}.card-sub{color:var(--muted);font-size:12.5px;margin:4px 0 0}.stat-row{display:flex;align-items:center;gap:26px;margin:16px 0 6px;flex-wrap:wrap}.stat-val{font-size:22px;font-weight:700;letter-spacing:-.01em}.stat-lbl{font-size:12px;color:var(--muted);margin-top:1px}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:6px 0 4px}.legend-item{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink2)}.legend-sw{width:11px;height:11px;border-radius:3px}.legend-val{color:var(--muted);font-variant-numeric:tabular-nums}.chart-body{margin-top:8px}.chart{width:100%}.chart svg{display:block;width:100%}.hbars-scroll{max-height:560px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--border);border-radius:10px;padding:4px 6px;margin-top:8px}.hbars svg{width:100%}.tip{position:absolute;pointer-events:none;background:var(--tip-bg);color:var(--tip-ink);border-radius:9px;padding:8px 10px;font-size:12px;box-shadow:0 6px 20px #00000040;min-width:120px;z-index:5}.tip-head{font-weight:600;margin-bottom:5px;white-space:nowrap}.tip-row{display:flex;align-items:center;gap:7px;margin:2px 0}.tip-sw{width:9px;height:9px;border-radius:2px;flex:0 0 auto}.tip-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tip-ink2)}.tip-val{font-variant-numeric:tabular-nums}.tip-total{margin-top:5px;padding-top:5px;border-top:1px solid rgba(255,255,255,.15);font-weight:600;font-variant-numeric:tabular-nums}.tip-detail{margin-top:5px;padding-top:5px;border-top:1px solid rgba(255,255,255,.15);max-height:190px;overflow:hidden}.tip-detail-name{flex:1 1 auto;color:var(--tip-ink);white-space:nowrap}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.table-wrap{margin-top:14px}.dt-scroll{max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:10px}.dt{width:100%;border-collapse:collapse;font-size:13px}.dt th,.dt td{padding:7px 12px;border-bottom:1px solid var(--grid);font-variant-numeric:tabular-nums}.dt th{position:sticky;top:0;background:var(--surface);color:var(--ink2);font-weight:600;text-align:left}.dt tr.dt-click{cursor:pointer}.dt tr.dt-click:hover td{background:var(--track)}.crumb{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2);margin:10px 0 2px}.crumb b{color:var(--ink)}.dt tr:last-child td{border-bottom:0}.journey{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px 5px;font-size:12px}.journey-step{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.journey-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.journey-arrow{color:var(--muted);margin-right:2px}.journey-more{color:var(--muted);font-variant-numeric:tabular-nums}.seg{display:inline-flex;background:var(--track);border-radius:9px;padding:3px;gap:2px}.seg-btn{border:0;background:transparent;padding:6px 11px;border-radius:7px;font-size:12.5px;color:var(--ink2);cursor:pointer}.seg-btn.on{background:var(--raised);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #00000014}.rangepick{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.daterange{display:inline-flex;align-items:center;gap:6px}.date-in{border:1px solid var(--line);background:var(--raised);color:var(--ink);border-radius:8px;padding:5px 8px;font-size:12.5px;font-family:inherit}.date-in:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.daterange-sep{color:var(--muted);font-size:12px}.picker{margin:10px 0 2px}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.picker-title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.ghost-sm{padding:3px 9px;font-size:11.5px}.picker-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:132px;overflow-y:auto}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--raised);color:var(--muted);padding:4px 10px;border-radius:999px;font-size:12px;cursor:pointer;opacity:.55}.chip:hover{border-color:var(--ink2)}.chip.on{opacity:1;color:var(--ink);border-color:var(--ink2);font-weight:600}.chip-n{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:400}.slider{display:inline-flex;flex-direction:column;gap:3px;min-width:150px}.slider-lbl{font-size:12px;color:var(--ink2);display:flex;align-items:center;gap:6px}.slider-lbl b{font-variant-numeric:tabular-nums}.slider input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:0}.slider-busy{width:9px;height:9px;border-radius:50%;border:2px solid var(--grid);border-top-color:var(--accent);animation:spin .8s linear infinite}.ghost-btn{border:1px solid var(--line);background:var(--raised);color:var(--ink2);padding:6px 12px;border-radius:9px;font-size:12.5px;cursor:pointer}.ghost-btn:hover{border-color:var(--muted)}.gstatus{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:var(--muted)}.gstatus-err{color:var(--danger);font-weight:600}.gstatus-msg{font-size:14px}.gstatus-sub{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--grid);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.note-line{color:var(--muted);font-size:11.5px;line-height:1.5;margin:12px 2px 2px}.note-line code{background:var(--track);padding:1px 4px;border-radius:4px;font-size:11px}@media (max-width: 720px){.shell{flex-direction:column}.sidebar{width:auto;flex:0 0 auto;height:auto;max-height:none;padding:12px 14px;position:static;overflow:visible}.side-brand{padding:0 2px 10px}.side-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:6px;padding-bottom:6px;margin-right:0;padding-right:0}.side-item{white-space:nowrap;padding:8px 12px}.side-foot{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px}.side-foot-row{flex:0 0 auto}.content{padding:18px 16px 48px}}.viewas{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.viewas-label{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--side-muted);padding-left:2px}.viewas-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--side-fill);color:var(--side-ink);padding:8px 28px 8px 10px;border-radius:9px;font-family:inherit;font-size:12.5px;cursor:pointer;color-scheme:dark;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239a9aa2' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.viewas-select:hover{background-color:var(--side-fill-2);color:#fff}.viewas-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.viewas-select option{background:var(--side);color:var(--side-ink)}.side-brand{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.side-brand-name{display:flex;flex-direction:column;min-width:0}.side-brand-tools{flex:0 0 auto;display:flex;align-items:center;gap:6px}.seg-toggle{display:flex;background:var(--side-fill);border-radius:8px;padding:2px;gap:2px}.seg-toggle-btn{border:0;background:transparent;color:var(--side-muted);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 7px;border-radius:6px;cursor:pointer;line-height:1}.seg-toggle-btn:hover{color:var(--side-ink)}.seg-toggle-btn.on{background:var(--side-fill-2);color:var(--side-ink)}.seg-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.theme-toggle{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:8px;background:var(--side-fill);color:var(--side-muted);cursor:pointer;padding:0}.theme-toggle:hover{background:var(--side-fill-2);color:var(--side-ink)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.login-tools{flex:0 0 auto;display:flex;align-items:center;gap:6px}.login-tools .seg-toggle,.login-tools .theme-toggle{background:var(--track)}.login-tools .seg-toggle-btn,.login-tools .theme-toggle{color:var(--ink2)}.login-tools .seg-toggle-btn:hover,.login-tools .theme-toggle:hover{color:var(--ink)}.login-tools .seg-toggle-btn.on{background:var(--raised);color:var(--ink);box-shadow:var(--shadow)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:20px;z-index:40}.modal{width:100%;max-width:400px;max-height:90vh;overflow-y:auto;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-head h2{margin:0;font-size:17px;letter-spacing:-.01em}.modal-lead{color:var(--ink2);font-size:13.5px;line-height:1.5;margin:0 0 14px}.modal-err{margin-top:12px;margin-bottom:0;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.qr{display:grid;place-items:center;background:#fff;padding:10px;border-radius:10px;margin-bottom:12px}.qr svg{display:block;width:190px;height:190px}.secret{display:block;background:var(--track);border-radius:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.08em;word-break:break-all;margin-bottom:14px;-webkit-user-select:all;user-select:all}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;font-size:17px}.reco-list{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.reco-list li{background:var(--track);border-radius:7px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;text-align:center;-webkit-user-select:all;user-select:all}.login-hint{color:var(--muted);font-size:12px;line-height:1.5;margin:12px 0 0}.link-btn{display:block;width:100%;margin-top:10px;border:0;background:none;color:var(--ink2);font-family:inherit;font-size:13px;cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--ink)}.danger-btn{width:100%;padding:10px 14px;border:1px solid var(--danger-line);border-radius:10px;background:var(--danger-bg);color:var(--danger);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.danger-btn:disabled{opacity:.5;cursor:default}.side-user-btn{display:flex;align-items:center;gap:6px;border:0;background:none;font-family:inherit;cursor:pointer;padding:2px 0}.side-user-btn:hover{color:var(--side-ink)}