:root{color-scheme:light dark;--bg:#f5f6f0;--panel:#fffefa;--ink:#25382f;--muted:#66766b;--line:#d5ded3;--cached:#759a85;--fresh:#d99845;--output:#8b7cad;--other:#82939b;--api:#c94861;--accent:#2e6953;--selected:#eaf0e5;--error:#a83d32}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,sans-serif}button,select{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:6px 12px}button,summary,select{cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent)}.hidden{display:none!important}header[data-platform-header]{display:flex;align-items:center;gap:18px;padding:12px 24px;border-bottom:1px solid var(--line)}[data-platform-brand]{display:flex;gap:8px;align-items:center;text-decoration:none;color:var(--ink)}[data-platform-brand] img{width:22px;height:22px}#auth-area{margin-left:auto}#dashboard{max-width:1080px;margin:40px auto;padding:0 24px}#signed-out{max-width:480px;margin:70px auto;padding:24px}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.controls select{max-width:100%;margin-right:auto}.units{display:flex;gap:4px}.units button[aria-pressed=true]{background:var(--ink);color:var(--panel);border-color:var(--ink)}#reload{font-size:20px;padding:1px 10px}.muted,#selection,.axis,details{color:var(--muted)}#state{font-size:12px;min-height:18px;margin:12px 0 26px}h1{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:0}#takeaway{font-size:17px;margin:10px 0 26px}#legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin-bottom:24px}.swatch{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:3px}.cached{background:var(--cached)}.fresh{background:var(--fresh)}.output{background:var(--output)}.other{background:var(--other)}#chart{display:grid;gap:14px;min-height:160px}#chart.timeline{display:block;position:relative;height:300px;min-height:0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--line) 25%)}.time-point{position:absolute;bottom:0;height:100%;display:flex;gap:2px;align-items:flex-end;border:0;border-radius:4px 4px 0 0;background:transparent;padding:0 2px;min-width:0}.time-point:hover,.time-point[aria-pressed=true]{background:var(--selected)}.series-slot{flex:1;height:100%;display:flex;align-items:flex-end;min-width:0}.account-bar{display:block;width:100%;border-radius:3px 3px 0 0}.account-bar.zero{height:2px!important}.series-slot.missing{border-bottom:2px dotted var(--muted);opacity:.3}.account-bar.unpriced{background-image:repeating-linear-gradient(45deg,transparent 0,transparent 3px,var(--panel) 3px,var(--panel) 5px);min-height:7px}.primary{background-color:var(--cached)}.secondary{background-color:var(--fresh)}.claude{background-color:var(--output)}.api{background-color:var(--api)}.scale{text-align:right;font-size:11px;margin:0 0 28px}.axis{position:relative;height:24px;font-size:11px;color:var(--muted);margin-top:8px}.axis span{position:absolute;white-space:nowrap}.ranges{display:flex;gap:4px;margin-right:auto}.ranges button[aria-pressed=true]{background:var(--selected);border-color:var(--accent)}.close-up .time-point{padding:0 6px}#quota{margin:28px 0 0;font-size:14px}#selection{font-size:13px;min-height:46px;margin-top:18px}
@media(prefers-color-scheme:dark){:root{--bg:#18221d;--panel:#223027;--ink:#e5efdf;--muted:#a5b5a5;--line:#3d5042;--cached:#739f87;--fresh:#e3b068;--output:#b19dcd;--other:#95a7b0;--api:#ff879d;--accent:#a4d1b1;--selected:#2b3c30;--error:#f4a29b}}
@media(max-width:600px){#dashboard{margin:24px auto;padding:0 16px}.controls{gap:8px}.ranges{width:100%;flex-wrap:wrap}.ranges button{font-size:13px}.units{margin-right:auto}h1{font-size:24px}#takeaway{font-size:15px}#legend{gap:12px}#chart.timeline{height:260px}.time-point{padding:0 1px;gap:1px}.close-up .time-point{padding:0 2px}.axis{font-size:10px}header[data-platform-header]{padding:10px 16px}[data-platform-auth-slot] .email{display:none}}

.source-filter{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--ink)}.source-filter input{appearance:none;width:16px;height:16px;border:1px solid var(--muted);border-radius:4px;background:var(--panel);margin:0;display:grid;place-content:center;cursor:pointer}.source-filter input:checked{background:var(--accent);border-color:var(--accent)}.source-filter input:checked::after{content:'✓';font-size:12px;line-height:1;color:var(--panel)}.source-filter input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.source-filter .swatch{margin-right:0}.source-filter:has(input:not(:checked)){color:var(--muted)}

.source-filter span{overflow-wrap:anywhere;min-width:0}.source-filter input,.source-filter .swatch{flex-shrink:0}

.bar-exit{position:absolute;pointer-events:none;border-radius:3px 3px 0 0;transform-origin:0 0}

#chart{touch-action:pan-y;user-select:none}#selection:empty{display:none}

:root{--info-tooltip-bg:var(--panel);--info-tooltip-text:var(--ink);--info-tooltip-border:var(--line)}

:root{--chart-brush-bg:var(--selected);--chart-brush-border:var(--accent)}

#chart.requests .time-point{padding:0;gap:0}.context-path{color:var(--ink);font-weight:600}

.axis span:last-child{left:100%!important;transform:translateX(-100%)}

:root{--model-0:#d18a16;--model-1:#8b47b2;--model-2:#c63d52;--model-3:#258342;--model-4:#cc5b19;--model-5:#2769c5;--model-6:#008c97;--model-7:#9b743e;--model-8:#77851b;--model-9:#cc67a7;--model-unknown:#8a8a8a;--model-fallback-lightness:43%}
@media(prefers-color-scheme:dark){:root{--model-0:#f1b638;--model-1:#b87ee2;--model-2:#f26b80;--model-3:#68c77a;--model-4:#f68d46;--model-5:#6da6fa;--model-6:#43c6d0;--model-7:#cda477;--model-8:#b0bd4c;--model-9:#ed9dd0;--model-unknown:#969696;--model-fallback-lightness:65%}}
.grouping{display:flex;gap:4px;margin:0 0 14px}.grouping button[aria-pressed=true]{background:var(--selected);border-color:var(--accent)}#series-key{display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--ink);margin:0 0 16px}.chart-key-item{display:inline-flex;gap:5px;align-items:center;max-width:100%;overflow-wrap:anywhere}.chart-key-item .swatch{margin:0;flex-shrink:0}.key-label{color:var(--muted)}.group-key{position:relative;width:12px;height:15px;border:1px solid var(--muted);background:var(--panel);display:inline-block;flex-shrink:0}.account-bar{position:relative;display:flex;flex-direction:column-reverse;overflow:hidden;background:transparent}.model-segment{display:block;width:100%;flex-shrink:0}.pattern-1:after,.pattern-2:after{content:'';position:absolute;inset:0;pointer-events:none}.pattern-1:after{background:repeating-linear-gradient(135deg,transparent 0,transparent 5px,var(--panel) 5px,var(--panel) 6px);opacity:.45}.pattern-2:after{background-image:radial-gradient(var(--panel) 1px,transparent 1px);background-size:5px 5px;opacity:.65}.group-key.pattern-1:after,.group-key.pattern-2:after{filter:invert(.5)}

.bar-exit{display:flex;flex-direction:column-reverse;overflow:hidden}

#dashboard:not([data-grouping=accounts]) #legend .group-key{display:none}

#source-view{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink)}#source-title{font-size:18px;margin:0}#source-state,.record-caption,.source-filename{font-size:12px;color:var(--muted)}.source-filename{overflow-wrap:anywhere}.source-file{display:grid;grid-template-columns:minmax(155px,1fr) 2fr auto;gap:14px;align-items:center;width:100%;text-align:left;margin:4px 0;padding:9px 10px;background:var(--panel);color:var(--ink)}.source-file-label{font-size:13px}.source-file small{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.source-track{height:13px;border-radius:3px;background:var(--selected);overflow:hidden}.source-contribution{height:100%;display:flex}.source-contribution>span{height:100%}.source-file-value{font-size:12px;font-variant-numeric:tabular-nums}.source-record{border-bottom:1px solid var(--line);padding:8px 0;color:var(--ink)}.source-record summary{font-size:12px}.source-record pre{background:var(--panel);color:var(--ink);padding:12px;border-radius:8px;font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.source-pages{display:flex;gap:8px;margin:12px 0}.source-pages button{font-size:12px}#source-content>button:not(.source-file){margin-right:8px}#source-content h3{font-size:14px}#selection button{margin-right:8px}@media(max-width:600px){.source-file{grid-template-columns:1fr auto;gap:6px 12px}.source-track{grid-row:2;grid-column:1/-1}.source-file-value{grid-column:2;grid-row:1}}

.account-bar.focused{outline:2px solid var(--ink);outline-offset:2px}

.model-segment{display:flex;flex-direction:column}.session-slice{display:block;width:100%;flex-shrink:0}.session-slice.separated{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--panel) 45%,transparent)}

[v-cloak]{display:none}.table-wrap{max-width:100%;overflow-x:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px}.table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

#connect{max-width:1080px;margin:36px auto;padding:24px;border-top:1px solid var(--line);color:var(--ink);scroll-margin-top:20px}#connect h2{font-size:22px;margin:0 0 8px}#connect h3{font-size:16px;margin:0 0 6px}#connect p{font-size:13px;color:var(--muted)}.connect-steps{padding-left:24px}.connect-steps>li{padding:10px 0 18px}.connect-steps>li::marker{font-weight:700;color:var(--accent)}#connect pre{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);overflow-x:auto;font:13px/1.65 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}#connect code{color:var(--ink);background:var(--panel);border-radius:4px;padding:1px 3px}.connect-actions{display:flex;flex-wrap:wrap;gap:8px}#connect details{padding:12px 0;border-top:1px solid var(--line);color:var(--ink);font-size:13px}.connect-error{color:var(--error)!important}#signed-out{margin:36px auto;max-width:720px}#signed-out>a{display:inline-block;margin:10px}#connect-key-value{user-select:all}@media(max-width:600px){#connect{padding:20px 16px;margin-top:24px}.connect-steps{padding-left:20px}}

#connect,#connect-privacy,#connect-limits{scroll-margin-top:76px}

.request-distribution{border-top:1px solid var(--line);margin-top:4px;padding-top:5px;max-width:280px;color:var(--ink);background:var(--panel)}
.request-scope{font-size:11px;color:var(--muted);background:var(--panel)}
.request-histogram{position:relative;display:flex;align-items:end;gap:1px;height:48px;width:240px;max-width:100%;border-bottom:1px solid var(--line);margin-top:4px;background:var(--panel)}
.request-histogram>span{flex:1;background:var(--ink);min-width:0}
.request-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--ink);background:var(--panel)}

.request-median-line{position:absolute;top:-2px;bottom:0;width:0;border-left:2px dashed var(--output);box-shadow:0 0 0 1px var(--panel);transform:translateX(-1px);pointer-events:none}
.request-median-label{font-size:11px;color:var(--ink);background:var(--panel);margin-top:3px}
.request-median-label.has-marker::before{content:"";display:inline-block;height:10px;border-left:2px dashed var(--output);margin-right:5px;vertical-align:-1px}

.request-trend{margin-top:7px;padding-top:5px;border-top:1px solid var(--line);color:var(--ink);background:var(--panel)}
.request-sparkline{display:block;width:240px;max-width:100%;height:52px;background:var(--panel);color:var(--ink);border-bottom:1px solid var(--line)}
.request-sparkline polyline{fill:none;stroke:var(--ink);stroke-width:1.5;vector-effect:non-scaling-stroke}
.request-sparkline circle{fill:var(--ink);stroke:var(--panel);stroke-width:1}

#dashboard{max-width:1440px}
#usage-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
#usage{min-width:0}

#session-sidebar{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow:auto;padding:16px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;font-size:13px;scrollbar-gutter:stable}
#session-sidebar-root{display:contents}
#session-sidebar-root[v-cloak]{display:none}
.session-slice.session-inspected{outline:2px solid var(--ink);outline-offset:-2px}
.session-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.session-sidebar-heading h2,.session-sidebar-heading h3{font-size:14px;margin:0}
.session-sidebar-heading button{font-size:12px;padding:3px 9px}
.session-sidebar-content>.session-sidebar-heading{margin-top:14px}
#session-sidebar-pin[aria-pressed=true]{background:var(--selected);color:var(--accent);border-color:var(--accent)}
.session-sidebar-notice{color:var(--muted);background:var(--panel);font-size:12px;margin:8px 0}
.session-sidebar-notice:empty{display:none}
.session-context{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 10px;margin:14px 0}
.session-context dt{color:var(--muted);background:var(--panel)}
.session-context dd{margin:0;overflow-wrap:anywhere}
#session-sidebar .request-distribution{max-width:none}
#session-sidebar .request-histogram,#session-sidebar .request-sparkline{width:100%}
.session-identity{border-top:1px solid var(--line);padding-top:10px;margin-top:12px;color:var(--muted);background:var(--panel);font-size:11px}
.session-identity code{display:block;overflow-wrap:anywhere;color:var(--ink);background:var(--panel);margin-top:8px}
.session-identity p{margin:5px 0}
@media(max-width:999px){#usage-workspace{display:block}#session-sidebar{display:none;position:fixed;z-index:1000;top:10px;right:10px;bottom:10px;max-height:calc(100dvh - 20px);width:min(330px,calc(100vw - 20px));box-shadow:0 4px 24px #0003}#session-sidebar[data-open=true]{display:block}}
#purposes{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);color:var(--ink)}#purposes h2{font-size:21px;margin:0}#purposes-state{font-size:12px;color:var(--muted);min-height:1em;margin:10px 0}#purposes table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums;user-select:text}#purposes caption{text-align:left;padding:10px 12px;color:var(--muted);background:var(--panel)}#purposes th,#purposes td{padding:6px 10px;text-align:right;border-top:1px solid var(--line);color:var(--ink);background:var(--panel)}#purposes thead th{font-weight:500;color:var(--muted)}#purposes th:first-child,#purposes td.window{text-align:left}#purposes tbody th{font-weight:500;overflow-wrap:anywhere}#purposes .provider-total th,#purposes .provider-total td{font-weight:650;background:var(--selected)}#purposes td.purpose-wait{color:var(--accent)}.purposes-note{font-size:12px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px}@media(max-width:600px){#purposes table{min-width:680px}}

#budget{margin:28px 0;padding-top:20px;border-top:1px solid var(--line);scroll-margin-top:80px}#budget h2{font-size:20px;margin:0 0 12px}.budget-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.budget-controls label{display:flex;align-items:center;gap:8px;font-size:13px;max-width:100%}.budget-controls select{min-width:0;max-width:100%;padding:5px 8px}#budget-chart{display:block;width:100%;height:220px;background:var(--panel);color:var(--ink);border-radius:6px}#budget-chart:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#budget-reading{min-height:3em;font-size:13px;font-variant-numeric:tabular-nums}.budget-method,.budget-table caption{font-size:12px}.budget-error{color:var(--error);background:var(--panel)}.budget-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--ink);background:var(--panel)}.budget-table th,.budget-table td{text-align:left;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.budget-table caption{text-align:left;color:var(--muted);padding:8px 0}.budget-table button{font-size:12px;text-align:left}#budget summary{cursor:pointer;color:var(--ink)}

.budget-legend{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:12px;color:var(--ink);background:var(--bg)}.budget-legend li{display:flex;align-items:baseline;min-width:0;overflow-wrap:anywhere}.budget-legend .swatch{flex-shrink:0}.budget-legend small{display:block;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}

.budget-providers{display:flex;flex-wrap:wrap;gap:12px 28px;margin-bottom:14px}.budget-provider{min-width:0}.budget-provider h3{font-size:12px;color:var(--muted);margin:0 0 6px;font-weight:600}.budget-provider .budget-legend{margin:0}