.usage-page{gap:var(--space-7);display:grid;container-type:inline-size}.usage-page>*{min-width:0}.usage-panel{padding:var(--space-4)}.usage-page .btn.btn--sm{min-height:30px;line-height:1.15}.usage-section-title{margin:0}.usage-loading-card,.usage-empty-state,.usage-overview-card,.provider-usage-section,.usage-mosaic,.usage-left-card,.sessions-card,.session-detail-panel{position:relative;overflow:clip}.provider-usage-section{gap:14px;display:grid}.provider-usage-card__header,.provider-usage-window__meta,.provider-usage-billing-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.provider-usage-plan{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--bg-muted));min-height:24px;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;align-items:center;max-width:55%;padding:3px 9px;font-size:11px;font-weight:650;display:inline-flex;overflow:hidden}.provider-usage-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:10px;display:grid}.provider-usage-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, var(--bg-elevated)) 0%, color-mix(in srgb, var(--card) 90%, var(--bg-muted)) 100%);align-content:start;gap:14px;min-width:0;padding:14px;display:grid}.provider-usage-card__header{align-items:flex-start}.provider-usage-card__name{color:var(--text-strong);font-size:14px;font-weight:700}.provider-usage-card__id,.provider-usage-reset,.provider-usage-summary{color:var(--muted);font-size:11px}.provider-usage-windows,.provider-usage-window,.provider-usage-billing{gap:8px;display:grid}.provider-usage-window__meta,.provider-usage-billing-row{font-size:12px}.provider-usage-window__meta strong,.provider-usage-billing-row strong{color:var(--text-strong);font-variant-numeric:tabular-nums}.provider-usage-progress{border-radius:var(--radius-full);background:color-mix(in srgb, var(--border) 70%, var(--bg-muted));height:6px;overflow:hidden}.provider-usage-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 65%, var(--warn)));height:100%;display:block}.provider-usage-billing{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);padding-top:10px}.provider-usage-error{color:var(--danger);font-size:12px}.provider-cost-history{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);gap:10px;padding-top:10px;display:grid}.provider-cost-windows,.provider-cost-breakdowns{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;display:grid}.provider-cost-window{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 7%, var(--bg-muted));gap:2px;min-width:0;padding:8px;display:grid}.provider-cost-window span,.provider-cost-breakdown__title{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:650}.provider-cost-window strong{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:13px}.provider-cost-chart{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);align-items:end;gap:2px;height:42px;padding:5px 4px 0;display:flex}.provider-cost-chart span{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 55%, var(--info)));border-radius:2px 2px 0 0;flex:1 1 0;min-width:2px;max-width:12px}.provider-cost-tokens{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;font-size:10px;display:flex}.provider-cost-breakdown{align-content:start;gap:5px;min-width:0;display:grid}.provider-cost-breakdown>div{min-width:0;color:var(--muted);justify-content:space-between;gap:8px;font-size:11px;display:flex}.provider-cost-breakdown>div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-cost-breakdown>div strong{color:var(--text-strong);font-variant-numeric:tabular-nums}.usage-header{z-index:2;gap:16px;display:grid;position:relative;overflow:visible}.usage-header.pinned{z-index:4;box-shadow:var(--shadow-md);position:sticky;top:16px}.usage-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.usage-header-metrics{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.usage-loading-spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:12px;height:12px;animation:.8s linear infinite usage-spin}.usage-loading-card{gap:16px;display:grid}.usage-loading-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.usage-loading-controls{justify-content:flex-end;display:flex}.usage-loading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.usage-skeleton-block{border-radius:var(--radius-lg);border:1px solid var(--border);min-height:96px}.usage-skeleton-block:after{animation-duration:1.35s}.usage-skeleton-block--tall{min-height:128px}.usage-controls{flex-wrap:wrap;flex:100%;align-items:center;gap:8px;display:flex}.usage-presets,.usage-date-range,.chart-toggle,.usage-query-actions{align-items:center;gap:6px;display:inline-flex}.chart-toggle{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);gap:2px;padding:3px}.chart-toggle .toggle-btn{border-radius:calc(var(--radius-md) - 3px);background:0 0;border:none;min-height:28px;padding:4px 12px;font-size:12px}@media (hover:hover){.chart-toggle .toggle-btn:hover:not(.active){background:var(--bg-hover);color:var(--text)}}.usage-date-range{flex-wrap:wrap}.usage-date-range--loading{opacity:.75}.usage-date-input,.usage-select,.usage-query-input,.usage-filters-inline select,.usage-filters-inline input[type=text]{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);min-height:32px;color:var(--text);font:inherit;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);font-size:12px}.usage-date-input,.usage-select{padding:6px 10px}@media (hover:hover){.usage-date-input:hover,.usage-select:hover{border-color:var(--border-strong)}}.usage-date-input:focus-visible,.usage-select:focus-visible,.usage-query-input:focus-visible,.usage-filters-inline select:focus-visible,.usage-filters-inline input[type=text]:focus-visible{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.usage-separator,.usage-query-hint,.sessions-card-count,.session-bar-meta,.session-summary-meta,.usage-summary-sub,.usage-mosaic-sub,.usage-error-sub,.context-weight-desc,.timeseries-summary,.session-log-meta,.session-logs-header-count{color:var(--muted);font-size:12px}.usage-separator{font-size:12px}.usage-query-hint{letter-spacing:.01em;font-size:12px}.usage-metric-badge{font-size:var(--control-ui-text-sm);color:var(--muted);letter-spacing:.01em;align-items:center;gap:5px;display:inline-flex}.usage-metric-badge strong{color:var(--text-strong);font-variant-numeric:tabular-nums;font-weight:600}.usage-pin-btn.active,.chart-toggle .toggle-btn.active{border-color:var(--accent);background:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 3px color-mix(in srgb, var(--accent) 20%, transparent);font-weight:600}.chart-toggle .toggle-btn.active{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:var(--accent-subtle);color:var(--accent);font-weight:600}.usage-query-section{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);gap:10px;padding-top:2px;display:grid}.usage-query-bar{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.usage-query-input{width:100%;padding:8px 12px;font-size:12px}@media (hover:none) and (pointer:coarse){.usage-date-input,.usage-select,.usage-query-input,.usage-filters-inline select,.usage-filters-inline input[type=text]{font-size:16px}}.usage-query-input::placeholder{color:var(--muted);opacity:.7}.usage-query-actions{flex-wrap:wrap;justify-content:flex-end}.usage-filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.usage-filter-select,.usage-export-menu{position:relative}.usage-filter-trigger{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);min-height:30px;color:var(--text);transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}@media (hover:hover){.usage-filter-trigger:hover{border-color:var(--border-strong);background:var(--bg-hover)}}.usage-filter-select[open] .usage-filter-trigger{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 8%, transparent)}.usage-filter-select::part(menu),.usage-export-menu::part(menu){min-width:220px;max-width:min(320px,100vw - 48px);padding:var(--menu-padding);border:1px solid var(--overlay-border);border-radius:var(--menu-radius);background:var(--bg-elevated);box-shadow:var(--overlay-shadow)}.usage-filter-option{min-height:var(--menu-item-height);border-radius:var(--menu-item-radius);background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background .12s;display:grid}@media (hover:hover){.usage-filter-option:hover{background:var(--bg-hover)}}.usage-query-chips,.usage-query-suggestions,.usage-badges,.usage-empty-state__features{flex-wrap:wrap;gap:8px;display:flex}.usage-query-chip,.usage-query-suggestion,.usage-empty-state__feature{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.usage-query-chip button{color:inherit;background:0 0;border:0;padding:0;font-size:14px;line-height:1}.usage-query-suggestion{transition:border-color .18s var(--ease-out), background .18s var(--ease-out), color .18s var(--ease-out)}@media (hover:hover){.usage-query-suggestion:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text-strong)}}.usage-callout{margin-top:12px}.usage-callout--tight{margin-top:0}.callout.warning{border-color:color-mix(in srgb, var(--warn) 22%, var(--border));background:var(--warn-subtle);color:var(--text)}.callout.warning.usage-cache-warning{border-color:color-mix(in srgb, var(--accent) 32%, var(--border));background:var(--warn-subtle);color:var(--accent);box-shadow:none;font-weight:600}.usage-empty-state{justify-items:start;gap:12px;display:grid}.usage-empty-state__title{color:var(--text-strong);font-size:20px;font-weight:700}.usage-empty-state__subtitle{max-width:640px}.usage-empty-state__actions{margin-top:4px}.usage-empty-block{border:1px dashed color-mix(in srgb, var(--border) 70%, transparent);border-radius:var(--radius-md);text-align:center;color:var(--muted);padding:18px 14px;font-size:12px}.usage-empty-block--compact{border-style:solid;padding:10px}.usage-overview-card,.usage-overview-layout{gap:14px;display:grid}.usage-summary-grid,.session-summary-grid,.usage-insights-grid,.usage-mosaic-grid,.context-breakdown-grid{gap:10px;display:grid}.usage-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));grid-auto-flow:dense;align-items:stretch}.usage-summary-card,.session-summary-card{gap:6px;min-height:108px}.usage-summary-card.stat,.session-summary-card.stat{padding:14px 16px}.usage-summary-card{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);border-radius:var(--radius-xl);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 92%, var(--bg-elevated)) 0%, color-mix(in srgb, var(--card) 84%, var(--bg-muted)) 100%);min-height:132px;box-shadow:var(--shadow-sm);grid-auto-rows:min-content;align-content:start;display:grid}.usage-summary-card--hero,.usage-summary-card--half,.usage-summary-card--medium,.usage-summary-card--compact{grid-column:span 2}.usage-summary-card--hero{gap:10px;min-height:148px;padding-block:16px}.usage-summary-card--throughput{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--card) 92%, var(--bg-elevated)) 0%, color-mix(in srgb, var(--card) 84%, var(--bg-muted)) 100%)}.usage-summary-title,.session-summary-title,.usage-insight-title,.context-breakdown-title,.sessions-sort span,.cost-breakdown-header,.usage-mosaic-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.usage-summary-value,.session-summary-value{color:var(--text-strong);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.4rem,2vw,1.85rem);line-height:1.1}.usage-summary-card--hero .usage-summary-value{font-size:clamp(1.8rem,2.5vw,2.4rem)}.usage-summary-value--compact{font-size:clamp(1.15rem,1.5vw,1.5rem);line-height:1.15}.usage-summary-value.good{color:var(--ok)}.usage-summary-value.warn{color:var(--warn)}.usage-summary-value.bad{color:var(--danger)}.usage-summary-sub,.session-summary-meta,.usage-list-sub,.usage-error-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.usage-summary-hint{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);width:16px;height:16px;color:var(--muted);cursor:var(--cursor-action);opacity:.7;transition:border-color .15s var(--ease-out), color .15s var(--ease-out), opacity .15s var(--ease-out);background:0 0;justify-content:center;align-items:center;margin-left:4px;padding:0;font-family:inherit;font-size:12px;line-height:1;display:inline-flex}.usage-summary-hint:focus-visible{border-color:var(--border-strong);color:var(--text);opacity:1}@media (hover:hover){.usage-summary-hint:hover{border-color:var(--border-strong);color:var(--text);opacity:1}}.usage-summary-hint:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.usage-insights-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.usage-insights-grid--tight{margin-top:10px}.usage-insight-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);min-height:148px;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);align-content:start;gap:12px;padding:16px;display:grid}@media (hover:hover){.usage-insight-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}}.usage-insight-card--wide{grid-column:1/-1}.usage-heatmap{overflow:hidden}.usage-heatmap__legend{align-items:center;gap:var(--space-1);color:var(--muted);font-size:var(--control-ui-text-xs);white-space:nowrap;display:flex}.usage-heatmap__swatch{border-radius:2.5px;width:11px;height:11px;display:inline-block}.usage-heatmap__svg{width:min(100%, var(--usage-heatmap-width));height:auto;display:block}.usage-heatmap__month,.usage-heatmap__weekday{fill:var(--muted);font-size:10px}.usage-heatmap__weekday{text-anchor:end}.usage-heatmap__cell--l0{fill:color-mix(in srgb, var(--text) 7%, var(--panel));background:color-mix(in srgb, var(--text) 7%, var(--panel))}.usage-heatmap__cell--l1{fill:color-mix(in srgb, var(--accent) 25%, var(--panel));background:color-mix(in srgb, var(--accent) 25%, var(--panel))}.usage-heatmap__cell--l2{fill:color-mix(in srgb, var(--accent) 50%, var(--panel));background:color-mix(in srgb, var(--accent) 50%, var(--panel))}.usage-heatmap__cell--l3{fill:color-mix(in srgb, var(--accent) 75%, var(--panel));background:color-mix(in srgb, var(--accent) 75%, var(--panel))}.usage-heatmap__cell--l4{fill:var(--accent);background:var(--accent)}.usage-list,.usage-error-list,.context-breakdown-list{gap:0;display:grid}.usage-list-item,.usage-error-row,.context-breakdown-item{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;font-size:13px;display:flex}.context-breakdown-item .mono{text-overflow:ellipsis;white-space:nowrap;max-width:80%;overflow:hidden}.usage-list-item:last-child,.usage-error-row:last-child,.context-breakdown-item:last-child{border-bottom:none;padding-bottom:0}.usage-list-item:first-child,.usage-error-row:first-child,.context-breakdown-item:first-child{padding-top:0}.usage-list-value{color:var(--text-strong);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;gap:6px;font-weight:600;display:inline-flex}.usage-error-rate{color:var(--danger);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.usage-mosaic{gap:12px;display:grid}.daily-chart-header,.sessions-card-header,.sessions-card-meta,.timeseries-header-row,.context-breakdown-header,.session-detail-header,.session-logs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.usage-mosaic-total,.session-detail-title{color:var(--text-strong)}.session-detail-title{font-size:15px;font-weight:700}.usage-mosaic-total{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.usage-mosaic-grid{grid-template-columns:1.1fr minmax(0,1.4fr)}.usage-mosaic-section{gap:8px;display:grid}.usage-mosaic-section-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.usage-daypart-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.usage-daypart-cell,.usage-hour-cell{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--accent) 14%, var(--border));background:color-mix(in srgb, var(--accent) 6%, transparent)}.usage-daypart-cell{align-content:space-between;gap:6px;min-height:72px;padding:10px;display:grid}.usage-daypart-label,.usage-hour-labels{color:var(--muted);font-size:12px}.usage-daypart-value{color:var(--text-strong);font-size:15px;font-weight:700}.usage-hour-grid{grid-template-columns:repeat(24,minmax(0,1fr));gap:6px;display:grid}.usage-hour-cell{min-height:46px;cursor:var(--cursor-action);appearance:none;transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);padding:0}@media (hover:hover){.usage-hour-cell:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-1px)}}.usage-hour-cell:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:2px}.usage-hour-cell.selected{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.usage-hour-labels{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.usage-hour-legend{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.usage-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.usage-grid:has(.usage-grid-column:nth-child(2)){grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.usage-grid-column{align-content:start;gap:16px;min-width:0;display:grid}.usage-left-card{gap:18px;display:grid}.cost-window-analysis{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:var(--radius-xl);background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 42%), color-mix(in srgb, var(--card) 92%, var(--bg-elevated));gap:14px;padding:16px;display:grid;position:relative;overflow:hidden}.cost-window-analysis:before{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--info) 55%, transparent));content:"";width:3px;position:absolute;inset:0 auto 0 0}.cost-window-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 16px;display:flex}.cost-window-range-label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.cost-window-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:8px;display:grid}.cost-window-card{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--card) 84%, transparent);gap:5px;min-width:0;padding:12px;display:grid}.cost-window-card--range{border-color:color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--card))}.cost-window-card__label{color:var(--muted);letter-spacing:.055em;text-transform:uppercase;font-size:11px;font-weight:650}.cost-window-card__value{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:720;line-height:1.1}.cost-window-card__meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.daily-chart-compact,.cost-breakdown,.sessions-card,.session-timeseries-compact,.context-details-panel,.session-logs-compact{gap:12px;display:grid}.daily-chart-bars{--bar-max-width:32px;grid-auto-columns:minmax(18px,1fr);grid-auto-flow:column;align-items:end;gap:6px;min-height:244px;padding:6px 2px 0;display:grid;overflow-x:auto}.daily-chart-plot{grid-template-columns:max-content minmax(0,1fr);gap:10px;min-width:0;display:grid}.daily-chart-scale{height:200px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;justify-content:space-between;padding-top:6px;font-size:11px;display:flex}.daily-chart-scale>span:only-child{margin-top:auto}.daily-chart-scale-badge{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:var(--radius-full);min-width:18px;height:18px;color:var(--accent);cursor:help;justify-content:center;align-items:center;margin-left:6px;font-size:11px;line-height:1;display:inline-flex}.daily-bar-wrapper{grid-template-rows:200px 14px 14px;place-items:end center;gap:6px;min-width:18px;display:grid;position:relative}.daily-bar-wrapper.selected .daily-bar{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.daily-bar{width:min(100%, var(--bar-max-width));border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:var(--radius-md) var(--radius-md) var(--radius-sm) var(--radius-sm);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 82%, white 6%), color-mix(in srgb, var(--accent) 52%, var(--bg-muted)));min-height:6px;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);align-self:end}@media (hover:hover){.daily-bar-wrapper:hover .daily-bar{transform:translateY(-1px)}}.daily-bar-wrapper:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:3px}.daily-bar--stacked{background:0 0;flex-direction:column;display:flex;overflow:hidden}.daily-bar-total,.daily-bar-label{color:var(--muted);white-space:nowrap;font-size:12px;line-height:14px}.daily-bar-total--placeholder{visibility:hidden}.daily-bar-label--compact{font-size:12px}.cost-breakdown-bar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg-muted) 82%, transparent);border:1px solid var(--border);width:100%;min-height:16px;display:flex;overflow:hidden}.cost-breakdown-bar--compact{min-height:18px}.cost-breakdown-legend{flex-wrap:wrap;gap:8px 12px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.legend-dot,.cost-segment,.context-segment,.ts-bar{transition:opacity .18s var(--ease-out), fill .18s var(--ease-out), background .18s var(--ease-out)}.legend-dot{border-radius:var(--radius-full);width:10px;height:10px}.cost-segment.output,.legend-dot.output,.ts-bar.output,.ts-bar{background:var(--accent);fill:var(--accent)}.cost-segment.input,.legend-dot.input,.ts-bar.input,.context-segment.files,.legend-dot.files{background:var(--ok);fill:var(--ok)}.cost-segment.cache-write,.legend-dot.cache-write,.ts-bar.cache-write,.context-segment.tools,.legend-dot.tools{background:var(--warn);fill:var(--warn)}.cost-segment.cache-read,.legend-dot.cache-read,.ts-bar.cache-read,.context-segment.skills,.legend-dot.skills{background:var(--info);fill:var(--info)}.context-segment.system,.legend-dot.system{background:var(--accent)}.cost-breakdown-total,.context-total{color:var(--text);font-size:12px}.sessions-card{gap:14px}.sessions-card-stats{flex-wrap:wrap;gap:8px 12px;display:inline-flex}.sessions-sort{align-items:center;gap:8px;display:inline-flex}.sessions-sort select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);min-height:34px;color:var(--text);padding:7px 10px}.session-bars{gap:8px;max-height:520px;display:grid;overflow-y:auto}.session-bars--recent{max-height:220px;margin-top:6px;overflow:auto}.session-bars--selected{max-height:160px;margin-top:6px;overflow:auto}.session-bar-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--card) 86%, var(--bg-muted));transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}@media (hover:hover){.session-bar-row:hover{border-color:color-mix(in srgb, var(--accent) 22%, var(--border));transform:translateY(-1px);box-shadow:0 8px 18px #0000001f}}.session-bar-row.selected{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent)}.session-bar-label,.session-bar-selection,.session-bar-actions,.session-detail-header-left{min-width:0}.session-bar-selection{border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:left;cursor:var(--cursor-action);background:0 0;border:0;flex:auto;padding:0}.session-bar-selection:focus-visible{box-shadow:var(--focus-ring);outline:none}.session-bar-label{flex:auto;display:block}.session-bar-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-weight:600;display:block;overflow:hidden}.session-bar-meta{display:block}.session-bar-actions{flex:none;align-items:center;gap:10px;display:flex}.session-bar-value{color:var(--text-strong);font-size:13px;font-weight:700}.usage-more-sessions{text-align:center;color:var(--muted);padding:8px;font-size:12px}.sessions-selected-group{gap:6px;margin-top:10px;display:grid}.session-detail-panel{gap:14px;display:grid}.session-detail-header-left{align-items:center;gap:8px;display:flex}.session-detail-indicator{color:var(--muted);margin-left:8px;font-size:12px;display:inline-flex}.usage-lineage-note{color:var(--muted);margin-top:-6px;font-size:12px}.session-detail-stats{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.session-detail-content,.session-detail-row,.session-detail-bottom{gap:14px;display:grid}.session-detail-bottom{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.usage-badges{margin-bottom:2px}.session-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.session-timeseries-compact,.context-details-panel,.session-logs-compact{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--card) 88%, var(--bg-muted));padding:14px}.timeseries-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.timeseries-chart-wrapper{cursor:crosshair;position:relative}.timeseries-svg{width:100%;height:auto;display:block}.ts-axis-label{fill:var(--muted);font-size:12px}.ts-bar{opacity:.9}.ts-bar.dimmed{opacity:.26}.cursor-handle{filter:drop-shadow(0 1px 2px #0000004d)}.chart-handle-zone{cursor:col-resize;width:18px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.timeseries-summary{font-size:12px}.timeseries-summary__range{color:var(--accent);font-weight:600}.timeseries-breakdown{gap:8px;margin-top:8px;display:grid}.context-weight-desc{font-size:12px}.context-stacked-bar{border-radius:var(--radius-full);border:1px solid var(--border);background:color-mix(in srgb, var(--bg-muted) 82%, transparent);min-height:18px;display:flex;overflow:hidden}.context-legend{flex-wrap:wrap;gap:8px 12px;display:flex}.context-breakdown-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);gap:10px;padding:14px;display:grid}.context-breakdown-more{color:var(--muted);font-size:12px}.session-logs-header{align-items:flex-start}.session-log-filters{margin:0}.usage-filters-inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.usage-filters-inline select[multiple]{min-width:150px;min-height:112px;padding:8px}.usage-filters-inline input[type=text]{flex:220px;padding:9px 10px}.session-log-has-tools{color:var(--text);background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.session-logs-list{gap:10px;display:grid}.session-log-entry{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);gap:8px;padding:12px;display:grid}.session-log-entry.user{border-color:color-mix(in srgb, var(--accent) 18%, var(--border))}.session-log-entry.assistant{border-color:color-mix(in srgb, var(--info) 18%, var(--border))}.session-log-meta{flex-wrap:wrap;gap:6px 10px;font-size:12px;display:flex}.session-log-role{color:var(--text-strong);font-weight:700}.session-log-content{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-size:13px;line-height:1.5}.session-log-tools{gap:8px;display:grid}.session-log-tools summary{color:var(--muted);font-size:12px;font-weight:600}.session-log-tools-list{flex-wrap:wrap;gap:8px;display:flex}.session-log-tools-pill{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent) 8%, var(--card));border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));align-items:center;padding:6px 8px;font-size:12px;display:inline-flex}:root[data-theme-mode=light] .usage-daypart-cell,:root[data-theme-mode=light] .usage-hour-cell{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent)}:root[data-theme-mode=light] .session-bar-row,:root[data-theme-mode=light] .usage-insight-card,:root[data-theme-mode=light] .session-timeseries-compact,:root[data-theme-mode=light] .context-details-panel,:root[data-theme-mode=light] .session-logs-compact{background:var(--card)}@container (width<=1080px){.usage-grid,.usage-mosaic-grid,.session-detail-bottom{grid-template-columns:minmax(0,1fr)}.usage-summary-grid,.session-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-summary-card--hero,.usage-summary-card--half,.usage-summary-card--medium,.usage-summary-card--compact{grid-column:auto}.usage-insights-grid{grid-template-columns:minmax(0,1fr)}}@container (width<=820px){.usage-query-bar{grid-template-columns:minmax(0,1fr)}.usage-header-metrics,.timeseries-controls{justify-content:flex-start}.usage-loading-grid,.usage-summary-grid,.session-summary-grid{grid-template-columns:minmax(0,1fr)}.usage-summary-card{min-height:0}}@media (width<=900px){.usage-grid,.usage-mosaic-grid,.session-detail-bottom{grid-template-columns:minmax(0,1fr)}.usage-summary-grid,.session-summary-grid,.context-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-summary-card--hero,.usage-summary-card--half,.usage-summary-card--medium,.usage-summary-card--compact{grid-column:auto}.usage-insights-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.usage-page{gap:14px}.usage-controls,.usage-filter-row,.usage-filters-inline{align-items:stretch}.usage-date-range,.usage-query-actions,.usage-header-metrics,.sessions-card-meta,.timeseries-controls{justify-content:flex-start}.usage-daypart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-hour-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.usage-hour-labels{grid-template-columns:repeat(3,minmax(0,1fr))}.session-bar-row,.session-log-entry{align-items:flex-start}.session-bar-row,.session-bar-actions{flex-direction:column;align-items:stretch}.usage-summary-grid,.session-summary-grid,.context-breakdown-grid,.usage-loading-grid{grid-template-columns:minmax(0,1fr)}}@keyframes usage-spin{to{transform:rotate(360deg)}}