@kenz1117/dsh-ui-usage-billing 0.5.0 → 0.6.0

package/lib/client.js

@@ -24,7 +24,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/ken/deepseek-harness/packages/client/ui-usage-billing/src/client/UsageBilling.module.css.mjs
-		const css = ".VWh0dG_railButton{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 28%, var(--dsw-alias-border-l2));background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-static-blue-500) 14%, var(--dsw-alias-bg-layer-1)), var(--dsw-alias-bg-layer-1));width:36px;height:36px;color:var(--dsw-static-blue-500);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s,color .16s;display:flex}.VWh0dG_railButton:hover,.VWh0dG_railButton:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 48%, var(--dsw-alias-border-l2));box-shadow:0 4px 14px -6px color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent);color:var(--dsw-static-blue-400);outline:none;transform:translateY(-1px)}.VWh0dG_railButton svg{stroke-width:2px;width:18px;height:18px}.VWh0dG_trigger{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 20%, var(--dsw-alias-border-l1));background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent), transparent 55%), radial-gradient(150% 200% at 100% 110%, color-mix(in srgb, var(--dsw-static-blue-400) 9%, transparent), transparent 60%), var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}@supports (backdrop-filter:blur(1px)){.VWh0dG_trigger{background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent), transparent 55%), radial-gradient(150% 200% at 100% 110%, color-mix(in srgb, var(--dsw-static-blue-400) 10%, transparent), transparent 60%), color-mix(in srgb, var(--dsw-alias-bg-layer-1) 72%, transparent);backdrop-filter:blur(12px)}}.VWh0dG_trigger:hover,.VWh0dG_trigger:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 42%, var(--dsw-alias-border-l1));box-shadow:0 8px 24px -10px color-mix(in srgb, var(--dsw-static-blue-500) 45%, transparent);outline:none;transform:translateY(-1px)}.VWh0dG_triggerIcon{background:linear-gradient(135deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400));width:28px;height:28px;color:var(--dsw-static-neutral-bluish-00);box-shadow:0 2px 8px -2px color-mix(in srgb, var(--dsw-static-blue-500) 60%, transparent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.VWh0dG_triggerIcon svg{stroke-width:1.8px;width:15px;height:15px}.VWh0dG_triggerToday,.VWh0dG_triggerMonth{align-items:baseline;gap:4px;min-width:0;display:flex}.VWh0dG_triggerDivider{background:var(--dsw-alias-border-l1);align-self:stretch;width:1px}.VWh0dG_triggerAmount{color:var(--dsw-alias-label-primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:600;line-height:22px}.VWh0dG_triggerAmountSub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_triggerMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_dashboardModal{background:linear-gradient(var(--dsw-alias-bg-layer-2), var(--dsw-alias-bg-layer-2)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent), color-mix(in srgb, var(--dsw-static-blue-400) 22%, transparent) 45%, color-mix(in srgb, var(--dsw-static-blue-500) 38%, transparent)) border-box;width:min(760px,100vw - 48px);max-height:min(760px,88vh);box-shadow:var(--dsw-shadow-lv3), 0 24px 80px -24px color-mix(in srgb, var(--dsw-static-blue-500) 35%, transparent);border:1px solid #0000;animation:.18s ease-out VWh0dG_dashboardIn}@keyframes VWh0dG_dashboardIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}div[role=presentation]:has(>.dsh-billing-modal)>div[aria-hidden=true]:first-child{backdrop-filter:blur(8px)saturate(1.25)}.VWh0dG_dashboard{flex-direction:column;width:100%;max-height:min(760px,88vh);display:flex}.VWh0dG_dashboardHead{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 14px;display:flex}.VWh0dG_dashboardTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:17px;font-weight:600;line-height:24px}.VWh0dG_dashboardSubtitle{color:var(--dsw-alias-label-caption);margin:3px 0 0;font-size:12px;line-height:17px}.VWh0dG_closeButton{width:30px;height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background-color .14s;display:inline-flex}.VWh0dG_closeButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.VWh0dG_closeButton svg{stroke-width:2px;width:16px;height:16px}.VWh0dG_dashboardBody{flex-direction:column;gap:14px;padding:16px 24px 24px;display:flex;overflow-y:auto}.VWh0dG_tabNav{border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:4px;padding:10px 24px;display:flex}.VWh0dG_tabButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:500;line-height:18px;transition:background-color .16s,color .16s,box-shadow .16s}.VWh0dG_tabButton:hover,.VWh0dG_tabButton:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover);outline:none}.VWh0dG_tabButtonActive,.VWh0dG_tabButtonActive:hover,.VWh0dG_tabButtonActive:focus-visible{background:linear-gradient(135deg, var(--dsw-static-blue-500), color-mix(in srgb, var(--dsw-static-blue-500) 72%, var(--dsw-static-blue-400)));color:var(--dsw-static-neutral-bluish-00);box-shadow:0 2px 10px -3px color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent);font-weight:600}.VWh0dG_tabPanel{flex-direction:column;gap:14px;animation:.14s ease-out VWh0dG_tabPanelIn;display:flex}@keyframes VWh0dG_tabPanelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.VWh0dG_hero{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 16%, var(--dsw-alias-border-l1));background:radial-gradient(90% 150% at 6% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 10%, transparent), transparent 60%), radial-gradient(70% 130% at 96% 100%, color-mix(in srgb, var(--dsw-static-blue-400) 8%, transparent), transparent 55%), var(--dsw-alias-bg-layer-1);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.VWh0dG_heroMain{flex-direction:column;gap:4px;min-width:0;display:flex}.VWh0dG_heroLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroValue{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(120deg, var(--dsw-alias-label-primary) 25%, color-mix(in srgb, var(--dsw-static-blue-500) 85%, var(--dsw-alias-label-primary)));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:600;line-height:52px}.VWh0dG_heroMeta{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroSide{border-left:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;gap:10px;padding-left:24px;display:flex}.VWh0dG_heroSideItem{align-items:baseline;gap:8px;display:flex}.VWh0dG_heroSideLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroSideValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:600;line-height:22px}.VWh0dG_delta{align-items:center;gap:2px;margin-left:4px;font-size:11px;font-weight:600;line-height:17px;display:inline-flex}.VWh0dG_deltaUp{color:var(--dsw-static-green-500)}.VWh0dG_deltaDown{color:var(--dsw-static-red-500)}.VWh0dG_kpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.VWh0dG_kpiTile{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:3px;padding:14px 15px;transition:border-color .16s,background-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.VWh0dG_kpiTile:before{content:\"\";background:linear-gradient(90deg, color-mix(in srgb, var(--dsw-static-blue-500) 70%, transparent), transparent);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.VWh0dG_kpiTile:has(.VWh0dG_kpiGreen):before{background:linear-gradient(90deg, color-mix(in srgb, var(--dsw-static-green-500) 70%, transparent), transparent)}.VWh0dG_kpiTile:hover{border-color:var(--dsw-alias-border-l2);background:var(--dsw-alias-interactive-bg-hover);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--dsw-alias-label-primary) 35%, transparent);transform:translateY(-1px)}.VWh0dG_kpiLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:15px}.VWh0dG_kpiValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:21px;font-weight:600;line-height:27px}.VWh0dG_kpiGreen{color:var(--dsw-static-green-500)}.VWh0dG_kpiDetail{color:var(--dsw-alias-label-caption);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:15px;overflow:hidden}.VWh0dG_panel{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.VWh0dG_panelHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_panelTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;font-weight:600;line-height:20px}.VWh0dG_panelHint{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:11px;line-height:16px}.VWh0dG_rangeToggle{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.VWh0dG_rangeButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:11px;line-height:16px;transition:background-color .14s,color .14s}.VWh0dG_rangeButtonActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font-weight:600}.VWh0dG_budget{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.VWh0dG_budgetHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_budgetLabel{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:17px}.VWh0dG_budgetValue{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_budgetControls{align-items:center;gap:8px;min-width:0;display:inline-flex}.VWh0dG_budgetInputWrap{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:6px;align-items:center;gap:2px;padding:2px 6px;display:inline-flex}.VWh0dG_budgetInputWrap:focus-within{border-color:var(--dsw-alias-border-l3)}.VWh0dG_budgetUnit{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_budgetInput{width:64px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:none;padding:0;font-size:12px;line-height:16px}.VWh0dG_budgetInput:focus-visible{outline:none}.VWh0dG_switch{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);cursor:pointer;border-radius:999px;flex:none;width:30px;height:17px;padding:0;transition:background-color .16s,border-color .16s;position:relative}.VWh0dG_switchOn{border-color:var(--dsw-static-blue-500);background:var(--dsw-static-blue-500)}.VWh0dG_switchKnob{background:var(--dsw-static-neutral-bluish-00);border-radius:50%;width:11px;height:11px;transition:transform .16s;position:absolute;top:2px;left:2px}.VWh0dG_switchOn .VWh0dG_switchKnob{transform:translate(13px)}.VWh0dG_budgetTrack{background:var(--dsw-alias-bg-module-platform);border-radius:999px;height:6px;overflow:hidden}.VWh0dG_budgetFill{background:var(--dsw-static-blue-500);border-radius:999px;height:100%;transition:width .2s}.VWh0dG_budgetFillOver{background:var(--dsw-static-red-500);animation:1.6s ease-in-out infinite VWh0dG_budgetOverPulse}@keyframes VWh0dG_budgetOverPulse{50%{opacity:.55}}.VWh0dG_chartWrap{width:100%;position:relative}.VWh0dG_chartSvg{width:100%;height:auto;display:block}.VWh0dG_chartEmpty{height:140px;color:var(--dsw-alias-label-caption);justify-content:center;align-items:center;font-size:13px;display:flex}.VWh0dG_emptyRow{text-align:center;color:var(--dsw-alias-label-caption);padding:28px 0;font-size:13px}.VWh0dG_chartGrid{stroke:var(--dsw-alias-border-l1);stroke-width:1px}.VWh0dG_chartAxisLabel{fill:var(--dsw-alias-label-tertiary);font-size:10px}.VWh0dG_chartBar{fill:var(--dsw-static-blue-500);opacity:.35}.VWh0dG_chartBar:hover{opacity:.6}.VWh0dG_chartStack{stroke:var(--dsw-alias-bg-layer-1);stroke-width:.75px}.VWh0dG_chartStack:hover{opacity:.85}.VWh0dG_chartLine{stroke:var(--dsw-static-blue-500);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.VWh0dG_chartCrosshair{stroke:var(--dsw-alias-label-dimmed);stroke-width:1px;stroke-dasharray:3 3}.VWh0dG_chartDot{fill:var(--dsw-static-neutral-bluish-00);stroke:var(--dsw-static-blue-500);stroke-width:2.5px}.VWh0dG_chartTooltip{pointer-events:none;z-index:2;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);box-shadow:var(--dsw-shadow-lv2);white-space:nowrap;border-radius:10px;padding:8px 10px;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.VWh0dG_chartTooltipDate{color:var(--dsw-alias-label-primary);margin-bottom:3px;font-size:11px;font-weight:600}.VWh0dG_chartTooltipRow{color:var(--dsw-alias-label-secondary);align-items:center;gap:5px;font-size:11px;line-height:17px;display:flex}.VWh0dG_chartTooltipRow strong{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_chartLegendLine{background:var(--dsw-static-blue-500);border-radius:2px;width:10px;height:3px;display:inline-block}.VWh0dG_chartLegendBar{background:var(--dsw-static-blue-500);opacity:.5;border-radius:2px;width:7px;height:7px;display:inline-block}.VWh0dG_chartTooltipSwatch{border-radius:3px;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_chartLegend{color:var(--dsw-alias-label-tertiary);justify-content:flex-end;gap:14px;margin-top:2px;font-size:11px;display:flex}.VWh0dG_chartLegend span{align-items:center;gap:5px;display:inline-flex}.VWh0dG_tableScroll{border:1px solid var(--dsw-alias-border-l1);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;overflow:auto}.VWh0dG_modelTable,.VWh0dG_pricingTable{border-collapse:collapse;width:100%;font-size:12.5px}.VWh0dG_modelTable th,.VWh0dG_modelTable td,.VWh0dG_pricingTable th,.VWh0dG_pricingTable td{border-bottom:1px solid var(--dsw-alias-border-l1);text-align:left;white-space:nowrap;padding:9px 12px}.VWh0dG_modelTable tbody tr:last-child td,.VWh0dG_pricingTable tbody tr:last-child td{border-bottom:0}.VWh0dG_modelTable thead th,.VWh0dG_pricingTable thead th{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform);font-size:11px;font-weight:500}.VWh0dG_modelTable tbody tr,.VWh0dG_pricingTable tbody tr{transition:background-color .12s}.VWh0dG_modelTable tbody tr:hover,.VWh0dG_pricingTable tbody tr:hover{background:var(--dsw-alias-interactive-bg-hover)}.VWh0dG_numCol{text-align:right;font-variant-numeric:tabular-nums}.VWh0dG_costCol{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_na{color:var(--dsw-alias-label-dimmed)}.VWh0dG_modelCell{align-items:center;gap:8px;display:inline-flex}.VWh0dG_modelDot{width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);border-radius:50%;flex:none}.VWh0dG_modelName{color:var(--dsw-alias-label-primary);font-weight:500;line-height:16px;display:block}.VWh0dG_modelProvider{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px;display:block}.VWh0dG_pricingToggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0;display:flex}.VWh0dG_pricingToggle:hover .VWh0dG_panelTitle,.VWh0dG_pricingToggle:focus-visible .VWh0dG_panelTitle{color:var(--dsw-static-blue-500)}.VWh0dG_rateBadge{vertical-align:1px;white-space:nowrap;border-radius:999px;align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:500;line-height:14px;display:inline-flex}.VWh0dG_rateBadgeLive{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 10%, transparent)}.VWh0dG_rateBadgeBuiltin{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform)}.VWh0dG_pricingToggleText{align-items:baseline;gap:10px;min-width:0;display:flex}.VWh0dG_pricingChevron{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.VWh0dG_pricingChevronOpen{transform:rotate(180deg)}.VWh0dG_bandPrice{align-items:baseline;gap:6px;display:inline-flex}.VWh0dG_bandPriceOff{color:var(--dsw-alias-label-caption)}.VWh0dG_bandPriceOff:before{content:\"/\";color:var(--dsw-alias-label-dimmed);margin-right:4px}.VWh0dG_bandTag{color:var(--dsw-alias-label-secondary);flex-direction:column;gap:1px;font-size:10.5px;line-height:14px;display:inline-flex}.VWh0dG_bandTagOff{color:var(--dsw-static-green-500);font-weight:600}.VWh0dG_flatTag{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px}.VWh0dG_healthDot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_healthOk{background:var(--dsw-static-green-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-static-green-500) 18%, transparent)}.VWh0dG_healthBad{background:var(--dsw-static-red-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-static-red-500) 18%, transparent)}.VWh0dG_healthIdle{background:var(--dsw-static-neutral-bluish-400)}.VWh0dG_dashboardRight{align-items:center;gap:8px;min-width:0;display:flex}.VWh0dG_healthBadge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_healthBadgeOk{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 10%, transparent)}.VWh0dG_healthBadgeBad{color:var(--dsw-static-red-500);background:color-mix(in srgb, var(--dsw-static-red-500) 10%, transparent)}.VWh0dG_planTag{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 12%, transparent);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_uncataloguedTag{vertical-align:1px;color:var(--dsw-static-amber-500);background:color-mix(in srgb, var(--dsw-static-amber-500) 12%, transparent);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_estimatedTag{vertical-align:1px;color:var(--dsw-static-blue-500);background:color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_liveCostBar{color:var(--dsw-static-neutral-400);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_liveCostItem{white-space:nowrap}.VWh0dG_liveCostSep{color:var(--dsw-static-neutral-300)}.VWh0dG_balanceCell{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.VWh0dG_balanceDays{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_balanceDaysLow{color:var(--dsw-static-red-500);font-weight:600}body[data-zine-mode] .VWh0dG_trigger,body[data-zine-mode] .VWh0dG_railButton{display:none}body[data-zine-mode] .VWh0dG_dashboardHead{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_headTitleRow{align-items:center;gap:8px;margin-top:4px;display:flex}body[data-zine-mode] .VWh0dG_dashboardTitle{color:#e8ff00;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 8px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_dashboardSubtitle{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px}body[data-zine-mode] .VWh0dG_closeButton{color:#0a0a05;background:#ff2d95;border:1.5px solid #ff2d95;border-radius:0;box-shadow:0 0 10px #ff2d9573}body[data-zine-mode] .VWh0dG_hero{background:#000;border:2.5px solid #e8ff00;border-radius:0;position:relative;box-shadow:0 0 0 1px #0009,0 0 24px #e8ff002e}body[data-zine-mode] .VWh0dG_heroLabel{color:#c9d98a;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroValue{color:#e8ff00;letter-spacing:-.02em;text-shadow:0 0 12px #e8ff0073;-webkit-text-fill-color:#e8ff00;background:0 0;font-size:38px;font-weight:900}body[data-zine-mode] .VWh0dG_heroMeta{color:#c9d98a;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}body[data-zine-mode] .VWh0dG_heroSideLabel{color:#c9d98a;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroSideValue{color:#e8ff00;text-shadow:0 0 6px #e8ff0059}body[data-zine-mode] .VWh0dG_delta{font-weight:900}body[data-zine-mode] .VWh0dG_deltaUp{color:#ff2d95}body[data-zine-mode] .VWh0dG_deltaDown{color:#c9d98a}body[data-zine-mode] .VWh0dG_tabNav{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_tabButton{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;border-radius:0;font-size:10.5px;font-weight:900}body[data-zine-mode] .VWh0dG_tabButton:hover,body[data-zine-mode] .VWh0dG_tabButton:focus-visible{color:#e8ff00;background:#e8ff001f}body[data-zine-mode] .VWh0dG_tabButtonActive,body[data-zine-mode] .VWh0dG_tabButtonActive:hover,body[data-zine-mode] .VWh0dG_tabButtonActive:focus-visible{color:#0a0a05;background:#e8ff00;box-shadow:0 0 10px #e8ff0073}body[data-zine-mode] .VWh0dG_panel{background:#000;border:2px solid #e8ff00;border-radius:0}body[data-zine-mode] .VWh0dG_trendPanel{position:relative}body[data-zine-mode] .VWh0dG_panelTitle{color:#e8ff00;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 6px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_panelHint{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_modelTableScroll{background:#000;border:1.5px solid #e8ff0080;border-radius:0}.VWh0dG_currencyToggle{border:1px solid var(--dsw-alias-border-muted,#3a4250);background:var(--dsw-alias-bg-layer-2,#232a33);border-radius:6px;align-items:center;gap:2px;margin-right:8px;padding:2px;display:inline-flex}.VWh0dG_currencyButton{color:var(--dsw-alias-text-secondary,#9aa5b1);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1}.VWh0dG_currencyButtonActive{background:var(--dsw-alias-accent-muted,#2f6fed);color:#fff}.VWh0dG_subscriptionGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px;display:grid}.VWh0dG_subscriptionCard{border:1px solid var(--dsw-alias-border-muted,#3a4250);background:var(--dsw-alias-bg-layer-2,#232a33);border-radius:8px;padding:10px 12px}.VWh0dG_subscriptionHead{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.VWh0dG_subscriptionName{font-size:13px;font-weight:700}.VWh0dG_subscriptionPlan{color:var(--dsw-alias-text-secondary,#9aa5b1);font-size:11px}.VWh0dG_subscriptionStatus{color:var(--dsw-alias-warning,#e0a63c);margin-bottom:6px;font-size:11px}.VWh0dG_subscriptionWindow{align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.VWh0dG_subscriptionWindowLabel{color:var(--dsw-alias-text-secondary,#9aa5b1);flex:0 0 44px}.VWh0dG_subscriptionTrack{background:var(--dsw-alias-bg-layer-3,#1a2028);border-radius:3px;flex:1;height:5px;overflow:hidden}.VWh0dG_subscriptionFill{background:var(--dsw-alias-accent,#3b82f6);border-radius:3px;height:100%;display:block}.VWh0dG_subscriptionPct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:52px}.VWh0dG_subscriptionReset{color:var(--dsw-alias-text-secondary,#9aa5b1);flex:none}.VWh0dG_providerGroupList{flex-direction:column;gap:10px;display:flex}.VWh0dG_providerGroup{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;padding:12px 14px}.VWh0dG_providerGroupHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_providerGroupTitle{align-items:center;gap:7px;min-width:0;display:inline-flex}.VWh0dG_providerGroupName{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:18px}.VWh0dG_providerGroupMeta{flex:none;align-items:center;gap:10px;display:inline-flex}.VWh0dG_providerGroupBadge{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 12%, transparent);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalance{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;font-size:12px;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalanceLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:17px}.VWh0dG_roundsFlagBadge{color:#fff;background:#ef4444;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:800}.VWh0dG_rounds{margin-top:10px}.VWh0dG_roundsBars{align-items:flex-end;gap:3px;height:110px;padding:4px 2px 0;display:flex;overflow-x:auto}.VWh0dG_roundsBarCol{flex-direction:column;flex:1 0 28px;justify-content:flex-end;align-items:stretch;height:100%;display:flex}.VWh0dG_roundsBarLabel{text-align:center;color:var(--dsw-alias-text-secondary,#9aa5b1);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:2px;font-size:8px;line-height:1;overflow:hidden}.VWh0dG_roundsBarWrap{flex:1;align-items:flex-end;min-height:0;display:flex}.VWh0dG_roundsBar{background:var(--dsw-alias-accent,#3b82f6);border-radius:2px 2px 0 0;width:100%;min-height:2px;position:relative}.VWh0dG_roundsBarFlagged{outline-offset:1px;background:#ef4444;border-radius:2px 2px 0 0;outline:1.5px solid #ef4444;width:100%;min-height:2px;position:relative}.VWh0dG_roundsFlagMark{background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 4px #ef4444}.VWh0dG_roundsAxis{color:var(--dsw-alias-text-secondary,#9aa5b1);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.VWh0dG_roundsEmpty{color:var(--dsw-alias-text-secondary,#9aa5b1);margin-top:10px;font-size:12px}.VWh0dG_heatmap{margin-top:10px}.VWh0dG_heatmapGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.VWh0dG_heatmapCellEmpty{background:var(--dsw-alias-bg-layer-1);height:30px;color:var(--dsw-alias-label-dimmed,#6b7480);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex}.VWh0dG_heatmapCell{font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:0;font-size:11px;display:flex}.VWh0dG_heatmapCell[data-level=\"0\"],.VWh0dG_heatmapCell[data-level=\"1\"],.VWh0dG_heatmapCell[data-level=\"2\"]{color:var(--dsw-alias-label-primary)}.VWh0dG_heatmapCell[data-level=\"3\"],.VWh0dG_heatmapCell[data-level=\"4\"]{color:var(--dsw-static-neutral-bluish-00,#fff)}.VWh0dG_heatmapFooter{color:var(--dsw-alias-text-secondary,#9aa5b1);align-items:center;gap:8px;margin-top:10px;font-size:10px;display:flex}.VWh0dG_heatmapLegend{gap:3px;display:inline-flex}.VWh0dG_heatmapLegend i{border-radius:4px;width:14px;height:14px;display:block}.VWh0dG_heatmapHover{font-variant-numeric:tabular-nums;margin-left:auto}@media (width<=640px){.VWh0dG_kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.VWh0dG_hero{flex-direction:column;align-items:flex-start;gap:14px}.VWh0dG_heroSide{border-left:none;border-top:1px solid var(--dsw-alias-border-l1);flex-direction:row;align-self:stretch;gap:20px;padding-top:14px;padding-left:0}}";
+		const css = ".VWh0dG_railButton{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 28%, var(--dsw-alias-border-l2));background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-static-blue-500) 14%, var(--dsw-alias-bg-layer-1)), var(--dsw-alias-bg-layer-1));width:36px;height:36px;color:var(--dsw-static-blue-500);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s,color .16s;display:flex}.VWh0dG_railButton:hover,.VWh0dG_railButton:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 48%, var(--dsw-alias-border-l2));box-shadow:0 4px 14px -6px color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent);color:var(--dsw-static-blue-400);outline:none;transform:translateY(-1px)}.VWh0dG_railButton svg{stroke-width:2px;width:18px;height:18px}.VWh0dG_trigger{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 20%, var(--dsw-alias-border-l1));background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent), transparent 55%), radial-gradient(150% 200% at 100% 110%, color-mix(in srgb, var(--dsw-static-blue-400) 9%, transparent), transparent 60%), var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}@supports (backdrop-filter:blur(1px)){.VWh0dG_trigger{background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent), transparent 55%), radial-gradient(150% 200% at 100% 110%, color-mix(in srgb, var(--dsw-static-blue-400) 10%, transparent), transparent 60%), color-mix(in srgb, var(--dsw-alias-bg-layer-1) 72%, transparent);backdrop-filter:blur(12px)}}.VWh0dG_trigger:hover,.VWh0dG_trigger:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 42%, var(--dsw-alias-border-l1));box-shadow:0 8px 24px -10px color-mix(in srgb, var(--dsw-static-blue-500) 45%, transparent);outline:none;transform:translateY(-1px)}.VWh0dG_triggerIcon{background:linear-gradient(135deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400));width:28px;height:28px;color:var(--dsw-static-neutral-bluish-00);box-shadow:0 2px 8px -2px color-mix(in srgb, var(--dsw-static-blue-500) 60%, transparent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.VWh0dG_triggerIcon svg{stroke-width:1.8px;width:15px;height:15px}.VWh0dG_triggerToday,.VWh0dG_triggerMonth{align-items:baseline;gap:4px;min-width:0;display:flex}.VWh0dG_triggerDivider{background:var(--dsw-alias-border-l1);align-self:stretch;width:1px}.VWh0dG_triggerAmount{color:var(--dsw-alias-label-primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:600;line-height:22px}.VWh0dG_triggerAmountSub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_triggerMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_triggerWrap{width:100%;display:block;position:relative}.VWh0dG_triggerPop{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 22%, var(--dsw-alias-border-l1));background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent), transparent 55%), var(--dsw-alias-bg-layer-2);box-shadow:0 12px 32px -12px color-mix(in srgb, var(--dsw-alias-label-primary) 30%, transparent);opacity:0;pointer-events:none;z-index:10;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;transform:translateY(4px)}@supports (backdrop-filter:blur(1px)){.VWh0dG_triggerPop{background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent), transparent 55%), color-mix(in srgb, var(--dsw-alias-bg-layer-2) 82%, transparent);backdrop-filter:blur(14px)}}.VWh0dG_triggerWrap:hover .VWh0dG_triggerPop,.VWh0dG_triggerWrap:focus-within .VWh0dG_triggerPop{opacity:1;transform:translateY(0)}.VWh0dG_triggerPopRow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_triggerPopLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_triggerPopValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_triggerPopBars{border-top:1px solid var(--dsw-alias-border-l1);align-items:flex-end;gap:4px;height:22px;margin-top:4px;padding-top:8px;display:flex}.VWh0dG_triggerPopBar{background:linear-gradient(180deg, var(--dsw-static-blue-400), var(--dsw-static-blue-500));border-radius:2px;flex:1;transition:height .2s}.VWh0dG_dashboardModal{background:linear-gradient(var(--dsw-alias-bg-layer-2), var(--dsw-alias-bg-layer-2)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent), color-mix(in srgb, var(--dsw-static-blue-400) 22%, transparent) 45%, color-mix(in srgb, var(--dsw-static-blue-500) 38%, transparent)) border-box;width:min(760px,100vw - 48px);max-height:min(760px,88vh);box-shadow:var(--dsw-shadow-lv3), 0 24px 80px -24px color-mix(in srgb, var(--dsw-static-blue-500) 35%, transparent);border:1px solid #0000;animation:.18s ease-out VWh0dG_dashboardIn}@keyframes VWh0dG_dashboardIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}div[role=presentation]:has(>.dsh-billing-modal)>div[aria-hidden=true]:first-child{backdrop-filter:blur(8px)saturate(1.25)}.VWh0dG_dashboard{flex-direction:column;width:100%;max-height:min(760px,88vh);display:flex}.VWh0dG_dashboardHead{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 14px;display:flex}.VWh0dG_dashboardTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:17px;font-weight:600;line-height:24px}.VWh0dG_dashboardSubtitle{color:var(--dsw-alias-label-caption);margin:3px 0 0;font-size:12px;line-height:17px}.VWh0dG_closeButton{width:30px;height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background-color .14s;display:inline-flex}.VWh0dG_closeButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.VWh0dG_closeButton svg{stroke-width:2px;width:16px;height:16px}.VWh0dG_dashboardBody{flex-direction:column;gap:14px;padding:16px 24px 24px;display:flex;overflow-y:auto}.VWh0dG_tabNav{border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:4px;padding:10px 24px;display:flex}.VWh0dG_tabButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:500;line-height:18px;transition:background-color .16s,color .16s,box-shadow .16s}.VWh0dG_tabButton:hover,.VWh0dG_tabButton:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover);outline:none}.VWh0dG_tabButtonActive,.VWh0dG_tabButtonActive:hover,.VWh0dG_tabButtonActive:focus-visible{background:linear-gradient(135deg, var(--dsw-static-blue-500), color-mix(in srgb, var(--dsw-static-blue-500) 72%, var(--dsw-static-blue-400)));color:var(--dsw-static-neutral-bluish-00);box-shadow:0 2px 10px -3px color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent);font-weight:600}.VWh0dG_tabPanel{flex-direction:column;gap:14px;animation:.14s ease-out VWh0dG_tabPanelIn;display:flex}@keyframes VWh0dG_tabPanelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.VWh0dG_hero{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 16%, var(--dsw-alias-border-l1));background:radial-gradient(90% 150% at 6% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 10%, transparent), transparent 60%), radial-gradient(70% 130% at 96% 100%, color-mix(in srgb, var(--dsw-static-blue-400) 8%, transparent), transparent 55%), var(--dsw-alias-bg-layer-1);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.VWh0dG_heroMain{flex-direction:column;gap:4px;min-width:0;display:flex}.VWh0dG_heroLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroValue{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(120deg, var(--dsw-alias-label-primary) 25%, color-mix(in srgb, var(--dsw-static-blue-500) 85%, var(--dsw-alias-label-primary)));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:600;line-height:52px}.VWh0dG_heroMeta{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroSide{border-left:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;gap:10px;padding-left:24px;display:flex}.VWh0dG_heroSideItem{align-items:baseline;gap:8px;display:flex}.VWh0dG_heroSideLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroSideValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:600;line-height:22px}.VWh0dG_delta{align-items:center;gap:2px;margin-left:4px;font-size:11px;font-weight:600;line-height:17px;display:inline-flex}.VWh0dG_deltaUp{color:var(--dsw-static-green-500)}.VWh0dG_deltaDown{color:var(--dsw-static-red-500)}.VWh0dG_kpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.VWh0dG_kpiTile{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:3px;padding:14px 15px;transition:border-color .16s,background-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.VWh0dG_kpiTile:before{content:\"\";background:linear-gradient(90deg, color-mix(in srgb, var(--dsw-static-blue-500) 70%, transparent), transparent);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.VWh0dG_kpiTile:has(.VWh0dG_kpiGreen):before{background:linear-gradient(90deg, color-mix(in srgb, var(--dsw-static-green-500) 70%, transparent), transparent)}.VWh0dG_kpiTile:hover{border-color:var(--dsw-alias-border-l2);background:var(--dsw-alias-interactive-bg-hover);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--dsw-alias-label-primary) 35%, transparent);transform:translateY(-1px)}.VWh0dG_kpiLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:15px}.VWh0dG_kpiValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:21px;font-weight:600;line-height:27px}.VWh0dG_kpiGreen{color:var(--dsw-static-green-500)}.VWh0dG_kpiDetail{color:var(--dsw-alias-label-caption);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:15px;overflow:hidden}.VWh0dG_panel{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.VWh0dG_panelHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_panelTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;font-weight:600;line-height:20px}.VWh0dG_panelHint{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:11px;line-height:16px}.VWh0dG_rangeToggle{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.VWh0dG_rangeButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:11px;line-height:16px;transition:background-color .14s,color .14s}.VWh0dG_rangeButtonActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font-weight:600}.VWh0dG_exportBar{justify-content:flex-end;align-items:center;gap:8px;display:flex}.VWh0dG_exportLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:16px}.VWh0dG_exportButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:11.5px;line-height:16px;transition:border-color .16s,color .16s,background-color .16s}.VWh0dG_exportButton:hover,.VWh0dG_exportButton:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 40%, var(--dsw-alias-border-l1));color:var(--dsw-static-blue-500);outline:none}.VWh0dG_shareTrack{background:var(--dsw-alias-bg-module-platform);border-radius:999px;height:10px;display:flex;overflow:hidden}.VWh0dG_shareSeg{height:100%;transition:width .2s}.VWh0dG_shareSegPeak{background:linear-gradient(90deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400))}.VWh0dG_shareSegOff{background:color-mix(in srgb, var(--dsw-static-blue-500) 30%, var(--dsw-alias-bg-module-platform))}.VWh0dG_shareSegUser{background:linear-gradient(90deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400))}.VWh0dG_shareSegAssistant{background:linear-gradient(90deg, var(--dsw-static-green-500), color-mix(in srgb, var(--dsw-static-green-500) 70%, var(--dsw-static-blue-400)))}.VWh0dG_shareSegTool{background:color-mix(in srgb, var(--dsw-static-amber-500) 80%, var(--dsw-alias-bg-module-platform))}.VWh0dG_shareLegend{align-items:center;gap:16px;display:flex}.VWh0dG_shareItem{color:var(--dsw-alias-label-secondary);align-items:baseline;gap:6px;font-size:12px;line-height:17px;display:inline-flex}.VWh0dG_shareDot{border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.VWh0dG_shareValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_budget{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.VWh0dG_budgetHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_budgetLabel{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:17px}.VWh0dG_budgetValue{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_budgetControls{align-items:center;gap:8px;min-width:0;display:inline-flex}.VWh0dG_budgetInputWrap{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:6px;align-items:center;gap:2px;padding:2px 6px;display:inline-flex}.VWh0dG_budgetInputWrap:focus-within{border-color:var(--dsw-alias-border-l3)}.VWh0dG_budgetUnit{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_budgetInput{width:64px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:none;padding:0;font-size:12px;line-height:16px}.VWh0dG_budgetInput:focus-visible{outline:none}.VWh0dG_switch{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);cursor:pointer;border-radius:999px;flex:none;width:30px;height:17px;padding:0;transition:background-color .16s,border-color .16s;position:relative}.VWh0dG_switchOn{border-color:var(--dsw-static-blue-500);background:var(--dsw-static-blue-500)}.VWh0dG_switchKnob{background:var(--dsw-static-neutral-bluish-00);border-radius:50%;width:11px;height:11px;transition:transform .16s;position:absolute;top:2px;left:2px}.VWh0dG_switchOn .VWh0dG_switchKnob{transform:translate(13px)}.VWh0dG_budgetTrack{background:var(--dsw-alias-bg-module-platform);border-radius:999px;height:6px;overflow:hidden}.VWh0dG_budgetFill{background:var(--dsw-static-blue-500);border-radius:999px;height:100%;transition:width .2s}.VWh0dG_budgetFillWarn{background:var(--dsw-static-amber-500)}.VWh0dG_budgetFillOver{background:var(--dsw-static-red-500);animation:1.6s ease-in-out infinite VWh0dG_budgetOverPulse}@keyframes VWh0dG_budgetOverPulse{50%{opacity:.55}}.VWh0dG_chartWrap{width:100%;position:relative}.VWh0dG_chartSvg{width:100%;height:auto;display:block}.VWh0dG_chartEmpty{height:140px;color:var(--dsw-alias-label-caption);justify-content:center;align-items:center;font-size:13px;display:flex}.VWh0dG_emptyRow{text-align:center;color:var(--dsw-alias-label-caption);padding:28px 0;font-size:13px}.VWh0dG_chartGrid{stroke:var(--dsw-alias-border-l1);stroke-width:1px}.VWh0dG_chartAxisLabel{fill:var(--dsw-alias-label-tertiary);font-size:10px}.VWh0dG_chartBar{fill:var(--dsw-static-blue-500);opacity:.35}.VWh0dG_chartBar:hover{opacity:.6}.VWh0dG_chartStack{stroke:var(--dsw-alias-bg-layer-1);stroke-width:.75px}.VWh0dG_chartStack:hover{opacity:.85}.VWh0dG_chartLine{stroke:var(--dsw-static-blue-500);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.VWh0dG_chartCrosshair{stroke:var(--dsw-alias-label-dimmed);stroke-width:1px;stroke-dasharray:3 3}.VWh0dG_chartDot{fill:var(--dsw-static-neutral-bluish-00);stroke:var(--dsw-static-blue-500);stroke-width:2.5px}.VWh0dG_chartTooltip{pointer-events:none;z-index:2;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);box-shadow:var(--dsw-shadow-lv2);white-space:nowrap;border-radius:10px;padding:8px 10px;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.VWh0dG_chartTooltipDate{color:var(--dsw-alias-label-primary);margin-bottom:3px;font-size:11px;font-weight:600}.VWh0dG_chartTooltipRow{color:var(--dsw-alias-label-secondary);align-items:center;gap:5px;font-size:11px;line-height:17px;display:flex}.VWh0dG_chartTooltipRow strong{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_chartLegendLine{background:var(--dsw-static-blue-500);border-radius:2px;width:10px;height:3px;display:inline-block}.VWh0dG_chartLegendBar{background:var(--dsw-static-blue-500);opacity:.5;border-radius:2px;width:7px;height:7px;display:inline-block}.VWh0dG_chartTooltipSwatch{border-radius:3px;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_chartLegend{color:var(--dsw-alias-label-tertiary);justify-content:flex-end;gap:14px;margin-top:2px;font-size:11px;display:flex}.VWh0dG_chartLegend span{align-items:center;gap:5px;display:inline-flex}.VWh0dG_tableScroll{border:1px solid var(--dsw-alias-border-l1);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;overflow:auto}.VWh0dG_modelTable,.VWh0dG_pricingTable{border-collapse:collapse;width:100%;font-size:12.5px}.VWh0dG_modelTable th,.VWh0dG_modelTable td,.VWh0dG_pricingTable th,.VWh0dG_pricingTable td{border-bottom:1px solid var(--dsw-alias-border-l1);text-align:left;white-space:nowrap;padding:9px 12px}.VWh0dG_modelTable tbody tr:last-child td,.VWh0dG_pricingTable tbody tr:last-child td{border-bottom:0}.VWh0dG_modelTable thead th,.VWh0dG_pricingTable thead th{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform);font-size:11px;font-weight:500}.VWh0dG_modelTable tbody tr,.VWh0dG_pricingTable tbody tr{transition:background-color .12s}.VWh0dG_modelTable tbody tr:hover,.VWh0dG_pricingTable tbody tr:hover{background:var(--dsw-alias-interactive-bg-hover)}.VWh0dG_numCol{text-align:right;font-variant-numeric:tabular-nums}.VWh0dG_costCol{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_na{color:var(--dsw-alias-label-dimmed)}.VWh0dG_modelCell{align-items:center;gap:8px;display:inline-flex}.VWh0dG_modelDot{width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);border-radius:50%;flex:none}.VWh0dG_modelName{color:var(--dsw-alias-label-primary);font-weight:500;line-height:16px;display:block}.VWh0dG_modelProvider{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px;display:block}.VWh0dG_pricingToggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0;display:flex}.VWh0dG_pricingToggle:hover .VWh0dG_panelTitle,.VWh0dG_pricingToggle:focus-visible .VWh0dG_panelTitle{color:var(--dsw-static-blue-500)}.VWh0dG_rateBadge{vertical-align:1px;white-space:nowrap;border-radius:999px;align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:500;line-height:14px;display:inline-flex}.VWh0dG_rateBadgeLive{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 10%, transparent)}.VWh0dG_rateBadgeBuiltin{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform)}.VWh0dG_pricingToggleText{align-items:baseline;gap:10px;min-width:0;display:flex}.VWh0dG_pricingChevron{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.VWh0dG_pricingChevronOpen{transform:rotate(180deg)}.VWh0dG_bandPrice{align-items:baseline;gap:6px;display:inline-flex}.VWh0dG_bandPriceOff{color:var(--dsw-alias-label-caption)}.VWh0dG_bandPriceOff:before{content:\"/\";color:var(--dsw-alias-label-dimmed);margin-right:4px}.VWh0dG_bandTag{color:var(--dsw-alias-label-secondary);flex-direction:column;gap:1px;font-size:10.5px;line-height:14px;display:inline-flex}.VWh0dG_bandTagOff{color:var(--dsw-static-green-500);font-weight:600}.VWh0dG_flatTag{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px}.VWh0dG_healthDot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_healthOk{background:var(--dsw-static-green-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-static-green-500) 18%, transparent)}.VWh0dG_healthBad{background:var(--dsw-static-red-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-static-red-500) 18%, transparent)}.VWh0dG_healthIdle{background:var(--dsw-static-neutral-bluish-400)}.VWh0dG_dashboardRight{align-items:center;gap:8px;min-width:0;display:flex}.VWh0dG_healthBadge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_healthBadgeOk{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 10%, transparent)}.VWh0dG_healthBadgeBad{color:var(--dsw-static-red-500);background:color-mix(in srgb, var(--dsw-static-red-500) 10%, transparent)}.VWh0dG_planTag{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 12%, transparent);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_uncataloguedTag{vertical-align:1px;color:var(--dsw-static-amber-500);background:color-mix(in srgb, var(--dsw-static-amber-500) 12%, transparent);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_estimatedTag{vertical-align:1px;color:var(--dsw-static-blue-500);background:color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_liveCostBar{color:var(--dsw-static-neutral-400);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_liveCostItem{white-space:nowrap}.VWh0dG_liveCostSep{color:var(--dsw-static-neutral-300)}.VWh0dG_balanceCell{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.VWh0dG_balanceDays{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_balanceDaysLow{color:var(--dsw-static-red-500);font-weight:600}body[data-zine-mode] .VWh0dG_trigger,body[data-zine-mode] .VWh0dG_triggerPop,body[data-zine-mode] .VWh0dG_railButton{display:none}body[data-zine-mode] .VWh0dG_dashboardHead{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_headTitleRow{align-items:center;gap:8px;margin-top:4px;display:flex}body[data-zine-mode] .VWh0dG_dashboardTitle{color:#e8ff00;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 8px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_dashboardSubtitle{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px}body[data-zine-mode] .VWh0dG_closeButton{color:#0a0a05;background:#ff2d95;border:1.5px solid #ff2d95;border-radius:0;box-shadow:0 0 10px #ff2d9573}body[data-zine-mode] .VWh0dG_hero{background:#000;border:2.5px solid #e8ff00;border-radius:0;position:relative;box-shadow:0 0 0 1px #0009,0 0 24px #e8ff002e}body[data-zine-mode] .VWh0dG_heroLabel{color:#c9d98a;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroValue{color:#e8ff00;letter-spacing:-.02em;text-shadow:0 0 12px #e8ff0073;-webkit-text-fill-color:#e8ff00;background:0 0;font-size:38px;font-weight:900}body[data-zine-mode] .VWh0dG_heroMeta{color:#c9d98a;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}body[data-zine-mode] .VWh0dG_heroSideLabel{color:#c9d98a;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroSideValue{color:#e8ff00;text-shadow:0 0 6px #e8ff0059}body[data-zine-mode] .VWh0dG_delta{font-weight:900}body[data-zine-mode] .VWh0dG_deltaUp{color:#ff2d95}body[data-zine-mode] .VWh0dG_deltaDown{color:#c9d98a}body[data-zine-mode] .VWh0dG_tabNav{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_tabButton{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;border-radius:0;font-size:10.5px;font-weight:900}body[data-zine-mode] .VWh0dG_tabButton:hover,body[data-zine-mode] .VWh0dG_tabButton:focus-visible{color:#e8ff00;background:#e8ff001f}body[data-zine-mode] .VWh0dG_tabButtonActive,body[data-zine-mode] .VWh0dG_tabButtonActive:hover,body[data-zine-mode] .VWh0dG_tabButtonActive:focus-visible{color:#0a0a05;background:#e8ff00;box-shadow:0 0 10px #e8ff0073}body[data-zine-mode] .VWh0dG_panel{background:#000;border:2px solid #e8ff00;border-radius:0}body[data-zine-mode] .VWh0dG_trendPanel{position:relative}body[data-zine-mode] .VWh0dG_panelTitle{color:#e8ff00;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 6px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_panelHint{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_modelTableScroll{background:#000;border:1.5px solid #e8ff0080;border-radius:0}.VWh0dG_currencyToggle{border:1px solid var(--dsw-alias-border-muted,#3a4250);background:var(--dsw-alias-bg-layer-2,#232a33);border-radius:6px;align-items:center;gap:2px;margin-right:8px;padding:2px;display:inline-flex}.VWh0dG_currencyButton{color:var(--dsw-alias-text-secondary,#9aa5b1);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1}.VWh0dG_currencyButtonActive{background:var(--dsw-alias-accent-muted,#2f6fed);color:#fff}.VWh0dG_subscriptionGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px;display:grid}.VWh0dG_subscriptionCard{border:1px solid var(--dsw-alias-border-muted,#3a4250);background:var(--dsw-alias-bg-layer-2,#232a33);border-radius:8px;padding:10px 12px}.VWh0dG_subscriptionHead{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.VWh0dG_subscriptionName{font-size:13px;font-weight:700}.VWh0dG_subscriptionPlan{color:var(--dsw-alias-text-secondary,#9aa5b1);font-size:11px}.VWh0dG_subscriptionStatus{color:var(--dsw-alias-warning,#e0a63c);margin-bottom:6px;font-size:11px}.VWh0dG_subscriptionWindow{align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.VWh0dG_subscriptionWindowLabel{color:var(--dsw-alias-text-secondary,#9aa5b1);flex:0 0 44px}.VWh0dG_subscriptionTrack{background:var(--dsw-alias-bg-layer-3,#1a2028);border-radius:3px;flex:1;height:5px;overflow:hidden}.VWh0dG_subscriptionFill{background:var(--dsw-alias-accent,#3b82f6);border-radius:3px;height:100%;display:block}.VWh0dG_subscriptionPct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:52px}.VWh0dG_subscriptionReset{color:var(--dsw-alias-text-secondary,#9aa5b1);flex:none}.VWh0dG_providerGroupList{flex-direction:column;gap:10px;display:flex}.VWh0dG_providerGroup{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;padding:12px 14px}.VWh0dG_providerGroupHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_providerGroupTitle{align-items:center;gap:7px;min-width:0;display:inline-flex}.VWh0dG_providerGroupName{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:18px}.VWh0dG_providerGroupMeta{flex:none;align-items:center;gap:10px;display:inline-flex}.VWh0dG_providerGroupBadge{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 12%, transparent);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalance{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;font-size:12px;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalanceLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:17px}.VWh0dG_roundsFlagBadge{color:#fff;background:#ef4444;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:800}.VWh0dG_rounds{margin-top:10px}.VWh0dG_roundsBars{align-items:flex-end;gap:3px;height:110px;padding:4px 2px 0;display:flex;overflow-x:auto}.VWh0dG_roundsBarCol{flex-direction:column;flex:1 0 28px;justify-content:flex-end;align-items:stretch;height:100%;display:flex}.VWh0dG_roundsBarLabel{text-align:center;color:var(--dsw-alias-text-secondary,#9aa5b1);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:2px;font-size:8px;line-height:1;overflow:hidden}.VWh0dG_roundsBarWrap{flex:1;align-items:flex-end;min-height:0;display:flex}.VWh0dG_roundsBar{background:var(--dsw-alias-accent,#3b82f6);border-radius:2px 2px 0 0;width:100%;min-height:2px;position:relative}.VWh0dG_roundsBarFlagged{outline-offset:1px;background:#ef4444;border-radius:2px 2px 0 0;outline:1.5px solid #ef4444;width:100%;min-height:2px;position:relative}.VWh0dG_roundsFlagMark{background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 4px #ef4444}.VWh0dG_roundsAxis{color:var(--dsw-alias-text-secondary,#9aa5b1);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.VWh0dG_roundsEmpty{color:var(--dsw-alias-text-secondary,#9aa5b1);margin-top:10px;font-size:12px}.VWh0dG_heatmap{margin-top:10px}.VWh0dG_heatmapGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.VWh0dG_heatmapCellEmpty{background:var(--dsw-alias-bg-layer-1);height:30px;color:var(--dsw-alias-label-dimmed,#6b7480);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex}.VWh0dG_heatmapCell{font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:0;font-size:11px;display:flex}.VWh0dG_heatmapCell[data-level=\"0\"],.VWh0dG_heatmapCell[data-level=\"1\"],.VWh0dG_heatmapCell[data-level=\"2\"]{color:var(--dsw-alias-label-primary)}.VWh0dG_heatmapCell[data-level=\"3\"],.VWh0dG_heatmapCell[data-level=\"4\"]{color:var(--dsw-static-neutral-bluish-00,#fff)}.VWh0dG_heatmapFooter{color:var(--dsw-alias-text-secondary,#9aa5b1);align-items:center;gap:8px;margin-top:10px;font-size:10px;display:flex}.VWh0dG_heatmapLegend{gap:3px;display:inline-flex}.VWh0dG_heatmapLegend i{border-radius:4px;width:14px;height:14px;display:block}.VWh0dG_heatmapHover{font-variant-numeric:tabular-nums;margin-left:auto}@media (width<=640px){.VWh0dG_kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.VWh0dG_hero{flex-direction:column;align-items:flex-start;gap:14px}.VWh0dG_heroSide{border-left:none;border-top:1px solid var(--dsw-alias-border-l1);flex-direction:row;align-self:stretch;gap:20px;padding-top:14px;padding-left:0}}";
 		const tagId = "@kenz1117/dsh-ui-usage-billing/UsageBilling.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -34,170 +34,192 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var UsageBilling_module_css_default = {
-			"panelHead": "VWh0dG_panelHead",
-			"bandPrice": "VWh0dG_bandPrice",
+			"subscriptionGrid": "VWh0dG_subscriptionGrid",
+			"roundsBarLabel": "VWh0dG_roundsBarLabel",
+			"heatmapLegend": "VWh0dG_heatmapLegend",
+			"trendPanel": "VWh0dG_trendPanel",
+			"chartGrid": "VWh0dG_chartGrid",
+			"chartLegend": "VWh0dG_chartLegend",
+			"triggerIcon": "VWh0dG_triggerIcon",
+			"chartSvg": "VWh0dG_chartSvg",
+			"budgetUnit": "VWh0dG_budgetUnit",
+			"shareDot": "VWh0dG_shareDot",
+			"healthBad": "VWh0dG_healthBad",
+			"pricingToggleText": "VWh0dG_pricingToggleText",
+			"rangeButton": "VWh0dG_rangeButton",
+			"planTag": "VWh0dG_planTag",
+			"chartWrap": "VWh0dG_chartWrap",
+			"heatmapCell": "VWh0dG_heatmapCell",
+			"budgetControls": "VWh0dG_budgetControls",
+			"kpiLabel": "VWh0dG_kpiLabel",
+			"triggerAmountSub": "VWh0dG_triggerAmountSub",
+			"budgetLabel": "VWh0dG_budgetLabel",
+			"rangeButtonActive": "VWh0dG_rangeButtonActive",
+			"numCol": "VWh0dG_numCol",
+			"panel": "VWh0dG_panel",
+			"chartAxisLabel": "VWh0dG_chartAxisLabel",
+			"budgetInputWrap": "VWh0dG_budgetInputWrap",
+			"shareSeg": "VWh0dG_shareSeg",
+			"chartTooltipDate": "VWh0dG_chartTooltipDate",
+			"subscriptionHead": "VWh0dG_subscriptionHead",
+			"emptyRow": "VWh0dG_emptyRow",
+			"uncataloguedTag": "VWh0dG_uncataloguedTag",
+			"shareSegPeak": "VWh0dG_shareSegPeak",
+			"subscriptionFill": "VWh0dG_subscriptionFill",
 			"chartDot": "VWh0dG_chartDot",
-			"healthBadgeOk": "VWh0dG_healthBadgeOk",
-			"headTitleRow": "VWh0dG_headTitleRow",
+			"panelHint": "VWh0dG_panelHint",
+			"tableScroll": "VWh0dG_tableScroll",
 			"estimatedTag": "VWh0dG_estimatedTag",
-			"tabButtonActive": "VWh0dG_tabButtonActive",
-			"flatTag": "VWh0dG_flatTag",
-			"roundsBarFlagged": "VWh0dG_roundsBarFlagged",
-			"rangeToggle": "VWh0dG_rangeToggle",
-			"liveCostSep": "VWh0dG_liveCostSep",
-			"heatmapCellEmpty": "VWh0dG_heatmapCellEmpty",
+			"budget": "VWh0dG_budget",
+			"chartStack": "VWh0dG_chartStack",
+			"tabNav": "VWh0dG_tabNav",
+			"budgetOverPulse": "VWh0dG_budgetOverPulse",
+			"healthBadgeBad": "VWh0dG_healthBadgeBad",
+			"providerGroupBadge": "VWh0dG_providerGroupBadge",
+			"rateBadgeBuiltin": "VWh0dG_rateBadgeBuiltin",
+			"exportLabel": "VWh0dG_exportLabel",
+			"exportBar": "VWh0dG_exportBar",
+			"heroSide": "VWh0dG_heroSide",
+			"triggerPopValue": "VWh0dG_triggerPopValue",
+			"healthOk": "VWh0dG_healthOk",
+			"subscriptionCard": "VWh0dG_subscriptionCard",
+			"chartLine": "VWh0dG_chartLine",
+			"providerGroupName": "VWh0dG_providerGroupName",
+			"bandPrice": "VWh0dG_bandPrice",
+			"dashboardModal": "VWh0dG_dashboardModal",
+			"pricingToggle": "VWh0dG_pricingToggle",
+			"shareSegOff": "VWh0dG_shareSegOff",
 			"triggerAmount": "VWh0dG_triggerAmount",
-			"kpiDetail": "VWh0dG_kpiDetail",
-			"chartSvg": "VWh0dG_chartSvg",
-			"subscriptionReset": "VWh0dG_subscriptionReset",
-			"rateBadge": "VWh0dG_rateBadge",
-			"roundsBarCol": "VWh0dG_roundsBarCol",
-			"chartLegendLine": "VWh0dG_chartLegendLine",
-			"healthBadge": "VWh0dG_healthBadge",
-			"heroMeta": "VWh0dG_heroMeta",
-			"tabPanelIn": "VWh0dG_tabPanelIn",
-			"chartEmpty": "VWh0dG_chartEmpty",
+			"dashboardHead": "VWh0dG_dashboardHead",
+			"heatmapCellEmpty": "VWh0dG_heatmapCellEmpty",
 			"subscriptionPct": "VWh0dG_subscriptionPct",
-			"budgetOverPulse": "VWh0dG_budgetOverPulse",
-			"subscriptionHead": "VWh0dG_subscriptionHead",
-			"dashboardBody": "VWh0dG_dashboardBody",
-			"chartTooltipRow": "VWh0dG_chartTooltipRow",
-			"liveCostBar": "VWh0dG_liveCostBar",
-			"budgetUnit": "VWh0dG_budgetUnit",
+			"triggerPopBar": "VWh0dG_triggerPopBar",
+			"chartCrosshair": "VWh0dG_chartCrosshair",
+			"heroMeta": "VWh0dG_heroMeta",
+			"shareSegUser": "VWh0dG_shareSegUser",
+			"switchOn": "VWh0dG_switchOn",
+			"budgetValue": "VWh0dG_budgetValue",
+			"liveCostItem": "VWh0dG_liveCostItem",
+			"heroMain": "VWh0dG_heroMain",
 			"currencyButton": "VWh0dG_currencyButton",
-			"budget": "VWh0dG_budget",
-			"switchKnob": "VWh0dG_switchKnob",
-			"panelTitle": "VWh0dG_panelTitle",
-			"healthOk": "VWh0dG_healthOk",
-			"currencyToggle": "VWh0dG_currencyToggle",
-			"heroValue": "VWh0dG_heroValue",
-			"triggerMeta": "VWh0dG_triggerMeta",
-			"heroSide": "VWh0dG_heroSide",
-			"providerGroupList": "VWh0dG_providerGroupList",
-			"rateBadgeBuiltin": "VWh0dG_rateBadgeBuiltin",
-			"chartAxisLabel": "VWh0dG_chartAxisLabel",
-			"dashboard": "VWh0dG_dashboard",
-			"pricingChevronOpen": "VWh0dG_pricingChevronOpen",
-			"roundsEmpty": "VWh0dG_roundsEmpty",
-			"bandTag": "VWh0dG_bandTag",
-			"chartGrid": "VWh0dG_chartGrid",
-			"roundsBars": "VWh0dG_roundsBars",
+			"chartBar": "VWh0dG_chartBar",
 			"modelTable": "VWh0dG_modelTable",
-			"heroSideItem": "VWh0dG_heroSideItem",
-			"kpiLabel": "VWh0dG_kpiLabel",
-			"kpiGreen": "VWh0dG_kpiGreen",
-			"budgetFill": "VWh0dG_budgetFill",
-			"kpiTile": "VWh0dG_kpiTile",
-			"trigger": "VWh0dG_trigger",
+			"budgetFillOver": "VWh0dG_budgetFillOver",
+			"modelTableScroll": "VWh0dG_modelTableScroll",
+			"providerGroup": "VWh0dG_providerGroup",
+			"bandTag": "VWh0dG_bandTag",
+			"dashboardTitle": "VWh0dG_dashboardTitle",
 			"bandPriceOff": "VWh0dG_bandPriceOff",
-			"liveCostItem": "VWh0dG_liveCostItem",
+			"healthIdle": "VWh0dG_healthIdle",
+			"balanceCell": "VWh0dG_balanceCell",
 			"subscriptionTrack": "VWh0dG_subscriptionTrack",
-			"na": "VWh0dG_na",
+			"roundsBar": "VWh0dG_roundsBar",
+			"panelTitle": "VWh0dG_panelTitle",
+			"kpiTile": "VWh0dG_kpiTile",
+			"rateBadge": "VWh0dG_rateBadge",
 			"delta": "VWh0dG_delta",
-			"heroSideLabel": "VWh0dG_heroSideLabel",
-			"pricingToggleText": "VWh0dG_pricingToggleText",
-			"rangeButtonActive": "VWh0dG_rangeButtonActive",
-			"budgetFillOver": "VWh0dG_budgetFillOver",
-			"chartStack": "VWh0dG_chartStack",
-			"closeButton": "VWh0dG_closeButton",
-			"budgetLabel": "VWh0dG_budgetLabel",
-			"heroLabel": "VWh0dG_heroLabel",
-			"numCol": "VWh0dG_numCol",
-			"rangeButton": "VWh0dG_rangeButton",
-			"balanceCell": "VWh0dG_balanceCell",
-			"balanceDaysLow": "VWh0dG_balanceDaysLow",
+			"chartEmpty": "VWh0dG_chartEmpty",
+			"flatTag": "VWh0dG_flatTag",
+			"liveCostBar": "VWh0dG_liveCostBar",
 			"currencyButtonActive": "VWh0dG_currencyButtonActive",
-			"deltaDown": "VWh0dG_deltaDown",
-			"heroSideValue": "VWh0dG_heroSideValue",
-			"switchOn": "VWh0dG_switchOn",
-			"emptyRow": "VWh0dG_emptyRow",
-			"modelTableScroll": "VWh0dG_modelTableScroll",
-			"heroMain": "VWh0dG_heroMain",
-			"budgetTrack": "VWh0dG_budgetTrack",
-			"chartBar": "VWh0dG_chartBar",
-			"budgetValue": "VWh0dG_budgetValue",
-			"chartLegend": "VWh0dG_chartLegend",
-			"rounds": "VWh0dG_rounds",
-			"modelDot": "VWh0dG_modelDot",
-			"switch": "VWh0dG_switch",
-			"panel": "VWh0dG_panel",
-			"roundsBarLabel": "VWh0dG_roundsBarLabel",
-			"pricingTable": "VWh0dG_pricingTable",
-			"dashboardHead": "VWh0dG_dashboardHead",
+			"pricingChevron": "VWh0dG_pricingChevron",
+			"shareSegAssistant": "VWh0dG_shareSegAssistant",
+			"providerGroupTitle": "VWh0dG_providerGroupTitle",
+			"dashboardIn": "VWh0dG_dashboardIn",
+			"heatmap": "VWh0dG_heatmap",
 			"healthDot": "VWh0dG_healthDot",
-			"triggerMonth": "VWh0dG_triggerMonth",
 			"providerGroupHead": "VWh0dG_providerGroupHead",
-			"modelProvider": "VWh0dG_modelProvider",
-			"triggerAmountSub": "VWh0dG_triggerAmountSub",
-			"triggerToday": "VWh0dG_triggerToday",
-			"deltaUp": "VWh0dG_deltaUp",
-			"heatmapGrid": "VWh0dG_heatmapGrid",
-			"chartWrap": "VWh0dG_chartWrap",
-			"subscriptionFill": "VWh0dG_subscriptionFill",
-			"subscriptionStatus": "VWh0dG_subscriptionStatus",
-			"subscriptionWindowLabel": "VWh0dG_subscriptionWindowLabel",
-			"roundsFlagMark": "VWh0dG_roundsFlagMark",
-			"heatmapCell": "VWh0dG_heatmapCell",
-			"providerGroupTitle": "VWh0dG_providerGroupTitle",
-			"tabPanel": "VWh0dG_tabPanel",
-			"dashboardRight": "VWh0dG_dashboardRight",
-			"triggerIcon": "VWh0dG_triggerIcon",
-			"subscriptionCard": "VWh0dG_subscriptionCard",
-			"providerGroup": "VWh0dG_providerGroup",
-			"tabNav": "VWh0dG_tabNav",
-			"subscriptionName": "VWh0dG_subscriptionName",
-			"budgetInputWrap": "VWh0dG_budgetInputWrap",
 			"subscriptionPlan": "VWh0dG_subscriptionPlan",
+			"providerGroupList": "VWh0dG_providerGroupList",
+			"triggerMonth": "VWh0dG_triggerMonth",
+			"dashboard": "VWh0dG_dashboard",
+			"hero": "VWh0dG_hero",
+			"chartTooltipSwatch": "VWh0dG_chartTooltipSwatch",
+			"subscriptionName": "VWh0dG_subscriptionName",
+			"tabPanelIn": "VWh0dG_tabPanelIn",
+			"heroSideValue": "VWh0dG_heroSideValue",
+			"healthBadgeOk": "VWh0dG_healthBadgeOk",
+			"triggerPop": "VWh0dG_triggerPop",
+			"shareItem": "VWh0dG_shareItem",
+			"subscriptionReset": "VWh0dG_subscriptionReset",
+			"chartLegendLine": "VWh0dG_chartLegendLine",
+			"budgetFill": "VWh0dG_budgetFill",
+			"providerGroupMeta": "VWh0dG_providerGroupMeta",
+			"providerGroupBalance": "VWh0dG_providerGroupBalance",
+			"providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
+			"dashboardRight": "VWh0dG_dashboardRight",
+			"subscriptionStatus": "VWh0dG_subscriptionStatus",
+			"closeButton": "VWh0dG_closeButton",
+			"modelName": "VWh0dG_modelName",
+			"triggerPopBars": "VWh0dG_triggerPopBars",
+			"dashboardBody": "VWh0dG_dashboardBody",
 			"triggerDivider": "VWh0dG_triggerDivider",
-			"heatmap": "VWh0dG_heatmap",
-			"subscriptionGrid": "VWh0dG_subscriptionGrid",
-			"providerGroupName": "VWh0dG_providerGroupName",
-			"dashboardIn": "VWh0dG_dashboardIn",
-			"panelHint": "VWh0dG_panelHint",
-			"chartLine": "VWh0dG_chartLine",
+			"triggerMeta": "VWh0dG_triggerMeta",
+			"deltaUp": "VWh0dG_deltaUp",
 			"budgetInput": "VWh0dG_budgetInput",
-			"budgetControls": "VWh0dG_budgetControls",
-			"chartTooltip": "VWh0dG_chartTooltip",
-			"tableScroll": "VWh0dG_tableScroll",
-			"dashboardModal": "VWh0dG_dashboardModal",
-			"healthBad": "VWh0dG_healthBad",
-			"trendPanel": "VWh0dG_trendPanel",
-			"heatmapFooter": "VWh0dG_heatmapFooter",
+			"chartTooltipRow": "VWh0dG_chartTooltipRow",
+			"roundsFlagBadge": "VWh0dG_roundsFlagBadge",
+			"modelProvider": "VWh0dG_modelProvider",
+			"budgetFillWarn": "VWh0dG_budgetFillWarn",
+			"rateBadgeLive": "VWh0dG_rateBadgeLive",
+			"liveCostSep": "VWh0dG_liveCostSep",
+			"subscriptionWindowLabel": "VWh0dG_subscriptionWindowLabel",
+			"roundsBarCol": "VWh0dG_roundsBarCol",
 			"heatmapHover": "VWh0dG_heatmapHover",
-			"tabButton": "VWh0dG_tabButton",
-			"chartTooltipSwatch": "VWh0dG_chartTooltipSwatch",
-			"healthIdle": "VWh0dG_healthIdle",
-			"budgetHead": "VWh0dG_budgetHead",
-			"balanceDays": "VWh0dG_balanceDays",
 			"subscriptionWindow": "VWh0dG_subscriptionWindow",
-			"roundsBar": "VWh0dG_roundsBar",
-			"kpiValue": "VWh0dG_kpiValue",
-			"pricingChevron": "VWh0dG_pricingChevron",
+			"heroSideLabel": "VWh0dG_heroSideLabel",
+			"switchKnob": "VWh0dG_switchKnob",
+			"shareTrack": "VWh0dG_shareTrack",
+			"shareLegend": "VWh0dG_shareLegend",
+			"kpiDetail": "VWh0dG_kpiDetail",
+			"kpiGreen": "VWh0dG_kpiGreen",
+			"dashboardSubtitle": "VWh0dG_dashboardSubtitle",
+			"shareSegTool": "VWh0dG_shareSegTool",
+			"modelDot": "VWh0dG_modelDot",
+			"rounds": "VWh0dG_rounds",
+			"roundsBarFlagged": "VWh0dG_roundsBarFlagged",
+			"roundsEmpty": "VWh0dG_roundsEmpty",
+			"roundsBars": "VWh0dG_roundsBars",
+			"trigger": "VWh0dG_trigger",
+			"balanceDaysLow": "VWh0dG_balanceDaysLow",
+			"chartTooltip": "VWh0dG_chartTooltip",
+			"balanceDays": "VWh0dG_balanceDays",
+			"headTitleRow": "VWh0dG_headTitleRow",
+			"heroLabel": "VWh0dG_heroLabel",
+			"healthBadge": "VWh0dG_healthBadge",
+			"deltaDown": "VWh0dG_deltaDown",
+			"roundsFlagMark": "VWh0dG_roundsFlagMark",
 			"roundsAxis": "VWh0dG_roundsAxis",
-			"providerGroupBadge": "VWh0dG_providerGroupBadge",
-			"dashboardTitle": "VWh0dG_dashboardTitle",
-			"costCol": "VWh0dG_costCol",
-			"modelName": "VWh0dG_modelName",
-			"kpiGrid": "VWh0dG_kpiGrid",
-			"pricingToggle": "VWh0dG_pricingToggle",
-			"heatmapLegend": "VWh0dG_heatmapLegend",
-			"planTag": "VWh0dG_planTag",
-			"roundsFlagBadge": "VWh0dG_roundsFlagBadge",
-			"healthBadgeBad": "VWh0dG_healthBadgeBad",
-			"rateBadgeLive": "VWh0dG_rateBadgeLive",
-			"providerGroupMeta": "VWh0dG_providerGroupMeta",
-			"modelCell": "VWh0dG_modelCell",
 			"bandTagOff": "VWh0dG_bandTagOff",
-			"providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
+			"kpiValue": "VWh0dG_kpiValue",
+			"tabButtonActive": "VWh0dG_tabButtonActive",
+			"triggerToday": "VWh0dG_triggerToday",
+			"costCol": "VWh0dG_costCol",
+			"triggerPopRow": "VWh0dG_triggerPopRow",
+			"triggerWrap": "VWh0dG_triggerWrap",
 			"roundsBarWrap": "VWh0dG_roundsBarWrap",
-			"hero": "VWh0dG_hero",
-			"dashboardSubtitle": "VWh0dG_dashboardSubtitle",
-			"uncataloguedTag": "VWh0dG_uncataloguedTag",
-			"chartCrosshair": "VWh0dG_chartCrosshair",
+			"budgetHead": "VWh0dG_budgetHead",
+			"triggerPopLabel": "VWh0dG_triggerPopLabel",
+			"railButton": "VWh0dG_railButton",
+			"na": "VWh0dG_na",
+			"budgetTrack": "VWh0dG_budgetTrack",
+			"heatmapFooter": "VWh0dG_heatmapFooter",
+			"pricingTable": "VWh0dG_pricingTable",
+			"exportButton": "VWh0dG_exportButton",
+			"heroValue": "VWh0dG_heroValue",
+			"switch": "VWh0dG_switch",
+			"heroSideItem": "VWh0dG_heroSideItem",
+			"heatmapGrid": "VWh0dG_heatmapGrid",
+			"shareValue": "VWh0dG_shareValue",
 			"chartLegendBar": "VWh0dG_chartLegendBar",
-			"chartTooltipDate": "VWh0dG_chartTooltipDate",
-			"providerGroupBalance": "VWh0dG_providerGroupBalance",
-			"railButton": "VWh0dG_railButton"
+			"pricingChevronOpen": "VWh0dG_pricingChevronOpen",
+			"currencyToggle": "VWh0dG_currencyToggle",
+			"rangeToggle": "VWh0dG_rangeToggle",
+			"tabPanel": "VWh0dG_tabPanel",
+			"panelHead": "VWh0dG_panelHead",
+			"kpiGrid": "VWh0dG_kpiGrid",
+			"tabButton": "VWh0dG_tabButton",
+			"modelCell": "VWh0dG_modelCell"
 		};
 		//#endregion
 		//#region src/client/pricing.ts
@@ -238,6 +260,22 @@ window.__ModuleLoader__.load({
 		/** Default share of traffic assumed to fall in the peak band (0..1). */
 		const DEFAULT_PEAK_SHARE = .5;
 		/**
+		* 高峰时段判定（北京时间，UTC+8，无夏令时）：09:00–12:00、14:00–18:00。
+		* @param beijingHour - 北京时间的小时数（0–23）。
+		*/
+		function isPeakHour(beijingHour) {
+			return beijingHour >= 9 && beijingHour < 12 || beijingHour >= 14 && beijingHour < 18;
+		}
+		/**
+		* 由时刻（epoch 毫秒）推断计费时段；时刻未知/非法时按高峰计（保守：未知
+		* 时刻不低估成本，与社区 dsh-usage-chart 的 tierAt 语义一致）。
+		* @param timeMs - Unix epoch 毫秒；null/undefined/NaN 视为未知。
+		*/
+		function tierAt(timeMs) {
+			if (timeMs === null || timeMs === void 0 || !Number.isFinite(timeMs)) return "peak";
+			return isPeakHour((new Date(timeMs).getUTCHours() + 8) % 24) ? "peak" : "offPeak";
+		}
+		/**
 		* Built-in catalog of current mainstream models as of 2026-08-16, priced from
 		* each provider's official price page. Domestic providers are OpenAI-API
 		* compatible and publish RMB prices directly; overseas providers publish USD
@@ -1429,6 +1467,64 @@ window.__ModuleLoader__.load({
 			return flags;
 		}
 		//#endregion
+		//#region src/client/export.ts
+		/** CSV 单元格转义：含逗号 / 引号 / 换行的值加双引号并内层引号双写。 */
+		function csvCell(value) {
+			return /[",\n]/.test(value) ? `"${value.replace(/"/g, "\"\"")}"` : value;
+		}
+		/** 金额保留两位小数字符串（导出对账用，不做千分位）。 */
+		function money(value) {
+			return value.toFixed(2);
+		}
+		/** 按日 CSV：日期,调用,输入,输出,缓存命中,缓存未命中,费用(元)。 */
+		function dayRowsCsv(byDay) {
+			return ["date,calls,input,output,cache_hit,cache_miss,cost_cny", ...Object.keys(byDay).sort().map((date) => {
+				const day = byDay[date];
+				if (day === void 0) return "";
+				return [
+					date,
+					day.calls,
+					day.input,
+					day.output,
+					day.cacheHit,
+					day.cacheMiss,
+					money(day.cost)
+				].join(",");
+			})].join("\n");
+		}
+		/** 项目名取 cwd 末级目录（与统计 Tab 的会话明细同口径）。 */
+		function projectOf(cwd) {
+			if (cwd === void 0) return "";
+			return cwd.split(/[\\/]/).filter(Boolean).pop() ?? cwd;
+		}
+		/** 按会话 CSV：会话 id,标题,项目,调用,费用(元),最后活跃(ISO)。 */
+		function sessionRowsCsv(rows) {
+			return ["session_id,title,project,calls,cost_cny,last_active", ...rows.map((row) => [
+				csvCell(row.id),
+				csvCell(row.title ?? ""),
+				csvCell(projectOf(row.cwd)),
+				row.calls,
+				money(row.cost),
+				row.lastActive > 0 ? new Date(row.lastActive).toISOString() : ""
+			].join(","))].join("\n");
+		}
+		/** 导出文件名：带日期范围（usage-2026-08-01_2026-08-22.csv）；无日期时只带前缀。 */
+		function exportFileName(prefix, ext, dates) {
+			const sorted = [...dates].sort();
+			const first = sorted[0];
+			const last = sorted.at(-1);
+			return `${prefix}${first !== void 0 && last !== void 0 ? `-${first}_${last}` : ""}.${ext}`;
+		}
+		/** 触发浏览器下载（唯一 DOM 副作用；调用方在 click 手势里使用）。 */
+		function downloadText(filename, text, mime) {
+			const url = URL.createObjectURL(new Blob([text], { type: mime }));
+			const anchor = document.createElement("a");
+			anchor.href = url;
+			anchor.download = filename;
+			anchor.click();
+			URL.revokeObjectURL(url);
+		}
+		//#endregion
 		//#region src/client/UsageBilling.tsx
 		/**
 		* UsageBilling: sidebar footer trigger + full billing dashboard modal.
@@ -1475,6 +1571,12 @@ window.__ModuleLoader__.load({
 			if (cwd === void 0) return void 0;
 			return cwd.split(/[\\/]/).filter(Boolean).pop() ?? cwd;
 		}
+		/** 预算提醒档位（百分比）：跨档时桌面通知，每档每天最多一次。 */
+		const BUDGET_ALERT_TIERS = [
+			50,
+			80,
+			100
+		];
 		/** Idle health state before the probe settles. */
 		const IDLE_HEALTH = {
 			checked: false,
@@ -1645,6 +1747,41 @@ window.__ModuleLoader__.load({
 			if (avg <= 0) return 0;
 			return avg * monthLen;
 		}
+		/**
+		* 峰谷时段费用分摊：按每轮的起始时刻（北京时间高峰 9-12 / 14-18）把费用
+		* 归入高峰 / 空闲两档。导出供测试：纯函数。
+		* @param turns - 每轮费用行（需带 startedAt 与 cost）。
+		* @returns 两档费用合计（人民币元）。
+		*/
+		function peakOffpeakCost(turns) {
+			let peak = 0;
+			let offPeak = 0;
+			for (const turn of turns) if (tierAt(turn.startedAt) === "peak") peak += turn.cost;
+			else offPeak += turn.cost;
+			return {
+				peak,
+				offPeak
+			};
+		}
+		/**
+		* 近 7 天费用序列（含今天，缺日补 0）：触发卡 hover 速览的迷你柱数据源。
+		* 导出供测试：纯函数（日期取本地时区）。
+		* @param byDay - 按日费用表。
+		* @returns 7 个 `{ date, cost }`，最旧在前。
+		*/
+		function lastSevenDays(byDay) {
+			const out = [];
+			for (let offset = 6; offset >= 0; offset -= 1) {
+				const day = /* @__PURE__ */ new Date();
+				day.setDate(day.getDate() - offset);
+				const stamp = localDayStamp(day.getTime());
+				out.push({
+					date: stamp,
+					cost: byDay[stamp]?.cost ?? 0
+				});
+			}
+			return out;
+		}
 		/** Resolve one provider's dot state: green when live, red when failed, gray when unknown. */
 		function providerDot(health, provider) {
 			if (!health.checked) return UsageBilling_module_css_default.healthIdle;
@@ -1746,7 +1883,8 @@ window.__ModuleLoader__.load({
 					...typeof candidate.lowBalanceThreshold === "number" ? { lowBalanceThreshold: candidate.lowBalanceThreshold } : {},
 					...Array.isArray(candidate.bySession) ? { bySession: candidate.bySession } : {},
 					...Array.isArray(candidate.byTurn) ? { byTurn: candidate.byTurn } : {},
-					...Array.isArray(candidate.byWorkspace) ? { byWorkspace: candidate.byWorkspace } : {}
+					...Array.isArray(candidate.byWorkspace) ? { byWorkspace: candidate.byWorkspace } : {},
+					...candidate.byRole !== null && typeof candidate.byRole === "object" ? { byRole: candidate.byRole } : {}
 				};
 			} catch {
 				return null;
@@ -1817,7 +1955,7 @@ window.__ModuleLoader__.load({
 		* @param props - framework props plus `wide` column state.
 		*/
 		function UsageBillingTrigger(props) {
-			const { wide, t, onOpen, monthCost, todayCost } = props;
+			const { wide, t, onOpen, monthCost, todayCost, weekCost, days } = props;
 			const cardIcon = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
@@ -1849,42 +1987,91 @@ window.__ModuleLoader__.load({
 				title: `${t("billing.title")} · ${formatMoney(monthCost)}`,
 				children: cardIcon
 			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-				type: "button",
-				className: UsageBilling_module_css_default.trigger,
-				"data-testid": "billing-trigger",
-				onClick: onOpen,
-				title: `${t("billing.title")} · 本月 ${formatMoney(monthCost)}`,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: UsageBilling_module_css_default.triggerIcon,
-						"data-testid": "billing-trigger-icon",
-						children: cardIcon
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: UsageBilling_module_css_default.triggerToday,
-						"data-testid": "billing-trigger-today",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: UsageBilling_module_css_default.triggerMeta,
-							children: "今日"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: UsageBilling_module_css_default.triggerAmount,
-							children: formatMoney(todayCost)
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: UsageBilling_module_css_default.triggerDivider }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: UsageBilling_module_css_default.triggerMonth,
-						"data-testid": "billing-trigger-month",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: UsageBilling_module_css_default.triggerMeta,
-							children: "当月"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: UsageBilling_module_css_default.triggerAmountSub,
-							children: formatMoney(monthCost)
-						})]
-					})
-				]
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: UsageBilling_module_css_default.triggerWrap,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: UsageBilling_module_css_default.trigger,
+					"data-testid": "billing-trigger",
+					onClick: onOpen,
+					title: `${t("billing.title")} · 本月 ${formatMoney(monthCost)}`,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: UsageBilling_module_css_default.triggerIcon,
+							"data-testid": "billing-trigger-icon",
+							children: cardIcon
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: UsageBilling_module_css_default.triggerToday,
+							"data-testid": "billing-trigger-today",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.triggerMeta,
+								children: "今日"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.triggerAmount,
+								children: formatMoney(todayCost)
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: UsageBilling_module_css_default.triggerDivider }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: UsageBilling_module_css_default.triggerMonth,
+							"data-testid": "billing-trigger-month",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.triggerMeta,
+								children: "当月"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.triggerAmountSub,
+								children: formatMoney(monthCost)
+							})]
+						})
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: UsageBilling_module_css_default.triggerPop,
+					"data-testid": "billing-trigger-pop",
+					"aria-hidden": "true",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: UsageBilling_module_css_default.triggerPopRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.triggerPopLabel,
+								children: t("billing.todayCost")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.triggerPopValue,
+								children: formatMoney(todayCost)
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: UsageBilling_module_css_default.triggerPopRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.triggerPopLabel,
+								children: t("billing.weekCost")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.triggerPopValue,
+								children: formatMoney(weekCost)
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: UsageBilling_module_css_default.triggerPopRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.triggerPopLabel,
+								children: t("billing.monthCost")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.triggerPopValue,
+								children: formatMoney(monthCost)
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: UsageBilling_module_css_default.triggerPopBars,
+							children: (() => {
+								const max = Math.max(...days.map((d) => d.cost), 0);
+								return days.map((d) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: UsageBilling_module_css_default.triggerPopBar,
+									style: { height: `${max > 0 ? 4 + d.cost / max * 18 : 4}px` }
+								}, d.date));
+							})()
+						})
+					]
+				})]
 			});
 		}
 		/**
@@ -1898,6 +2085,33 @@ window.__ModuleLoader__.load({
 			const rateInfo = getRateInfo();
 			const money = (cny) => formatMoney(currency === "usd" ? cnyToUsd(cny) : cny, currency);
 			const roundFlags = (0, react.useMemo)(() => flagAnomalies([...turns].reverse()), [turns]);
+			const peakShare = (0, react.useMemo)(() => peakOffpeakCost(turns), [turns]);
+			const roleRows = (0, react.useMemo)(() => {
+				const role = stats.byRole;
+				if (role === void 0) return [];
+				const total = role.user + role.assistant + role.tool;
+				if (total <= 0) return [];
+				return [
+					{
+						label: t("billing.roleUser"),
+						value: role.user,
+						seg: UsageBilling_module_css_default.shareSegUser
+					},
+					{
+						label: t("billing.roleAssistant"),
+						value: role.assistant,
+						seg: UsageBilling_module_css_default.shareSegAssistant
+					},
+					{
+						label: t("billing.roleTool"),
+						value: role.tool,
+						seg: UsageBilling_module_css_default.shareSegTool
+					}
+				].map((row) => ({
+					...row,
+					pct: row.value / total * 100
+				}));
+			}, [stats.byRole, t]);
 			const dailyBurn = dailyBurnRate(byDay, localDayStamp());
 			const balanceFor = (provider) => balances.find((balance) => normalizeProvider(balance.provider) === normalizeProvider(provider));
 			const renderBalance = (balance) => {
@@ -2279,7 +2493,7 @@ window.__ModuleLoader__.load({
 													className: UsageBilling_module_css_default.budgetTrack,
 													"data-testid": "billing-budget-track",
 													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-														className: clsx(UsageBilling_module_css_default.budgetFill, pct >= 100 && UsageBilling_module_css_default.budgetFillOver),
+														className: clsx(UsageBilling_module_css_default.budgetFill, pct >= 100 && UsageBilling_module_css_default.budgetFillOver, pct >= 80 && pct < 100 && UsageBilling_module_css_default.budgetFillWarn),
 														style: { width: `${Math.min(pct, 100)}%` }
 													})
 												});
@@ -2400,66 +2614,143 @@ window.__ModuleLoader__.load({
 								tab === "trends" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: UsageBilling_module_css_default.tabPanel,
 									"data-testid": "billing-tab-panel-trends",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-										className: clsx(UsageBilling_module_css_default.panel, UsageBilling_module_css_default.trendPanel),
-										"data-testid": "billing-panel-trend",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: UsageBilling_module_css_default.panelHead,
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-													className: UsageBilling_module_css_default.panelTitle,
-													children: t("billing.trend")
-												}),
-												renderSlot("billing.dashboard.decor", { position: "trend" }),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: UsageBilling_module_css_default.rangeToggle,
-													role: "group",
-													"aria-label": t("billing.trend"),
-													children: [7, 30].map((days) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: clsx(UsageBilling_module_css_default.rangeButton, trendDays === days && UsageBilling_module_css_default.rangeButtonActive),
-														"aria-pressed": trendDays === days,
-														"data-testid": `billing-trend-${days}d`,
-														onClick: () => {
-															setTrendDays(days);
-														},
-														children: days === 7 ? t("billing.trend7d") : t("billing.trend30d")
-													}, days))
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: UsageBilling_module_css_default.panelHint,
-													children: latestDate
-												})
-											]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendChart, {
-											data: trend,
-											models: chartModels,
-											currency
-										})]
-									}), turns.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-										className: UsageBilling_module_css_default.panel,
-										"data-testid": "billing-panel-rounds",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: UsageBilling_module_css_default.panelHead,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-												className: UsageBilling_module_css_default.panelTitle,
-												children: t("billing.rounds")
-											}), roundFlags.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: UsageBilling_module_css_default.roundsFlagBadge,
-												"data-testid": "billing-rounds-flag-count",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											className: clsx(UsageBilling_module_css_default.panel, UsageBilling_module_css_default.trendPanel),
+											"data-testid": "billing-panel-trend",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.panelHead,
 												children: [
-													roundFlags.length,
-													" ",
-													t("billing.anomaly")
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+														className: UsageBilling_module_css_default.panelTitle,
+														children: t("billing.trend")
+													}),
+													renderSlot("billing.dashboard.decor", { position: "trend" }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: UsageBilling_module_css_default.rangeToggle,
+														role: "group",
+														"aria-label": t("billing.trend"),
+														children: [7, 30].map((days) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: clsx(UsageBilling_module_css_default.rangeButton, trendDays === days && UsageBilling_module_css_default.rangeButtonActive),
+															"aria-pressed": trendDays === days,
+															"data-testid": `billing-trend-${days}d`,
+															onClick: () => {
+																setTrendDays(days);
+															},
+															children: days === 7 ? t("billing.trend7d") : t("billing.trend30d")
+														}, days))
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: UsageBilling_module_css_default.panelHint,
+														children: latestDate
+													})
 												]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendChart, {
+												data: trend,
+												models: chartModels,
+												currency
 											})]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoundCostChart, {
-											rounds: turns,
-											flags: roundFlags,
-											currency,
-											t
-										})]
-									})]
+										}),
+										turns.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											className: UsageBilling_module_css_default.panel,
+											"data-testid": "billing-panel-rounds",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.panelHead,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+													className: UsageBilling_module_css_default.panelTitle,
+													children: t("billing.rounds")
+												}), roundFlags.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: UsageBilling_module_css_default.roundsFlagBadge,
+													"data-testid": "billing-rounds-flag-count",
+													children: [
+														roundFlags.length,
+														" ",
+														t("billing.anomaly")
+													]
+												})]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoundCostChart, {
+												rounds: turns,
+												flags: roundFlags,
+												currency,
+												t
+											})]
+										}),
+										turns.length > 0 && (() => {
+											const shareTotal = peakShare.peak + peakShare.offPeak;
+											if (shareTotal <= 0) return null;
+											const peakPct = peakShare.peak / shareTotal * 100;
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+												className: UsageBilling_module_css_default.panel,
+												"data-testid": "billing-panel-share",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: UsageBilling_module_css_default.panelHead,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+															className: UsageBilling_module_css_default.panelTitle,
+															children: t("billing.peakShare")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.panelHint,
+															children: t("billing.peakShareHint").replace("{count}", String(turns.length))
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: UsageBilling_module_css_default.shareTrack,
+														"data-testid": "billing-share-track",
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+															className: clsx(UsageBilling_module_css_default.shareSeg, UsageBilling_module_css_default.shareSegPeak),
+															style: { width: `${peakPct}%` }
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+															className: clsx(UsageBilling_module_css_default.shareSeg, UsageBilling_module_css_default.shareSegOff),
+															style: { width: `${100 - peakPct}%` }
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: UsageBilling_module_css_default.shareLegend,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: UsageBilling_module_css_default.shareItem,
+															children: [
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: UsageBilling_module_css_default.shareDot,
+																	style: { background: "var(--dsw-static-blue-500)" }
+																}),
+																t("billing.peak"),
+																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																	className: UsageBilling_module_css_default.shareValue,
+																	"data-testid": "billing-share-peak",
+																	children: [
+																		money(peakShare.peak),
+																		" · ",
+																		peakPct.toFixed(1),
+																		"%"
+																	]
+																})
+															]
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: UsageBilling_module_css_default.shareItem,
+															children: [
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: UsageBilling_module_css_default.shareDot,
+																	style: { background: "color-mix(in srgb, var(--dsw-static-blue-500) 30%, var(--dsw-alias-bg-module-platform))" }
+																}),
+																t("billing.offPeak"),
+																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																	className: UsageBilling_module_css_default.shareValue,
+																	"data-testid": "billing-share-offpeak",
+																	children: [
+																		money(peakShare.offPeak),
+																		" · ",
+																		(100 - peakPct).toFixed(1),
+																		"%"
+																	]
+																})
+															]
+														})]
+													})
+												]
+											});
+										})()
+									]
 								}),
 								tab === "providers" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: UsageBilling_module_css_default.tabPanel,
@@ -2661,130 +2952,215 @@ window.__ModuleLoader__.load({
 								tab === "details" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: UsageBilling_module_css_default.tabPanel,
 									"data-testid": "billing-tab-panel-details",
-									children: [stats.byWorkspace !== void 0 && stats.byWorkspace.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-										className: UsageBilling_module_css_default.panel,
-										"data-testid": "billing-panel-workspaces",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: UsageBilling_module_css_default.panelHead,
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-												className: UsageBilling_module_css_default.panelTitle,
-												children: t("billing.workspaces")
-											})
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: UsageBilling_module_css_default.tableScroll,
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-												className: UsageBilling_module_css_default.modelTable,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.project") }),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-														className: UsageBilling_module_css_default.numCol,
-														children: t("billing.calls")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-														className: UsageBilling_module_css_default.numCol,
-														children: t("billing.inputTokens")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-														className: UsageBilling_module_css_default.numCol,
-														children: t("billing.outputTokens")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-														className: UsageBilling_module_css_default.numCol,
-														children: t("billing.actual")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-														className: UsageBilling_module_css_default.numCol,
-														children: t("billing.lastActive")
-													})
-												] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: stats.byWorkspace.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: UsageBilling_module_css_default.modelName,
-														children: row.name
-													}) }),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-														className: UsageBilling_module_css_default.numCol,
-														children: row.calls.toLocaleString()
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-														className: UsageBilling_module_css_default.numCol,
-														children: formatTokens(row.input)
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-														className: UsageBilling_module_css_default.numCol,
-														children: formatTokens(row.output)
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-														className: UsageBilling_module_css_default.numCol,
-														children: money(row.cost)
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-														className: UsageBilling_module_css_default.numCol,
-														children: row.lastActive > 0 ? `${localDayStamp(row.lastActive)}` : "—"
-													})
-												] }, row.name)) })]
-											})
-										})]
-									}), stats.bySession !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-										className: UsageBilling_module_css_default.panel,
-										"data-testid": "billing-panel-sessions",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: UsageBilling_module_css_default.panelHead,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-												className: UsageBilling_module_css_default.panelTitle,
-												children: t("billing.sessions")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: UsageBilling_module_css_default.panelHint,
-												children: stats.bySession.length > SESSION_DISPLAY_LIMIT ? t("billing.sessionOverflow").replace("{limit}", String(SESSION_DISPLAY_LIMIT)).replace("{total}", String(stats.bySession.length)) : `${stats.bySession.length}`
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: UsageBilling_module_css_default.exportBar,
+											"data-testid": "billing-export-bar",
+											role: "group",
+											"aria-label": t("billing.export"),
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: UsageBilling_module_css_default.exportLabel,
+													children: t("billing.export")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: UsageBilling_module_css_default.exportButton,
+													"data-testid": "billing-export-day",
+													onClick: () => {
+														downloadText(exportFileName("usage-daily", "csv", Object.keys(byDay)), dayRowsCsv(byDay), "text/csv");
+													},
+													children: t("billing.exportCsvDay")
+												}),
+												stats.bySession !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: UsageBilling_module_css_default.exportButton,
+													"data-testid": "billing-export-sessions",
+													onClick: () => {
+														downloadText(exportFileName("usage-sessions", "csv", Object.keys(byDay)), sessionRowsCsv(stats.bySession ?? []), "text/csv");
+													},
+													children: t("billing.exportCsvSession")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: UsageBilling_module_css_default.exportButton,
+													"data-testid": "billing-export-json",
+													onClick: () => {
+														downloadText(exportFileName("usage-stats", "json", Object.keys(byDay)), JSON.stringify(stats, null, 2), "application/json");
+													},
+													children: t("billing.exportJson")
+												})
+											]
+										}),
+										roleRows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											className: UsageBilling_module_css_default.panel,
+											"data-testid": "billing-panel-roles",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: UsageBilling_module_css_default.panelHead,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+														className: UsageBilling_module_css_default.panelTitle,
+														children: t("billing.roleCost")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: UsageBilling_module_css_default.panelHint,
+														children: t("billing.roleHint")
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: UsageBilling_module_css_default.shareTrack,
+													"data-testid": "billing-role-track",
+													children: roleRows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: clsx(UsageBilling_module_css_default.shareSeg, row.seg),
+														style: { width: `${row.pct}%` }
+													}, row.label))
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: UsageBilling_module_css_default.shareLegend,
+													children: roleRows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: UsageBilling_module_css_default.shareItem,
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: clsx(UsageBilling_module_css_default.shareDot, row.seg) }),
+															row.label,
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																className: UsageBilling_module_css_default.shareValue,
+																children: [
+																	money(row.value),
+																	" · ",
+																	row.pct.toFixed(1),
+																	"%"
+																]
+															})
+														]
+													}, row.label))
+												})
+											]
+										}),
+										stats.byWorkspace !== void 0 && stats.byWorkspace.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											className: UsageBilling_module_css_default.panel,
+											"data-testid": "billing-panel-workspaces",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: UsageBilling_module_css_default.panelHead,
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+													className: UsageBilling_module_css_default.panelTitle,
+													children: t("billing.workspaces")
+												})
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: UsageBilling_module_css_default.tableScroll,
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+													className: UsageBilling_module_css_default.modelTable,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.project") }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+															className: UsageBilling_module_css_default.numCol,
+															children: t("billing.calls")
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+															className: UsageBilling_module_css_default.numCol,
+															children: t("billing.inputTokens")
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+															className: UsageBilling_module_css_default.numCol,
+															children: t("billing.outputTokens")
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+															className: UsageBilling_module_css_default.numCol,
+															children: t("billing.actual")
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+															className: UsageBilling_module_css_default.numCol,
+															children: t("billing.lastActive")
+														})
+													] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: stats.byWorkspace.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.modelName,
+															children: row.name
+														}) }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+															className: UsageBilling_module_css_default.numCol,
+															children: row.calls.toLocaleString()
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+															className: UsageBilling_module_css_default.numCol,
+															children: formatTokens(row.input)
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+															className: UsageBilling_module_css_default.numCol,
+															children: formatTokens(row.output)
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+															className: UsageBilling_module_css_default.numCol,
+															children: money(row.cost)
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+															className: UsageBilling_module_css_default.numCol,
+															children: row.lastActive > 0 ? `${localDayStamp(row.lastActive)}` : "—"
+														})
+													] }, row.name)) })]
+												})
 											})]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: UsageBilling_module_css_default.tableScroll,
-											"data-testid": "billing-sessions-table",
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-												className: UsageBilling_module_css_default.modelTable,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.sessions") }),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.project") }),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-														className: UsageBilling_module_css_default.numCol,
-														children: t("billing.calls")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-														className: UsageBilling_module_css_default.numCol,
-														children: t("billing.actual")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-														className: UsageBilling_module_css_default.numCol,
-														children: t("billing.lastActive")
-													})
-												] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tbody", { children: [stats.bySession.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-													colSpan: 5,
-													className: UsageBilling_module_css_default.emptyRow,
-													children: t("billing.noData")
-												}) }), stats.bySession.slice(0, SESSION_DISPLAY_LIMIT).map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: UsageBilling_module_css_default.modelName,
-														children: row.title ?? row.id.slice(0, 8)
-													}) }),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: UsageBilling_module_css_default.modelProvider,
-														children: projectName(row.cwd) ?? "—"
-													}) }),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-														className: UsageBilling_module_css_default.numCol,
-														children: row.calls.toLocaleString()
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-														className: UsageBilling_module_css_default.numCol,
-														children: money(row.cost)
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-														className: UsageBilling_module_css_default.numCol,
-														children: row.lastActive > 0 ? `${localDayStamp(row.lastActive)} ${formatClock(row.lastActive)}` : "—"
-													})
-												] }, row.id))] })]
-											})
-										})]
-									})]
+										}),
+										stats.bySession !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											className: UsageBilling_module_css_default.panel,
+											"data-testid": "billing-panel-sessions",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.panelHead,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+													className: UsageBilling_module_css_default.panelTitle,
+													children: t("billing.sessions")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: UsageBilling_module_css_default.panelHint,
+													children: stats.bySession.length > SESSION_DISPLAY_LIMIT ? t("billing.sessionOverflow").replace("{limit}", String(SESSION_DISPLAY_LIMIT)).replace("{total}", String(stats.bySession.length)) : `${stats.bySession.length}`
+												})]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: UsageBilling_module_css_default.tableScroll,
+												"data-testid": "billing-sessions-table",
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+													className: UsageBilling_module_css_default.modelTable,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.sessions") }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.project") }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+															className: UsageBilling_module_css_default.numCol,
+															children: t("billing.calls")
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+															className: UsageBilling_module_css_default.numCol,
+															children: t("billing.actual")
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+															className: UsageBilling_module_css_default.numCol,
+															children: t("billing.lastActive")
+														})
+													] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tbody", { children: [stats.bySession.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+														colSpan: 5,
+														className: UsageBilling_module_css_default.emptyRow,
+														children: t("billing.noData")
+													}) }), stats.bySession.slice(0, SESSION_DISPLAY_LIMIT).map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.modelName,
+															children: row.title ?? row.id.slice(0, 8)
+														}) }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.modelProvider,
+															children: projectName(row.cwd) ?? "—"
+														}) }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+															className: UsageBilling_module_css_default.numCol,
+															children: row.calls.toLocaleString()
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+															className: UsageBilling_module_css_default.numCol,
+															children: money(row.cost)
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+															className: UsageBilling_module_css_default.numCol,
+															children: row.lastActive > 0 ? `${localDayStamp(row.lastActive)} ${formatClock(row.lastActive)}` : "—"
+														})
+													] }, row.id))] })]
+												})
+											})]
+										})
+									]
 								}),
 								tab === "pricing" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: UsageBilling_module_css_default.tabPanel,
@@ -2954,9 +3330,11 @@ window.__ModuleLoader__.load({
 			const today = localDayStamp();
 			const monthCost = Object.entries(stats.byDay).filter(([date]) => date.startsWith(today.slice(0, 7))).reduce((sum, [, day]) => sum + day.cost, 0);
 			const todayCost = stats.byDay[today]?.cost ?? 0;
+			const weekCost = lastSevenDays(stats.byDay).reduce((sum, d) => sum + d.cost, 0);
+			const last7 = (0, react.useMemo)(() => lastSevenDays(stats.byDay), [stats.byDay]);
 			const budgetEnabled = useStore((s) => s.enabled);
 			const budgetAmount = useStore((s) => s.amount);
-			const budgetAlertedDay = useStore((s) => s.lastAlertDay);
+			const tierAlertDays = useStore((s) => s.tierAlertDays);
 			const effectiveBudget = budgetAmount > 0 ? budgetAmount : stats.budget ?? 0;
 			const toggleBudget = (0, react.useCallback)(() => {
 				const next = !budgetEnabled;
@@ -2966,12 +3344,13 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				if (!budgetEnabled || effectiveBudget <= 0) return;
 				const pct = monthCost / effectiveBudget * 100;
-				if (pct < 100) return;
 				const day = localDayStamp();
-				if (budgetAlertedDay === day) return;
-				actions.markAlerted(day);
+				const crossed = BUDGET_ALERT_TIERS.filter((tier) => pct >= tier && tierAlertDays?.[String(tier)] !== day);
+				if (crossed.length === 0) return;
+				const top = crossed[crossed.length - 1] ?? 100;
+				actions.markTierAlerted(crossed, day);
 				if (typeof Notification === "undefined" || Notification.permission !== "granted") return;
-				const body = t("billing.budgetOverBody").replace("{cost}", formatMoney(monthCost)).replace("{budget}", formatMoney(effectiveBudget)).replace("{pct}", pct.toFixed(0));
+				const body = t("billing.budgetTierBody").replace("{cost}", formatMoney(monthCost)).replace("{budget}", formatMoney(effectiveBudget)).replace("{pct}", String(top));
 				try {
 					new Notification(t("billing.budget"), { body });
 				} catch {}
@@ -2979,7 +3358,7 @@ window.__ModuleLoader__.load({
 				budgetEnabled,
 				effectiveBudget,
 				monthCost,
-				budgetAlertedDay,
+				tierAlertDays,
 				actions,
 				t
 			]);
@@ -3038,7 +3417,9 @@ window.__ModuleLoader__.load({
 				...props,
 				onOpen: openDashboard,
 				monthCost,
-				todayCost
+				todayCost,
+				weekCost,
+				days: last7
 			}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BillingDashboard, {
 				stats,
 				t,
@@ -3207,7 +3588,7 @@ window.__ModuleLoader__.load({
 			"billing.project": "项目",
 			"billing.lastActive": "最后活跃",
 			"billing.sessionOverflow": "仅显示花费前 {limit} 个，共 {total} 个会话",
-			"billing.budgetOverBody": "本月花费 {cost} 已超过预算 {budget}（{pct}%）",
+			"billing.budgetTierBody": "本月花费 {cost} 已达预算 {budget} 的 {pct}%",
 			"billing.models": "模型计费明细",
 			"billing.providerBilling": "厂商计费与订阅",
 			"billing.estimated": "估算",
@@ -3271,7 +3652,19 @@ window.__ModuleLoader__.load({
 			"billing.tabTrends": "趋势",
 			"billing.tabProviders": "明细",
 			"billing.tabDetails": "统计",
-			"billing.tabPricing": "费率"
+			"billing.tabPricing": "费率",
+			"billing.export": "导出",
+			"billing.exportCsvDay": "按日 CSV",
+			"billing.exportCsvSession": "按会话 CSV",
+			"billing.exportJson": "全量 JSON",
+			"billing.peakShare": "峰谷时段占比",
+			"billing.peakShareHint": "近 {count} 轮",
+			"billing.weekCost": "本周",
+			"billing.roleCost": "费用构成",
+			"billing.roleUser": "用户输入",
+			"billing.roleAssistant": "助手输出",
+			"billing.roleTool": "工具结果",
+			"billing.roleHint": "估算：输出按实测计价，输入按消息长度摊分"
 		};
 		const en = {
 			"billing.title": "Usage",
@@ -3299,7 +3692,7 @@ window.__ModuleLoader__.load({
 			"billing.project": "Project",
 			"billing.lastActive": "Last active",
 			"billing.sessionOverflow": "Top {limit} of {total} sessions by cost",
-			"billing.budgetOverBody": "This month {cost} exceeded the budget {budget} ({pct}%)",
+			"billing.budgetTierBody": "This month {cost} reached {pct}% of the budget {budget}",
 			"billing.models": "Model billing",
 			"billing.providerBilling": "Provider billing & subscriptions",
 			"billing.estimated": "Est.",
@@ -3363,7 +3756,19 @@ window.__ModuleLoader__.load({
 			"billing.tabTrends": "Trends",
 			"billing.tabProviders": "Details",
 			"billing.tabDetails": "Stats",
-			"billing.tabPricing": "Rates"
+			"billing.tabPricing": "Rates",
+			"billing.export": "Export",
+			"billing.exportCsvDay": "Daily CSV",
+			"billing.exportCsvSession": "Sessions CSV",
+			"billing.exportJson": "Full JSON",
+			"billing.peakShare": "Peak vs off-peak",
+			"billing.peakShareHint": "last {count} turns",
+			"billing.weekCost": "This week",
+			"billing.roleCost": "Cost breakdown",
+			"billing.roleUser": "User input",
+			"billing.roleAssistant": "Assistant output",
+			"billing.roleTool": "Tool results",
+			"billing.roleHint": "Estimated: output priced exactly, input split by message size"
 		};
 		//#endregion
 		//#region src/client/billing-service.ts
@@ -3414,7 +3819,7 @@ window.__ModuleLoader__.load({
 				init: () => ({
 					enabled: false,
 					amount: 0,
-					lastAlertDay: "",
+					tierAlertDays: {},
 					lastBalanceAlertDay: ""
 				}),
 				persist: "dsh.ui-usage-billing.budget",
@@ -3425,8 +3830,9 @@ window.__ModuleLoader__.load({
 					setAmount: (d, value) => {
 						d.amount = Number.isFinite(value) && value > 0 ? value : 0;
 					},
-					markAlerted: (d, day) => {
-						d.lastAlertDay = day;
+					markTierAlerted: (d, tiers, day) => {
+						d.tierAlertDays ??= {};
+						for (const tier of tiers) d.tierAlertDays[String(tier)] = day;
 					},
 					markBalanceAlerted: (d, day) => {
 						d.lastBalanceAlertDay = day;