npm - @kenz1117/dsh-ui-usage-billing - Versions diffs - 0.9.16 → 0.9.18 - Mend

@kenz1117/dsh-ui-usage-billing 0.9.16 → 0.9.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/README.en.md +4 -0
package/README.md +4 -0
package/lib/client.js +841 -618
package/lib/index.js +553 -26
package/lib/types/aggregate.d.ts +39 -0
package/lib/types/client/TrendChart.d.ts +9 -3
package/lib/types/client/UsageBilling.d.ts +13 -2
package/lib/types/client/locales.d.ts +1 -1
package/lib/types/declarative.d.ts +55 -0
package/lib/types/index.d.ts +13 -1
package/lib/types/pricing-shared.d.ts +84 -0
package/lib/types/reconcile.d.ts +60 -0
package/lib/types/relay.d.ts +6 -0
package/package.json +1 -1

package/lib/client.js CHANGED Viewed

@@ -53,7 +53,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 var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);width:36px;height:36px;color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .16s,color .16s;display:flex}.VWh0dG_railButton:hover,.VWh0dG_railButton:focus-visible{border-color:var(--dsw-static-blue-500);color:var(--dsw-static-blue-500);outline:none}.VWh0dG_railButton svg{stroke-width:2px;width:18px;height:18px}.VWh0dG_trigger{border:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 82%, transparent);background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 78%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);width:100%;min-width:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 7%, transparent);color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:10px;padding:9px 12px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.VWh0dG_trigger:hover,.VWh0dG_trigger:focus-visible{border-color:var(--dsw-static-blue-500);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 10%, transparent), 0 6px 18px -6px 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:30px;height:30px;color:var(--dsw-static-neutral-bluish-00);box-shadow:0 3px 10px -3px color-mix(in srgb, var(--dsw-static-blue-500) 60%, transparent), inset 0 1px 0 color-mix(in srgb, var(--dsw-static-neutral-bluish-00) 22%, transparent);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.VWh0dG_triggerIcon svg{stroke-width:2px;width:16px;height:16px}.VWh0dG_triggerBody{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.VWh0dG_triggerRow{align-items:baseline;gap:5px;min-width:0;display:inline-flex}.VWh0dG_triggerAmount{color:var(--dsw-alias-label-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;font-weight:700;line-height:21px;overflow:hidden}.VWh0dG_triggerSub{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:14px;overflow:hidden}.VWh0dG_triggerMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;text-overflow:ellipsis;min-width:0;font-size:9.5px;font-weight:600;line-height:12px;overflow:hidden}.VWh0dG_triggerSpark{flex:none;align-items:flex-end;gap:2px;height:20px;display:flex}.VWh0dG_triggerSparkBar,.VWh0dG_triggerSparkHot{background:var(--dsw-static-blue-500);opacity:.6;border-radius:1px 1px 0 0;width:3px}.VWh0dG_triggerSparkHot{opacity:1}.VWh0dG_triggerWrap{flex:auto;width:100%;min-width:0;display:block;position:relative;container:VWh0dG_billing-trigger/inline-size}@container VWh0dG_billing-trigger (width<=280px){.VWh0dG_trigger{gap:6px;padding:8px 10px}.VWh0dG_triggerSpark{display:none}}@container VWh0dG_billing-trigger (width<=230px){.VWh0dG_triggerSub{display:none}.VWh0dG_triggerMeta{letter-spacing:0}}@container VWh0dG_billing-trigger (width<=120px){.VWh0dG_triggerIcon,.VWh0dG_triggerSpark,.VWh0dG_triggerSub,.VWh0dG_triggerMeta{display:none}.VWh0dG_trigger{justify-content:center;padding:8px 6px}}.VWh0dG_triggerPop{border:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 80%, transparent);background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);box-shadow:0 12px 32px #00000029, inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);opacity:0;pointer-events:none;z-index:10;border-radius:14px;flex-direction:column;gap:5px;padding:10px 12px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden;transform:translateY(4px)}.VWh0dG_triggerPop:before{content:\"\";background:linear-gradient(90deg, transparent 0%, var(--dsw-static-amber-500) 30%, var(--dsw-alias-label-primary) 50%, var(--dsw-static-amber-500) 70%, transparent 100%);opacity:.9;pointer-events:none;background-size:200% 100%;height:1.5px;animation:4s ease-in-out infinite VWh0dG_subscriptionGoldFlow;position:absolute;top:0;left:0;right:0}.VWh0dG_triggerWrap:hover .VWh0dG_triggerPop,.VWh0dG_triggerWrap:focus-within .VWh0dG_triggerPop{opacity:1;transform:translateY(0)}.VWh0dG_triggerPopRow{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_triggerPopLabel{letter-spacing:.01em;color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;font-size:10.5px;line-height:16px}.VWh0dG_triggerPopValue{min-width:0;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:8px;font-size:12.5px;font-weight:600;line-height:17px;display:inline-flex}.VWh0dG_triggerPopName{text-overflow:ellipsis;white-space:nowrap;max-width:110px;color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;overflow:hidden}.VWh0dG_triggerPopTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;align-items:baseline;gap:8px;font-size:12px;font-weight:700;display:flex}.VWh0dG_triggerPopTitleMonth{color:var(--dsw-alias-label-tertiary);font-size:11px;font-weight:500}.VWh0dG_triggerPopStrong{color:var(--dsw-alias-label-primary);margin-left:8px;font-size:12.5px;font-weight:700}.VWh0dG_triggerPopAlert{color:var(--dsw-static-red-500);white-space:nowrap;font-size:11px;line-height:16px}.VWh0dG_triggerPopValueStack{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.VWh0dG_triggerPopMuted{color:var(--dsw-alias-label-tertiary);font-weight:500}.VWh0dG_triggerPopHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_triggerPopUpdated{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:10px}.VWh0dG_triggerPopMetrics{grid-template-columns:1fr 1fr;gap:7px 12px;display:grid}.VWh0dG_triggerPopMetric{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.VWh0dG_triggerPopMetricLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:10px}.VWh0dG_triggerPopMetricValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.VWh0dG_triggerPopMetricHighlight{color:var(--dsw-static-amber-500)}.VWh0dG_triggerPopFoot{border-top:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 70%, transparent);flex-direction:column;gap:4px;padding-top:6px;display:flex}.VWh0dG_triggerPopFootTitle{text-align:center;letter-spacing:.05em;color:var(--dsw-alias-label-tertiary);border-bottom:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 70%, transparent);padding-bottom:4px;font-size:10px;font-weight:600}.VWh0dG_triggerPopFootNotes{flex-direction:column;gap:1px;min-width:0;display:flex}.VWh0dG_triggerPopFootNote{align-items:baseline;gap:4px;min-width:0;display:flex}.VWh0dG_triggerPopFootName{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.VWh0dG_triggerPopBadge{white-space:nowrap;border-radius:5px;flex:none;padding:1px 6px;font-size:9.5px;font-weight:600;line-height:14px}.VWh0dG_triggerPopBadgeDirect{background:color-mix(in srgb, var(--dsw-alias-label-primary) 12%, transparent);color:var(--dsw-alias-label-primary)}.VWh0dG_triggerPopBadgeSub{background:color-mix(in srgb, var(--dsw-static-amber-500) 18%, transparent);color:var(--dsw-static-amber-500)}.VWh0dG_triggerPopFootStrong{color:var(--dsw-alias-label-secondary);font-weight:600}.VWh0dG_triggerPopFootStatus{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.VWh0dG_triggerPopFootStatusLow{color:var(--dsw-static-red-500)}.VWh0dG_triggerPopOpenBtn{pointer-events:auto;border:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 80%, transparent);color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-bg-layer-3) 70%, transparent);cursor:pointer;border-radius:999px;flex:none;padding:5px 11px;font-size:11px;font-weight:600;transition:border-color .16s,background-color .16s}.VWh0dG_triggerPopOpenBtn:hover{border-color:var(--dsw-static-blue-500);background:color-mix(in srgb, var(--dsw-static-blue-500) 12%, var(--dsw-alias-bg-layer-3))}.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:var(--dsw-static-blue-500);border-radius:2px;flex:1;transition:height .2s}.VWh0dG_dashboardModal{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);width:min(760px,100vw - 48px);max-height:min(760px,88vh);box-shadow:var(--dsw-shadow-lv3);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:var(--dsw-static-blue-500);color:var(--dsw-static-neutral-bluish-00);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 var(--dsw-alias-border-l1);background:linear-gradient(180deg, var(--dsw-alias-bg-layer-2), var(--dsw-alias-bg-layer-1));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-static-neutral-bluish-00) 30%, transparent);border-radius:16px;flex-direction:column;gap:18px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.VWh0dG_heroTop{justify-content:space-between;align-items:center;gap:24px;display:flex}.VWh0dG_heroMain{flex-direction:column;gap:2px;min-width:0;display:flex}.VWh0dG_heroLabel{color:var(--dsw-alias-label-tertiary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:11px;line-height:16px}.VWh0dG_heroReadout{align-items:baseline;gap:4px;display:flex}.VWh0dG_heroCurrency{letter-spacing:-.01em;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:30px}.VWh0dG_heroValue{letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);font-size:56px;font-weight:700;line-height:64px}.VWh0dG_heroMeta{color:var(--dsw-alias-label-caption);white-space:nowrap;margin-top:4px;font-size:12px;line-height:17px}.VWh0dG_heroGauge{flex:none;width:96px;height:96px;position:relative}.VWh0dG_heroGaugeSvg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.VWh0dG_heroGaugeTrack{fill:none;stroke:var(--dsw-alias-bg-module-platform);stroke-width:9px}.VWh0dG_heroGaugeArc{fill:none;stroke:var(--dsw-static-blue-500);stroke-width:9px;stroke-linecap:round;transition:stroke-dasharray .26s}.VWh0dG_heroGaugeArcOver{stroke:var(--dsw-static-red-500)}.VWh0dG_heroGaugeCenter{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.VWh0dG_heroGaugePct{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);font-size:18px;font-weight:700;line-height:22px}.VWh0dG_heroGaugePctOver{color:var(--dsw-static-red-500)}.VWh0dG_heroGaugeLabel{color:var(--dsw-alias-label-tertiary);font-size:10px;line-height:14px}.VWh0dG_heroSide{border-top:1px solid var(--dsw-alias-border-l1);align-items:stretch;padding-top:14px;display:flex}.VWh0dG_heroSideItem{flex-direction:column;flex:1;gap:3px;min-width:0;padding-left:16px;display:flex}.VWh0dG_heroSideItem:first-child{padding-left:0}.VWh0dG_heroSideLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:11px;line-height:15px}.VWh0dG_heroSideValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;align-items:baseline;gap:6px;font-size:18px;font-weight:600;line-height:24px;display:inline-flex}.VWh0dG_heroSideSpacer{flex:1;display:block}.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_unpricedHint{border:1px solid color-mix(in srgb, var(--dsw-static-amber-500) 30%, transparent);background:color-mix(in srgb, var(--dsw-static-amber-500) 8%, transparent);color:var(--dsw-static-amber-500);border-radius:8px;align-items:center;padding:8px 12px;font-size:11.5px;font-weight:500;line-height:17px;display:flex}.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;display:flex;position:relative;overflow:hidden}.VWh0dG_kpiTile:hover{border-color:var(--dsw-alias-border-l2)}.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;letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:28px}.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;transition:border-color .16s;display:flex}.VWh0dG_panelHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_panelTitle{letter-spacing:-.005em;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_pricingTip{color:var(--dsw-alias-label-caption);margin:0 0 2px;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:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);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:var(--dsw-static-blue-500)}.VWh0dG_shareSegOff{background:color-mix(in srgb, var(--dsw-static-blue-500) 25%, var(--dsw-alias-bg-module-platform))}.VWh0dG_shareSegUser{background:var(--dsw-static-blue-500)}.VWh0dG_shareSegAssistant{background:var(--dsw-static-green-500)}.VWh0dG_shareSegTool{background:var(--dsw-static-amber-500)}.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_bucketCost{align-items:baseline;gap:3px;display:inline-flex}.VWh0dG_bucketOfficial{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_bucketSep{color:var(--dsw-alias-label-dimmed)}.VWh0dG_bucketThird{color:var(--dsw-alias-label-secondary)}.VWh0dG_bucketSummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.VWh0dG_bucketStat{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.VWh0dG_bucketStatLabel{color:var(--dsw-alias-label-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;line-height:15px}.VWh0dG_bucketStatValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:26px}.VWh0dG_bucketStatSub{color:var(--dsw-alias-label-caption);font-variant-numeric:tabular-nums;font-size:11px;line-height:16px}.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-alias-border-l1);background:var(--dsw-alias-label-primary)}.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:.7}.VWh0dG_chartBar:hover{opacity:1}.VWh0dG_chartStack{stroke:var(--dsw-alias-bg-layer-1);stroke-width:.75px}.VWh0dG_chartStack:hover{opacity:.9}.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:2px}.VWh0dG_chartTooltip{pointer-events:none;z-index:2;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);box-shadow:none;white-space:nowrap;border-radius:8px;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_chartBarPlaceholder{fill:color-mix(in srgb, var(--dsw-alias-label-secondary) 30%, transparent)}.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);text-transform:uppercase;letter-spacing:.05em;background:0 0;font-size:11px;font-weight:600}.VWh0dG_modelTable tbody tr,.VWh0dG_pricingTable tbody tr{transition:background-color .12s}.VWh0dG_modelTable tbody tr:hover,.VWh0dG_pricingTable tbody tr:hover{background:0 0}.VWh0dG_numCol{text-align:right;font-variant-numeric:tabular-nums}.VWh0dG_costCol{color:var(--dsw-alias-label-primary);font-weight:600}.VWh0dG_na{color:var(--dsw-alias-label-dimmed)}.VWh0dG_modelCell{align-items:center;gap:8px;display:inline-flex}.VWh0dG_modelDot{border-radius:50%;flex:none;width:9px;height:9px}.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-alias-label-primary)}.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:var(--dsw-alias-bg-layer-2)}.VWh0dG_siteRow{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.VWh0dG_siteRowName{align-items:center;gap:8px;min-width:0;display:inline-flex}.VWh0dG_siteKindTag{white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:1px 7px;font-size:10.5px;font-weight:600;line-height:16px;display:inline-flex}.VWh0dG_siteKindSite{color:var(--dsw-static-blue-500);background:color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent)}.VWh0dG_siteKindDirect{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 14%, transparent)}.VWh0dG_siteKindUnknown{color:var(--dsw-static-red-500);background:color-mix(in srgb, var(--dsw-static-red-500) 14%, transparent)}.VWh0dG_siteRowTitle{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;line-height:18px;overflow:hidden}.VWh0dG_siteRowMeta{flex:none;align-items:center;gap:10px;display:inline-flex}.VWh0dG_siteRowCost{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;line-height:18px}.VWh0dG_siteRowCalls{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:11.5px;line-height:17px}.VWh0dG_siteRowCallsLow{color:var(--dsw-static-red-500)}.VWh0dG_rateBadgeBuiltin{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2)}.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_bandTag>span:first-child{color:var(--dsw-alias-label-primary);font-weight:500}.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)}.VWh0dG_healthBad{background:var(--dsw-static-red-500)}.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:var(--dsw-alias-bg-layer-2)}.VWh0dG_healthBadgeBad{color:var(--dsw-static-red-500);background:var(--dsw-alias-bg-layer-2)}.VWh0dG_planTag{color:var(--dsw-static-green-500);background:var(--dsw-alias-bg-layer-2);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:var(--dsw-alias-bg-layer-2);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:var(--dsw-alias-bg-layer-2);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_liveTierPeak{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_liveTierOff{color:var(--dsw-static-green-500);font-weight:600}.VWh0dG_liveQuotaWarn{color:var(--dsw-static-amber-500);font-weight:600}.VWh0dG_liveQuotaCrit{color:var(--dsw-static-red-500);font-weight:600}.VWh0dG_balanceCell{align-items:center;gap:6px;display:inline-flex;position:relative}.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}.VWh0dG_balanceDaysBadge{border:1px solid var(--dsw-alias-label-caption);background:color-mix(in srgb, var(--dsw-alias-label-caption) 10%, transparent);min-width:24px;height:24px;color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0 6px;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex}.VWh0dG_balanceDaysBadge:hover{border-color:var(--dsw-alias-label-secondary);background:color-mix(in srgb, var(--dsw-alias-label-caption) 18%, transparent)}.VWh0dG_balanceDaysBadgeLow{color:var(--dsw-static-red-500);border-color:var(--dsw-static-red-500);background:color-mix(in srgb, var(--dsw-static-red-500) 10%, transparent)}.VWh0dG_balanceDetailPop{z-index:20;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-label-caption);white-space:nowrap;border-radius:8px;flex-direction:column;gap:6px;min-width:180px;padding:8px 10px;display:inline-flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 20px #0000002e}.VWh0dG_balanceDetailHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.VWh0dG_balanceDetailTitle{color:var(--dsw-alias-label-primary);font-size:12px;font-weight:600}.VWh0dG_balanceDetailClose{cursor:pointer;color:var(--dsw-alias-label-caption);background:0 0;border:none;font-size:14px;line-height:1}.VWh0dG_balanceDetailClose:hover{color:var(--dsw-alias-label-primary)}.VWh0dG_balanceDetailGrid{flex-direction:column;gap:4px;display:inline-flex}.VWh0dG_balanceDetailRow{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;font-size:11px;line-height:15px;display:flex}.VWh0dG_balanceDetailLabel{color:var(--dsw-alias-label-caption)}.VWh0dG_balanceDetailValue{color:var(--dsw-alias-label-primary);font-weight:500}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-l1);background:var(--dsw-alias-bg-layer-2);border-radius:6px;align-items:center;gap:2px;margin-right:8px;padding:2px;display:inline-flex}.VWh0dG_currencyButton{color:var(--dsw-alias-label-secondary);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-bg-layer-1);color:var(--dsw-alias-label-primary)}.VWh0dG_subscriptionGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px;display:grid}.VWh0dG_subscriptionCard{border:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 75%, transparent);background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 62%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.3);border-radius:12px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001a}.VWh0dG_subscriptionCard:before{content:\"\";background:linear-gradient(90deg, transparent 0%, var(--dsw-static-amber-500) 30%, var(--dsw-alias-label-primary) 50%, var(--dsw-static-amber-500) 70%, transparent 100%);opacity:.9;pointer-events:none;background-size:200% 100%;height:1.5px;animation:3.6s ease-in-out infinite VWh0dG_subscriptionGoldFlow;position:absolute;top:0;left:0;right:0}@keyframes VWh0dG_subscriptionGoldFlow{0%{background-position:200% 0}to{background-position:-200% 0}}.VWh0dG_subscriptionCard:hover{border-color:color-mix(in srgb, var(--dsw-static-amber-500) 55%, var(--dsw-alias-border-l1));box-shadow:0 10px 30px #00000029}.VWh0dG_subscriptionHead{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.VWh0dG_subscriptionName{font-size:13px;font-weight:700}.VWh0dG_subscriptionPlan{color:var(--dsw-alias-label-secondary);font-size:11px}.VWh0dG_subscriptionPlan[data-kind=code],.VWh0dG_subscriptionPlan[data-kind=token]{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-3);border-radius:999px;padding:1px 8px;font-weight:500}.VWh0dG_subscriptionTier{color:var(--dsw-alias-label-secondary);margin-left:6px}.VWh0dG_subscriptionAuto{color:var(--dsw-static-blue-500);background:color-mix(in srgb, var(--dsw-static-blue-500) 14%, var(--dsw-alias-bg-layer-2));border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px}.VWh0dG_subscriptionStatus{color:var(--dsw-alias-label-secondary);margin-bottom:6px;font-size:11px}.VWh0dG_subscriptionWindow{align-items:center;gap:10px;margin-top:8px;font-size:11px;display:flex}.VWh0dG_subscriptionWindowLabel{color:var(--dsw-alias-label-secondary);flex:0 0 44px}.VWh0dG_subscriptionTrack{background:var(--dsw-alias-bg-layer-3);border-radius:3px;flex:1;height:6px;overflow:hidden}.VWh0dG_subscriptionFill{background:var(--dsw-static-blue-500);border-radius:3px;height:100%;transition:width .2s;display:block}.VWh0dG_subscriptionFillWarn{background:var(--dsw-static-amber-500)}.VWh0dG_subscriptionFillOver{background:var(--dsw-static-red-500)}.VWh0dG_subscriptionMeta{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.VWh0dG_subscriptionPct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:52px}.VWh0dG_subscriptionExhausted{color:var(--dsw-static-red-500);min-width:52px;font-weight:600}.VWh0dG_subscriptionReset{color:var(--dsw-alias-label-caption);white-space:nowrap;flex:none;font-size:10px}.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:var(--dsw-alias-bg-layer-2);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:var(--dsw-static-neutral-bluish-00);background:var(--dsw-static-red-500);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:124px;padding:16px 2px 0;display:flex;overflow-x:auto}.VWh0dG_roundsBarCol{border-radius:5px 5px 0 0;flex-direction:column;flex:1 0 28px;justify-content:flex-end;align-items:stretch;height:100%;display:flex;position:relative}.VWh0dG_roundsBarColPeak{background:color-mix(in srgb, var(--dsw-static-amber-500) 16%, transparent)}.VWh0dG_roundsBarColOff{background:var(--dsw-alias-bg-module-platform)}.VWh0dG_roundsBarLabel{text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;line-height:1.2;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(-100%)}.VWh0dG_roundsBarWrap{flex:1;align-items:flex-end;min-height:0;display:flex}.VWh0dG_roundsBar{background:var(--dsw-static-blue-500);border-radius:2px 2px 0 0;width:100%;min-height:2px;position:relative}.VWh0dG_roundsBarFlagged{background:var(--dsw-static-red-500);border-radius:2px 2px 0 0;width:100%;min-height:2px;position:relative}.VWh0dG_roundsFlagMark{background:var(--dsw-static-red-500);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px}.VWh0dG_roundsAxis{color:var(--dsw-alias-label-secondary);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.VWh0dG_roundsEmpty{color:var(--dsw-alias-label-secondary);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);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)}.VWh0dG_heatmapFooter{color:var(--dsw-alias-label-secondary);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}.VWh0dG_heatmapYearScroll{padding-bottom:2px;overflow-x:auto}.VWh0dG_heatmapYearGrid{grid-template-rows:repeat(7,11px);grid-auto-flow:column;gap:3px;min-width:max-content;display:grid}.VWh0dG_heatmapYearCell{cursor:pointer;border:0;border-radius:2px;width:11px;height:11px;padding:0}.VWh0dG_triggerPopSubscription{width:auto;left:0;right:0}.VWh0dG_floatSub{flex-direction:column;gap:6px;min-width:0;display:flex}.VWh0dG_floatSubHead{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.VWh0dG_floatSubName{color:var(--dsw-alias-label-primary);font-size:12px;font-weight:700}.VWh0dG_floatSubPlan{color:var(--dsw-alias-label-secondary);font-size:10px}.VWh0dG_floatSub .VWh0dG_subscriptionWindow{flex-wrap:wrap;gap:4px 10px}.VWh0dG_floatSub .VWh0dG_subscriptionWindowLabel{flex:none}.VWh0dG_floatSub .VWh0dG_subscriptionMeta{min-width:0;max-width:100%}.VWh0dG_floatSub .VWh0dG_subscriptionPct{min-width:0}.VWh0dG_floatSub .VWh0dG_subscriptionReset{white-space:normal;overflow-wrap:anywhere}.VWh0dG_triggerPopEmpty{color:var(--dsw-alias-label-tertiary);padding:2px 0;font-size:11px;line-height:1.5}.VWh0dG_triggerPopSwitcher{justify-content:flex-end;align-items:center;gap:8px;margin-top:2px;display:flex}.VWh0dG_triggerPopSwitchBtn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 4px;font-size:14px;line-height:1}.VWh0dG_triggerPopSwitchBtn:hover{color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-border-l1) 45%, transparent)}.VWh0dG_triggerPopSwitchCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:10px}.VWh0dG_floatModeRow{gap:8px;margin-bottom:8px;display:flex}.VWh0dG_floatModeBtn{border:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 75%, transparent);background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 60%, transparent);color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:10px;flex:1;padding:7px 10px;font-size:12px}.VWh0dG_floatModeBtnOn{border-color:var(--dsw-static-blue-500);color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-static-blue-500) 16%, transparent)}.VWh0dG_floatTargets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.VWh0dG_floatTarget{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:5px;font-size:12px;display:inline-flex}.VWh0dG_floatTargetLabel{color:var(--dsw-alias-label-secondary)}.VWh0dG_pluginInfo{flex-direction:column;gap:8px;margin-top:10px;display:flex}.VWh0dG_pluginInfoRow{align-items:baseline;gap:12px;font-size:12px;display:flex}.VWh0dG_pluginInfoLabel{color:var(--dsw-alias-label-secondary);flex:0 0 72px}.VWh0dG_pluginInfoValue{color:var(--dsw-alias-label-primary);word-break:break-all}.VWh0dG_pluginInfoLink{color:var(--dsw-static-blue-500);word-break:break-all;text-decoration:none}.VWh0dG_pluginInfoLink:hover{text-decoration:underline}.VWh0dG_tokenPanel{flex-direction:column;gap:14px;display:flex}.VWh0dG_tokenModelBar{background:var(--dsw-alias-bg-layer-2);border-radius:999px;height:8px;overflow:hidden}.VWh0dG_tokenModelParts{height:100%;display:flex}.VWh0dG_tokenModelPartIn{background:var(--dsw-static-blue-500)}.VWh0dG_tokenModelPartOut{background:var(--dsw-static-amber-500)}.VWh0dG_tokenModelShareRow{align-items:center;gap:6px;display:inline-flex}@media (width<=640px){.VWh0dG_kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.VWh0dG_hero{gap:14px}.VWh0dG_heroTop{flex-direction:column;align-items:flex-start;gap:12px}.VWh0dG_heroGauge{width:72px;height:72px}.VWh0dG_heroSide{gap:12px}.VWh0dG_heroSideSpacer{display:none}}.VWh0dG_peakAlert{z-index:2000;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;align-items:center;gap:12px;min-width:300px;max-width:460px;padding:10px 12px;animation:.2s VWh0dG_peakAlertIn;display:flex;position:fixed;box-shadow:0 4px 16px #00000014}.VWh0dG_peakAlertCorner{bottom:18px;right:18px}.VWh0dG_peakAlertCenter{top:20%;left:50%;transform:translate(-50%)}.VWh0dG_peakAlertTag{letter-spacing:.01em;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-3);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:650;display:inline-flex}.VWh0dG_peakAlertTag:before{content:\"\";background:currentColor;border-radius:50%;width:6px;height:6px}.VWh0dG_peakAlertPeak .VWh0dG_peakAlertTag{color:var(--dsw-static-amber-500)}.VWh0dG_peakAlertOff .VWh0dG_peakAlertTag{color:var(--dsw-static-blue-500)}.VWh0dG_peakAlertCountdown{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);flex:none;font-size:18px;font-weight:700;line-height:1}.VWh0dG_peakAlertText{min-width:0;color:var(--dsw-alias-label-secondary);flex:1;font-size:12px;line-height:18px}.VWh0dG_peakAlertClose{width:20px;height:20px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:background-color .14s,color .14s;display:inline-flex}.VWh0dG_peakAlertClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}@keyframes VWh0dG_peakAlertIn{0%{opacity:0}to{opacity:1}}.VWh0dG_peakAlertPanel{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.VWh0dG_peakAlertPanelHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.VWh0dG_peakAlertPanelLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.VWh0dG_peakAlertPanelBody{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.VWh0dG_peakAlertField{color:var(--dsw-alias-label-secondary);align-items:center;gap:8px;font-size:12px;display:inline-flex}.VWh0dG_peakAlertNum{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);width:56px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 6px}.VWh0dG_peakAlertSelect{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-radius:6px;padding:4px 6px;font-size:12px}.VWh0dG_peakAlertCheck{color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.VWh0dG_peakAlertPreview{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px}.VWh0dG_peakAlertPreview:hover{background:var(--dsw-alias-bg-layer-3)}.VWh0dG_settingsHead{flex-direction:column;gap:4px;margin-bottom:2px;display:flex}.VWh0dG_settingsTitle{letter-spacing:-.005em;color:var(--dsw-alias-label-primary);margin:0;font-size:15px;font-weight:650;line-height:22px}.VWh0dG_settingsHint{color:var(--dsw-alias-label-caption);margin:0;font-size:11px;line-height:16px}.VWh0dG_budgetHint,.VWh0dG_peakAlertHint{color:var(--dsw-alias-label-caption);margin:6px 0 0;font-size:11px;line-height:16px}";
+		const css = ".VWh0dG_railButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);width:36px;height:36px;color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .16s,color .16s;display:flex}.VWh0dG_railButton:hover,.VWh0dG_railButton:focus-visible{border-color:var(--dsw-static-blue-500);color:var(--dsw-static-blue-500);outline:none}.VWh0dG_railButton svg{stroke-width:2px;width:18px;height:18px}.VWh0dG_trigger{border:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 82%, transparent);background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 78%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);width:100%;min-width:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 7%, transparent);color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:10px;padding:9px 12px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.VWh0dG_trigger:hover,.VWh0dG_trigger:focus-visible{border-color:var(--dsw-static-blue-500);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 10%, transparent), 0 6px 18px -6px 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:30px;height:30px;color:var(--dsw-static-neutral-bluish-00);box-shadow:0 3px 10px -3px color-mix(in srgb, var(--dsw-static-blue-500) 60%, transparent), inset 0 1px 0 color-mix(in srgb, var(--dsw-static-neutral-bluish-00) 22%, transparent);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.VWh0dG_triggerIcon svg{stroke-width:2px;width:16px;height:16px}.VWh0dG_triggerBody{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.VWh0dG_triggerRow{align-items:baseline;gap:5px;min-width:0;display:inline-flex}.VWh0dG_triggerAmount{color:var(--dsw-alias-label-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;font-weight:700;line-height:21px;overflow:hidden}.VWh0dG_triggerSub{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:14px;overflow:hidden}.VWh0dG_triggerMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;text-overflow:ellipsis;min-width:0;font-size:9.5px;font-weight:600;line-height:12px;overflow:hidden}.VWh0dG_triggerSpark{flex:none;align-items:flex-end;gap:2px;height:20px;display:flex}.VWh0dG_triggerSparkBar,.VWh0dG_triggerSparkHot{background:var(--dsw-static-blue-500);opacity:.6;border-radius:1px 1px 0 0;width:3px}.VWh0dG_triggerSparkHot{opacity:1}.VWh0dG_triggerWrap{flex:auto;width:100%;min-width:0;display:block;position:relative;container:VWh0dG_billing-trigger/inline-size}@container VWh0dG_billing-trigger (width<=280px){.VWh0dG_trigger{gap:6px;padding:8px 10px}.VWh0dG_triggerSpark{display:none}}@container VWh0dG_billing-trigger (width<=230px){.VWh0dG_triggerSub{display:none}.VWh0dG_triggerMeta{letter-spacing:0}}@container VWh0dG_billing-trigger (width<=120px){.VWh0dG_triggerIcon,.VWh0dG_triggerSpark,.VWh0dG_triggerSub,.VWh0dG_triggerMeta{display:none}.VWh0dG_trigger{justify-content:center;padding:8px 6px}}.VWh0dG_triggerPop{border:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 80%, transparent);background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);box-shadow:0 12px 32px #00000029, inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);opacity:0;pointer-events:none;z-index:10;border-radius:14px;flex-direction:column;gap:5px;padding:10px 12px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden;transform:translateY(4px)}.VWh0dG_triggerPop:before{content:\"\";background:linear-gradient(90deg, transparent 0%, var(--dsw-static-amber-500) 30%, var(--dsw-alias-label-primary) 50%, var(--dsw-static-amber-500) 70%, transparent 100%);opacity:.9;pointer-events:none;background-size:200% 100%;height:1.5px;animation:4s ease-in-out infinite VWh0dG_subscriptionGoldFlow;position:absolute;top:0;left:0;right:0}.VWh0dG_triggerWrap:hover .VWh0dG_triggerPop,.VWh0dG_triggerWrap:focus-within .VWh0dG_triggerPop{opacity:1;transform:translateY(0)}.VWh0dG_triggerPopRow{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_triggerPopLabel{letter-spacing:.01em;color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;font-size:10.5px;line-height:16px}.VWh0dG_triggerPopValue{min-width:0;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:8px;font-size:12.5px;font-weight:600;line-height:17px;display:inline-flex}.VWh0dG_triggerPopName{text-overflow:ellipsis;white-space:nowrap;max-width:110px;color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;overflow:hidden}.VWh0dG_triggerPopTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;align-items:baseline;gap:8px;font-size:12px;font-weight:700;display:flex}.VWh0dG_triggerPopTitleMonth{color:var(--dsw-alias-label-tertiary);font-size:11px;font-weight:500}.VWh0dG_triggerPopStrong{color:var(--dsw-alias-label-primary);margin-left:8px;font-size:12.5px;font-weight:700}.VWh0dG_triggerPopAlert{color:var(--dsw-static-red-500);white-space:nowrap;font-size:11px;line-height:16px}.VWh0dG_triggerPopValueStack{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.VWh0dG_triggerPopMuted{color:var(--dsw-alias-label-tertiary);font-weight:500}.VWh0dG_triggerPopHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_triggerPopUpdated{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:10px}.VWh0dG_triggerPopMetrics{grid-template-columns:1fr 1fr;gap:7px 12px;display:grid}.VWh0dG_triggerPopMetric{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.VWh0dG_triggerPopMetricLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:10px}.VWh0dG_triggerPopMetricValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.VWh0dG_triggerPopMetricHighlight{color:var(--dsw-static-amber-500)}.VWh0dG_triggerPopFoot{border-top:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 70%, transparent);flex-direction:column;gap:4px;padding-top:6px;display:flex}.VWh0dG_triggerPopFootTitle{text-align:center;letter-spacing:.05em;color:var(--dsw-alias-label-tertiary);border-bottom:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 70%, transparent);padding-bottom:4px;font-size:10px;font-weight:600}.VWh0dG_triggerPopFootNotes{flex-direction:column;gap:1px;min-width:0;display:flex}.VWh0dG_triggerPopFootNote{align-items:baseline;gap:4px;min-width:0;display:flex}.VWh0dG_triggerPopFootName{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.VWh0dG_triggerPopBadge{white-space:nowrap;border-radius:5px;flex:none;padding:1px 6px;font-size:9.5px;font-weight:600;line-height:14px}.VWh0dG_triggerPopBadgeDirect{background:color-mix(in srgb, var(--dsw-alias-label-primary) 12%, transparent);color:var(--dsw-alias-label-primary)}.VWh0dG_triggerPopBadgeSub{background:color-mix(in srgb, var(--dsw-static-amber-500) 18%, transparent);color:var(--dsw-static-amber-500)}.VWh0dG_triggerPopFootStrong{color:var(--dsw-alias-label-secondary);font-weight:600}.VWh0dG_triggerPopFootStatus{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.VWh0dG_triggerPopFootStatusLow{color:var(--dsw-static-red-500)}.VWh0dG_triggerPopOpenBtn{pointer-events:auto;border:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 80%, transparent);color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-bg-layer-3) 70%, transparent);cursor:pointer;border-radius:999px;flex:none;padding:5px 11px;font-size:11px;font-weight:600;transition:border-color .16s,background-color .16s}.VWh0dG_triggerPopOpenBtn:hover{border-color:var(--dsw-static-blue-500);background:color-mix(in srgb, var(--dsw-static-blue-500) 12%, var(--dsw-alias-bg-layer-3))}.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:var(--dsw-static-blue-500);border-radius:2px;flex:1;transition:height .2s}.VWh0dG_dashboardModal{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);width:min(760px,100vw - 48px);max-height:min(760px,88vh);box-shadow:var(--dsw-shadow-lv3);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:var(--dsw-static-blue-500);color:var(--dsw-static-neutral-bluish-00);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_reconcileNotice{border:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 78%, transparent);background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 62%, transparent);color:var(--dsw-alias-label-secondary);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12px;line-height:1.55;display:flex}.VWh0dG_reconcileIcon{color:var(--dsw-alias-label-tertiary);flex:none;margin-top:1px;display:inline-flex}.VWh0dG_reconcileText{flex:1}.VWh0dG_reconcileDismiss{color:var(--dsw-alias-label-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:none;padding:2px 8px;font-size:12px;line-height:1.4;transition:color .15s,background-color .15s}.VWh0dG_reconcileDismiss:hover{color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent)}.VWh0dG_hero{border:1px solid var(--dsw-alias-border-l1);background:linear-gradient(180deg, var(--dsw-alias-bg-layer-2), var(--dsw-alias-bg-layer-1));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-static-neutral-bluish-00) 30%, transparent);border-radius:16px;flex-direction:column;gap:18px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.VWh0dG_heroTop{justify-content:space-between;align-items:center;gap:24px;display:flex}.VWh0dG_heroMain{flex-direction:column;gap:2px;min-width:0;display:flex}.VWh0dG_heroLabel{color:var(--dsw-alias-label-tertiary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:11px;line-height:16px}.VWh0dG_heroReadout{align-items:baseline;gap:4px;display:flex}.VWh0dG_heroCurrency{letter-spacing:-.01em;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:30px}.VWh0dG_heroValue{letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);font-size:56px;font-weight:700;line-height:64px}.VWh0dG_heroMeta{color:var(--dsw-alias-label-caption);white-space:nowrap;margin-top:4px;font-size:12px;line-height:17px}.VWh0dG_heroGauge{flex:none;width:96px;height:96px;position:relative}.VWh0dG_heroGaugeSvg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.VWh0dG_heroGaugeTrack{fill:none;stroke:var(--dsw-alias-bg-module-platform);stroke-width:9px}.VWh0dG_heroGaugeArc{fill:none;stroke:var(--dsw-static-blue-500);stroke-width:9px;stroke-linecap:round;transition:stroke-dasharray .26s}.VWh0dG_heroGaugeArcOver{stroke:var(--dsw-static-red-500)}.VWh0dG_heroGaugeCenter{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.VWh0dG_heroGaugePct{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);font-size:18px;font-weight:700;line-height:22px}.VWh0dG_heroGaugePctOver{color:var(--dsw-static-red-500)}.VWh0dG_heroGaugeLabel{color:var(--dsw-alias-label-tertiary);font-size:10px;line-height:14px}.VWh0dG_heroSide{border-top:1px solid var(--dsw-alias-border-l1);align-items:stretch;padding-top:14px;display:flex}.VWh0dG_heroSideItem{flex-direction:column;flex:1;gap:3px;min-width:0;padding-left:16px;display:flex}.VWh0dG_heroSideItem:first-child{padding-left:0}.VWh0dG_heroSideLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:11px;line-height:15px}.VWh0dG_heroSideValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;align-items:baseline;gap:6px;font-size:18px;font-weight:600;line-height:24px;display:inline-flex}.VWh0dG_heroSideSpacer{flex:1;display:block}.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_unpricedHint{border:1px solid color-mix(in srgb, var(--dsw-static-amber-500) 30%, transparent);background:color-mix(in srgb, var(--dsw-static-amber-500) 8%, transparent);color:var(--dsw-static-amber-500);border-radius:8px;align-items:center;padding:8px 12px;font-size:11.5px;font-weight:500;line-height:17px;display:flex}.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;display:flex;position:relative;overflow:hidden}.VWh0dG_kpiTile:hover{border-color:var(--dsw-alias-border-l2)}.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;letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:28px}.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;transition:border-color .16s;display:flex}.VWh0dG_panelHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_panelTitle{letter-spacing:-.005em;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_pricingTip{color:var(--dsw-alias-label-caption);margin:0 0 2px;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:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);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:var(--dsw-static-blue-500)}.VWh0dG_shareSegOff{background:color-mix(in srgb, var(--dsw-static-blue-500) 25%, var(--dsw-alias-bg-module-platform))}.VWh0dG_shareSegUser{background:var(--dsw-static-blue-500)}.VWh0dG_shareSegAssistant{background:var(--dsw-static-green-500)}.VWh0dG_shareSegTool{background:var(--dsw-static-amber-500)}.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_bucketCost{align-items:baseline;gap:3px;display:inline-flex}.VWh0dG_bucketOfficial{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_bucketSep{color:var(--dsw-alias-label-dimmed)}.VWh0dG_bucketThird{color:var(--dsw-alias-label-secondary)}.VWh0dG_bucketSummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.VWh0dG_bucketStat{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.VWh0dG_bucketStatLabel{color:var(--dsw-alias-label-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;line-height:15px}.VWh0dG_bucketStatValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:26px}.VWh0dG_bucketStatSub{color:var(--dsw-alias-label-caption);font-variant-numeric:tabular-nums;font-size:11px;line-height:16px}.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-primary);font-size:13px;font-weight:600}.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-alias-border-l1);background:var(--dsw-alias-label-primary)}.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:.7}.VWh0dG_chartBar:hover{opacity:1}.VWh0dG_chartStack{stroke:var(--dsw-alias-bg-layer-1);stroke-width:.75px}.VWh0dG_chartStack:hover{opacity:.9}.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:2px}.VWh0dG_chartTooltip{pointer-events:none;z-index:2;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);box-shadow:none;white-space:nowrap;border-radius:8px;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_chartBarPlaceholder{fill:color-mix(in srgb, var(--dsw-alias-label-secondary) 30%, transparent)}.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);text-transform:uppercase;letter-spacing:.05em;background:0 0;font-size:11px;font-weight:600}.VWh0dG_modelTable tbody tr,.VWh0dG_pricingTable tbody tr{transition:background-color .12s}.VWh0dG_modelTable tbody tr:hover,.VWh0dG_pricingTable tbody tr:hover{background:0 0}.VWh0dG_numCol{text-align:right;font-variant-numeric:tabular-nums}.VWh0dG_costCol{color:var(--dsw-alias-label-primary);font-weight:600}.VWh0dG_na{color:var(--dsw-alias-label-dimmed)}.VWh0dG_modelCell{align-items:center;gap:8px;display:inline-flex}.VWh0dG_modelDot{border-radius:50%;flex:none;width:9px;height:9px}.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-alias-label-primary)}.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:var(--dsw-alias-bg-layer-2)}.VWh0dG_siteRow{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.VWh0dG_siteRowName{align-items:center;gap:8px;min-width:0;display:inline-flex}.VWh0dG_siteKindTag{white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:1px 7px;font-size:10.5px;font-weight:600;line-height:16px;display:inline-flex}.VWh0dG_siteKindSite{color:var(--dsw-static-blue-500);background:color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent)}.VWh0dG_siteKindDirect{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 14%, transparent)}.VWh0dG_siteKindUnknown{color:var(--dsw-static-red-500);background:color-mix(in srgb, var(--dsw-static-red-500) 14%, transparent)}.VWh0dG_siteRowTitle{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;line-height:18px;overflow:hidden}.VWh0dG_siteRowMeta{flex:none;align-items:center;gap:10px;display:inline-flex}.VWh0dG_siteRowCost{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;line-height:18px}.VWh0dG_siteRowCalls{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:11.5px;line-height:17px}.VWh0dG_siteRowCallsLow{color:var(--dsw-static-red-500)}.VWh0dG_rateBadgeBuiltin{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2)}.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_bandTag>span:first-child{color:var(--dsw-alias-label-primary);font-weight:500}.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)}.VWh0dG_healthBad{background:var(--dsw-static-red-500)}.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:var(--dsw-alias-bg-layer-2)}.VWh0dG_healthBadgeBad{color:var(--dsw-static-red-500);background:var(--dsw-alias-bg-layer-2)}.VWh0dG_planTag{color:var(--dsw-static-green-500);background:var(--dsw-alias-bg-layer-2);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:var(--dsw-alias-bg-layer-2);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:var(--dsw-alias-bg-layer-2);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_liveTierPeak{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_liveTierOff{color:var(--dsw-static-green-500);font-weight:600}.VWh0dG_liveQuotaWarn{color:var(--dsw-static-amber-500);font-weight:600}.VWh0dG_liveQuotaCrit{color:var(--dsw-static-red-500);font-weight:600}.VWh0dG_balanceCell{align-items:center;gap:6px;display:inline-flex;position:relative}.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}.VWh0dG_balanceDaysBadge{border:1px solid var(--dsw-alias-label-caption);background:color-mix(in srgb, var(--dsw-alias-label-caption) 10%, transparent);min-width:24px;height:24px;color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0 6px;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex}.VWh0dG_balanceDaysBadge:hover{border-color:var(--dsw-alias-label-secondary);background:color-mix(in srgb, var(--dsw-alias-label-caption) 18%, transparent)}.VWh0dG_balanceDaysBadgeLow{color:var(--dsw-static-red-500);border-color:var(--dsw-static-red-500);background:color-mix(in srgb, var(--dsw-static-red-500) 10%, transparent)}.VWh0dG_balanceDetailPop{z-index:20;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-label-caption);white-space:nowrap;border-radius:8px;flex-direction:column;gap:6px;min-width:180px;padding:8px 10px;display:inline-flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 20px #0000002e}.VWh0dG_balanceDetailHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.VWh0dG_balanceDetailTitle{color:var(--dsw-alias-label-primary);font-size:12px;font-weight:600}.VWh0dG_balanceDetailClose{cursor:pointer;color:var(--dsw-alias-label-caption);background:0 0;border:none;font-size:14px;line-height:1}.VWh0dG_balanceDetailClose:hover{color:var(--dsw-alias-label-primary)}.VWh0dG_balanceDetailGrid{flex-direction:column;gap:4px;display:inline-flex}.VWh0dG_balanceDetailRow{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;font-size:11px;line-height:15px;display:flex}.VWh0dG_balanceDetailLabel{color:var(--dsw-alias-label-caption)}.VWh0dG_balanceDetailValue{color:var(--dsw-alias-label-primary);font-weight:500}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-l1);background:var(--dsw-alias-bg-layer-2);border-radius:6px;align-items:center;gap:2px;margin-right:8px;padding:2px;display:inline-flex}.VWh0dG_currencyButton{color:var(--dsw-alias-label-secondary);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-bg-layer-1);color:var(--dsw-alias-label-primary)}.VWh0dG_subscriptionGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px;display:grid}.VWh0dG_subscriptionCard{border:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 75%, transparent);background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 62%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.3);border-radius:12px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001a}.VWh0dG_subscriptionCard:before{content:\"\";background:linear-gradient(90deg, transparent 0%, var(--dsw-static-amber-500) 30%, var(--dsw-alias-label-primary) 50%, var(--dsw-static-amber-500) 70%, transparent 100%);opacity:.9;pointer-events:none;background-size:200% 100%;height:1.5px;animation:3.6s ease-in-out infinite VWh0dG_subscriptionGoldFlow;position:absolute;top:0;left:0;right:0}@keyframes VWh0dG_subscriptionGoldFlow{0%{background-position:200% 0}to{background-position:-200% 0}}.VWh0dG_subscriptionCard:hover{border-color:color-mix(in srgb, var(--dsw-static-amber-500) 55%, var(--dsw-alias-border-l1));box-shadow:0 10px 30px #00000029}.VWh0dG_subscriptionHead{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.VWh0dG_subscriptionName{font-size:13px;font-weight:700}.VWh0dG_subscriptionPlan{color:var(--dsw-alias-label-secondary);font-size:11px}.VWh0dG_subscriptionPlan[data-kind=code],.VWh0dG_subscriptionPlan[data-kind=token]{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-3);border-radius:999px;padding:1px 8px;font-weight:500}.VWh0dG_subscriptionTier{color:var(--dsw-alias-label-secondary);margin-left:6px}.VWh0dG_subscriptionAuto{color:var(--dsw-static-blue-500);background:color-mix(in srgb, var(--dsw-static-blue-500) 14%, var(--dsw-alias-bg-layer-2));border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px}.VWh0dG_subscriptionStatus{color:var(--dsw-alias-label-secondary);margin-bottom:6px;font-size:11px}.VWh0dG_subscriptionWindow{align-items:center;gap:10px;margin-top:8px;font-size:11px;display:flex}.VWh0dG_subscriptionWindowLabel{color:var(--dsw-alias-label-secondary);flex:0 0 44px}.VWh0dG_subscriptionTrack{background:var(--dsw-alias-bg-layer-3);border-radius:3px;flex:1;height:6px;overflow:hidden}.VWh0dG_subscriptionFill{background:var(--dsw-static-blue-500);border-radius:3px;height:100%;transition:width .2s;display:block}.VWh0dG_subscriptionFillWarn{background:var(--dsw-static-amber-500)}.VWh0dG_subscriptionFillOver{background:var(--dsw-static-red-500)}.VWh0dG_subscriptionMeta{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.VWh0dG_subscriptionPct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:52px}.VWh0dG_subscriptionExhausted{color:var(--dsw-static-red-500);min-width:52px;font-weight:600}.VWh0dG_subscriptionReset{color:var(--dsw-alias-label-caption);white-space:nowrap;flex:none;font-size:10px}.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:var(--dsw-alias-bg-layer-2);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:var(--dsw-static-neutral-bluish-00);background:var(--dsw-static-red-500);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:124px;padding:16px 2px 0;display:flex;overflow-x:auto}.VWh0dG_roundsBarCol{border-radius:5px 5px 0 0;flex-direction:column;flex:1 0 28px;justify-content:flex-end;align-items:stretch;height:100%;display:flex;position:relative}.VWh0dG_roundsBarColPeak{background:color-mix(in srgb, var(--dsw-static-amber-500) 16%, transparent)}.VWh0dG_roundsBarColOff{background:var(--dsw-alias-bg-module-platform)}.VWh0dG_roundsBarLabel{text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;line-height:1.2;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(-100%)}.VWh0dG_roundsBarWrap{flex:1;align-items:flex-end;min-height:0;display:flex}.VWh0dG_roundsBar{background:var(--dsw-static-blue-500);border-radius:2px 2px 0 0;width:100%;min-height:2px;position:relative}.VWh0dG_roundsBarFlagged{background:var(--dsw-static-red-500);border-radius:2px 2px 0 0;width:100%;min-height:2px;position:relative}.VWh0dG_roundsFlagMark{background:var(--dsw-static-red-500);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px}.VWh0dG_roundsAxis{color:var(--dsw-alias-label-secondary);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.VWh0dG_roundsEmpty{color:var(--dsw-alias-label-secondary);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);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)}.VWh0dG_heatmapFooter{color:var(--dsw-alias-label-secondary);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}.VWh0dG_heatmapRangeSwitch{gap:4px;margin-left:auto;display:inline-flex}.VWh0dG_heatmapRangeButton{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:2px 8px;font-size:11px;line-height:1.4}.VWh0dG_heatmapRangeButtonActive{color:var(--dsw-alias-text-primary);border-color:currentColor;font-weight:600}.VWh0dG_heatmapYear{flex-direction:column;gap:6px;display:flex}.VWh0dG_heatmapYearBody{align-items:flex-start;gap:6px;display:flex}.VWh0dG_heatmapYearWeekdays{color:var(--dsw-alias-text-tertiary);flex:none;grid-template-rows:repeat(7,11px);gap:3px;padding-top:12px;font-size:9px;line-height:11px;display:grid}.VWh0dG_heatmapYearWeekday{white-space:nowrap;text-align:right;height:11px}.VWh0dG_heatmapYearMonths{min-width:max-content;color:var(--dsw-alias-text-tertiary);grid-template-columns:repeat(52,11px);gap:3px;font-size:9px;line-height:12px;display:grid;overflow:visible}.VWh0dG_heatmapYearMonth{white-space:nowrap;overflow:visible}.VWh0dG_heatmapYearScroll{padding-bottom:2px;overflow-x:auto}.VWh0dG_heatmapYearGrid{grid-template-rows:repeat(7,11px);grid-auto-flow:column;gap:3px;min-width:max-content;display:grid}.VWh0dG_heatmapYearCell{cursor:pointer;border:0;border-radius:2px;width:11px;height:11px;padding:0}.VWh0dG_triggerPopSubscription{width:auto;left:0;right:0}.VWh0dG_floatSub{flex-direction:column;gap:6px;min-width:0;display:flex}.VWh0dG_floatSubHead{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.VWh0dG_floatSubName{color:var(--dsw-alias-label-primary);font-size:12px;font-weight:700}.VWh0dG_floatSubPlan{color:var(--dsw-alias-label-secondary);font-size:10px}.VWh0dG_floatSub .VWh0dG_subscriptionWindow{flex-wrap:wrap;gap:4px 10px}.VWh0dG_floatSub .VWh0dG_subscriptionWindowLabel{flex:none}.VWh0dG_floatSub .VWh0dG_subscriptionMeta{min-width:0;max-width:100%}.VWh0dG_floatSub .VWh0dG_subscriptionPct{min-width:0}.VWh0dG_floatSub .VWh0dG_subscriptionReset{white-space:normal;overflow-wrap:anywhere}.VWh0dG_triggerPopEmpty{color:var(--dsw-alias-label-tertiary);padding:2px 0;font-size:11px;line-height:1.5}.VWh0dG_triggerPopSwitcher{justify-content:flex-end;align-items:center;gap:8px;margin-top:2px;display:flex}.VWh0dG_triggerPopSwitchBtn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 4px;font-size:14px;line-height:1}.VWh0dG_triggerPopSwitchBtn:hover{color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-border-l1) 45%, transparent)}.VWh0dG_triggerPopSwitchCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:10px}.VWh0dG_floatModeRow{gap:8px;margin-bottom:8px;display:flex}.VWh0dG_floatModeBtn{border:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 75%, transparent);background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 60%, transparent);color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:10px;flex:1;padding:7px 10px;font-size:12px}.VWh0dG_floatModeBtnOn{border-color:var(--dsw-static-blue-500);color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-static-blue-500) 16%, transparent)}.VWh0dG_floatTargets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.VWh0dG_floatTarget{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:5px;font-size:12px;display:inline-flex}.VWh0dG_floatTargetLabel{color:var(--dsw-alias-label-secondary)}.VWh0dG_staleNotice{color:var(--dsw-static-amber-500);background:color-mix(in srgb, var(--dsw-static-amber-500) 12%, transparent);border:1px solid color-mix(in srgb, var(--dsw-static-amber-500) 30%, transparent);border-radius:10px;align-items:center;gap:6px;margin:0 0 10px;padding:8px 10px;font-size:11px;display:flex}.VWh0dG_pluginInfo{flex-direction:column;gap:8px;margin-top:10px;display:flex}.VWh0dG_pluginInfoRow{align-items:baseline;gap:12px;font-size:12px;display:flex}.VWh0dG_pluginInfoLabel{color:var(--dsw-alias-label-secondary);flex:0 0 72px}.VWh0dG_pluginInfoValue{color:var(--dsw-alias-label-primary);word-break:break-all}.VWh0dG_pluginInfoLink{color:var(--dsw-static-blue-500);word-break:break-all;text-decoration:none}.VWh0dG_pluginInfoLink:hover{text-decoration:underline}.VWh0dG_tokenPanel{flex-direction:column;gap:14px;display:flex}.VWh0dG_tokenModelBar{background:var(--dsw-alias-bg-layer-2);border-radius:999px;height:8px;overflow:hidden}.VWh0dG_tokenModelParts{height:100%;display:flex}.VWh0dG_tokenModelPartIn{background:var(--dsw-static-blue-500)}.VWh0dG_tokenModelPartOut{background:var(--dsw-static-amber-500)}.VWh0dG_tokenModelShareRow{align-items:center;gap:6px;display:inline-flex}@media (width<=640px){.VWh0dG_kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.VWh0dG_hero{gap:14px}.VWh0dG_heroTop{flex-direction:column;align-items:flex-start;gap:12px}.VWh0dG_heroGauge{width:72px;height:72px}.VWh0dG_heroSide{gap:12px}.VWh0dG_heroSideSpacer{display:none}}.VWh0dG_peakAlert{z-index:2000;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;align-items:center;gap:12px;min-width:300px;max-width:460px;padding:10px 12px;animation:.2s VWh0dG_peakAlertIn;display:flex;position:fixed;box-shadow:0 4px 16px #00000014}.VWh0dG_peakAlertCorner{bottom:18px;right:18px}.VWh0dG_peakAlertCenter{top:20%;left:50%;transform:translate(-50%)}.VWh0dG_peakAlertTag{letter-spacing:.01em;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-3);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:650;display:inline-flex}.VWh0dG_peakAlertTag:before{content:\"\";background:currentColor;border-radius:50%;width:6px;height:6px}.VWh0dG_peakAlertPeak .VWh0dG_peakAlertTag{color:var(--dsw-static-amber-500)}.VWh0dG_peakAlertOff .VWh0dG_peakAlertTag{color:var(--dsw-static-blue-500)}.VWh0dG_peakAlertCountdown{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);flex:none;font-size:18px;font-weight:700;line-height:1}.VWh0dG_peakAlertText{min-width:0;color:var(--dsw-alias-label-secondary);flex:1;font-size:12px;line-height:18px}.VWh0dG_peakAlertClose{width:20px;height:20px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:background-color .14s,color .14s;display:inline-flex}.VWh0dG_peakAlertClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}@keyframes VWh0dG_peakAlertIn{0%{opacity:0}to{opacity:1}}.VWh0dG_peakAlertPanel{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.VWh0dG_peakAlertPanelHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.VWh0dG_peakAlertPanelLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.VWh0dG_peakAlertPanelBody{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.VWh0dG_peakAlertField{color:var(--dsw-alias-label-secondary);align-items:center;gap:8px;font-size:12px;display:inline-flex}.VWh0dG_peakAlertNum{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);width:56px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 6px}.VWh0dG_peakAlertSelect{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-radius:6px;padding:4px 6px;font-size:12px}.VWh0dG_peakAlertCheck{color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.VWh0dG_peakAlertPreview{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px}.VWh0dG_peakAlertPreview:hover{background:var(--dsw-alias-bg-layer-3)}.VWh0dG_settingsHead{flex-direction:column;gap:4px;margin-bottom:2px;display:flex}.VWh0dG_settingsTitle{letter-spacing:-.005em;color:var(--dsw-alias-label-primary);margin:0;font-size:15px;font-weight:650;line-height:22px}.VWh0dG_settingsHint{color:var(--dsw-alias-label-caption);margin:0;font-size:11px;line-height:16px}.VWh0dG_budgetHint,.VWh0dG_peakAlertHint{color:var(--dsw-alias-label-caption);margin:6px 0 0;font-size:11px;line-height:16px}";
 		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");
@@ -63,333 +63,347 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var UsageBilling_module_css_default = {
-			"subscriptionGoldFlow": "VWh0dG_subscriptionGoldFlow",
-			"triggerPopAlert": "VWh0dG_triggerPopAlert",
-			"heroSideValue": "VWh0dG_heroSideValue",
-			"balanceDays": "VWh0dG_balanceDays",
-			"floatSub": "VWh0dG_floatSub",
-			"currencyButton": "VWh0dG_currencyButton",
-			"deltaUp": "VWh0dG_deltaUp",
-			"floatSubPlan": "VWh0dG_floatSubPlan",
-			"triggerSpark": "VWh0dG_triggerSpark",
-			"shareSegPeak": "VWh0dG_shareSegPeak",
-			"tabNav": "VWh0dG_tabNav",
-			"panelTitle": "VWh0dG_panelTitle",
-			"unpricedHint": "VWh0dG_unpricedHint",
-			"budgetInput": "VWh0dG_budgetInput",
-			"balanceDetailClose": "VWh0dG_balanceDetailClose",
-			"triggerPopUpdated": "VWh0dG_triggerPopUpdated",
-			"triggerSparkHot": "VWh0dG_triggerSparkHot",
-			"balanceDaysLow": "VWh0dG_balanceDaysLow",
-			"providerGroupBalance": "VWh0dG_providerGroupBalance",
-			"subscriptionWindow": "VWh0dG_subscriptionWindow",
-			"triggerPopLabel": "VWh0dG_triggerPopLabel",
-			"budgetFillOver": "VWh0dG_budgetFillOver",
-			"siteRow": "VWh0dG_siteRow",
-			"budgetInputWrap": "VWh0dG_budgetInputWrap",
-			"siteRowCalls": "VWh0dG_siteRowCalls",
-			"peakAlertSelect": "VWh0dG_peakAlertSelect",
-			"providerGroupHead": "VWh0dG_providerGroupHead",
-			"modelTableScroll": "VWh0dG_modelTableScroll",
-			"switchKnob": "VWh0dG_switchKnob",
+			"kpiGreen": "VWh0dG_kpiGreen",
 			"tokenModelBar": "VWh0dG_tokenModelBar",
-			"triggerPopFootStatus": "VWh0dG_triggerPopFootStatus",
-			"shareSeg": "VWh0dG_shareSeg",
-			"triggerPopFoot": "VWh0dG_triggerPopFoot",
-			"heroGaugeSvg": "VWh0dG_heroGaugeSvg",
-			"currencyButtonActive": "VWh0dG_currencyButtonActive",
-			"subscriptionAuto": "VWh0dG_subscriptionAuto",
-			"roundsEmpty": "VWh0dG_roundsEmpty",
-			"headTitleRow": "VWh0dG_headTitleRow",
-			"uncataloguedTag": "VWh0dG_uncataloguedTag",
-			"subscriptionHead": "VWh0dG_subscriptionHead",
-			"budgetLabel": "VWh0dG_budgetLabel",
-			"rounds": "VWh0dG_rounds",
-			"budgetUnit": "VWh0dG_budgetUnit",
-			"pricingChevron": "VWh0dG_pricingChevron",
-			"roundsFlagBadge": "VWh0dG_roundsFlagBadge",
-			"numCol": "VWh0dG_numCol",
-			"roundsBarColPeak": "VWh0dG_roundsBarColPeak",
-			"heatmapYearCell": "VWh0dG_heatmapYearCell",
-			"shareSegUser": "VWh0dG_shareSegUser",
-			"heatmapCellEmpty": "VWh0dG_heatmapCellEmpty",
-			"liveTierOff": "VWh0dG_liveTierOff",
-			"peakAlertHint": "VWh0dG_peakAlertHint",
 			"peakAlertPeak": "VWh0dG_peakAlertPeak",
-			"healthBad": "VWh0dG_healthBad",
-			"subscriptionStatus": "VWh0dG_subscriptionStatus",
-			"subscriptionMeta": "VWh0dG_subscriptionMeta",
-			"triggerSparkBar": "VWh0dG_triggerSparkBar",
-			"roundsBars": "VWh0dG_roundsBars",
-			"balanceDetailValue": "VWh0dG_balanceDetailValue",
-			"kpiLabel": "VWh0dG_kpiLabel",
-			"siteRowName": "VWh0dG_siteRowName",
-			"roundsBarCol": "VWh0dG_roundsBarCol",
-			"triggerPopBadgeDirect": "VWh0dG_triggerPopBadgeDirect",
-			"tabButton": "VWh0dG_tabButton",
-			"triggerPopFootNote": "VWh0dG_triggerPopFootNote",
-			"healthDot": "VWh0dG_healthDot",
-			"bucketSep": "VWh0dG_bucketSep",
-			"floatModeRow": "VWh0dG_floatModeRow",
+			"triggerPopMetricValue": "VWh0dG_triggerPopMetricValue",
 			"switchOn": "VWh0dG_switchOn",
-			"peakAlertPreview": "VWh0dG_peakAlertPreview",
-			"rangeButtonActive": "VWh0dG_rangeButtonActive",
-			"floatModeBtnOn": "VWh0dG_floatModeBtnOn",
-			"shareSegOff": "VWh0dG_shareSegOff",
-			"liveTierPeak": "VWh0dG_liveTierPeak",
-			"roundsBarWrap": "VWh0dG_roundsBarWrap",
-			"roundsAxis": "VWh0dG_roundsAxis",
-			"costCol": "VWh0dG_costCol",
-			"bandTag": "VWh0dG_bandTag",
-			"subscriptionTrack": "VWh0dG_subscriptionTrack",
-			"rangeButton": "VWh0dG_rangeButton",
-			"heroGaugeCenter": "VWh0dG_heroGaugeCenter",
-			"budgetValue": "VWh0dG_budgetValue",
-			"chartTooltipDate": "VWh0dG_chartTooltipDate",
-			"delta": "VWh0dG_delta",
-			"triggerSub": "VWh0dG_triggerSub",
-			"triggerPopFootTitle": "VWh0dG_triggerPopFootTitle",
-			"pricingTable": "VWh0dG_pricingTable",
-			"kpiValue": "VWh0dG_kpiValue",
-			"siteKindUnknown": "VWh0dG_siteKindUnknown",
-			"dashboardModal": "VWh0dG_dashboardModal",
-			"estimatedTag": "VWh0dG_estimatedTag",
-			"subscriptionPct": "VWh0dG_subscriptionPct",
+			"tabPanelIn": "VWh0dG_tabPanelIn",
+			"subscriptionFillOver": "VWh0dG_subscriptionFillOver",
+			"budgetHint": "VWh0dG_budgetHint",
+			"triggerPopBadgeDirect": "VWh0dG_triggerPopBadgeDirect",
+			"chartStack": "VWh0dG_chartStack",
 			"roundsBarLabel": "VWh0dG_roundsBarLabel",
-			"roundsBar": "VWh0dG_roundsBar",
-			"heatmap": "VWh0dG_heatmap",
-			"heatmapGrid": "VWh0dG_heatmapGrid",
-			"floatModeBtn": "VWh0dG_floatModeBtn",
-			"peakAlert": "VWh0dG_peakAlert",
-			"peakAlertClose": "VWh0dG_peakAlertClose",
-			"exportLabel": "VWh0dG_exportLabel",
-			"chartEmpty": "VWh0dG_chartEmpty",
+			"heatmapYearWeekday": "VWh0dG_heatmapYearWeekday",
+			"healthOk": "VWh0dG_healthOk",
+			"balanceDetailClose": "VWh0dG_balanceDetailClose",
+			"shareSegAssistant": "VWh0dG_shareSegAssistant",
+			"pricingTable": "VWh0dG_pricingTable",
+			"unpricedHint": "VWh0dG_unpricedHint",
+			"chartLegend": "VWh0dG_chartLegend",
+			"budgetValue": "VWh0dG_budgetValue",
+			"roundsBarColPeak": "VWh0dG_roundsBarColPeak",
+			"subscriptionMeta": "VWh0dG_subscriptionMeta",
+			"roundsFlagBadge": "VWh0dG_roundsFlagBadge",
+			"numCol": "VWh0dG_numCol",
+			"providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
+			"triggerPopSwitchBtn": "VWh0dG_triggerPopSwitchBtn",
+			"shareValue": "VWh0dG_shareValue",
 			"trigger": "VWh0dG_trigger",
-			"subscriptionFillWarn": "VWh0dG_subscriptionFillWarn",
-			"billing-trigger": "VWh0dG_billing-trigger",
 			"triggerPopMetricLabel": "VWh0dG_triggerPopMetricLabel",
-			"exportButton": "VWh0dG_exportButton",
-			"triggerPopSubscription": "VWh0dG_triggerPopSubscription",
-			"kpiGreen": "VWh0dG_kpiGreen",
-			"healthBadgeOk": "VWh0dG_healthBadgeOk",
-			"peakAlertCountdown": "VWh0dG_peakAlertCountdown",
-			"heatmapFooter": "VWh0dG_heatmapFooter",
-			"siteKindDirect": "VWh0dG_siteKindDirect",
-			"subscriptionTier": "VWh0dG_subscriptionTier",
-			"triggerPopRow": "VWh0dG_triggerPopRow",
-			"closeButton": "VWh0dG_closeButton",
-			"tokenModelPartIn": "VWh0dG_tokenModelPartIn",
-			"rateBadgeLive": "VWh0dG_rateBadgeLive",
-			"providerGroupName": "VWh0dG_providerGroupName",
-			"peakAlertPanelBody": "VWh0dG_peakAlertPanelBody",
-			"chartLegend": "VWh0dG_chartLegend",
-			"healthBadgeBad": "VWh0dG_healthBadgeBad",
-			"tabPanelIn": "VWh0dG_tabPanelIn",
+			"dashboardTitle": "VWh0dG_dashboardTitle",
+			"healthBad": "VWh0dG_healthBad",
+			"subscriptionGrid": "VWh0dG_subscriptionGrid",
+			"subscriptionWindowLabel": "VWh0dG_subscriptionWindowLabel",
+			"balanceDays": "VWh0dG_balanceDays",
+			"heatmap": "VWh0dG_heatmap",
+			"heatmapYearMonths": "VWh0dG_heatmapYearMonths",
+			"budget": "VWh0dG_budget",
+			"chartLine": "VWh0dG_chartLine",
+			"floatSubName": "VWh0dG_floatSubName",
+			"bucketOfficial": "VWh0dG_bucketOfficial",
+			"currencyButtonActive": "VWh0dG_currencyButtonActive",
+			"heroSideLabel": "VWh0dG_heroSideLabel",
+			"triggerSpark": "VWh0dG_triggerSpark",
+			"siteRowCost": "VWh0dG_siteRowCost",
+			"bandPrice": "VWh0dG_bandPrice",
 			"tableScroll": "VWh0dG_tableScroll",
+			"shareSegPeak": "VWh0dG_shareSegPeak",
+			"bandTagOff": "VWh0dG_bandTagOff",
+			"siteRowMeta": "VWh0dG_siteRowMeta",
+			"railButton": "VWh0dG_railButton",
+			"dashboardHead": "VWh0dG_dashboardHead",
+			"subscriptionTrack": "VWh0dG_subscriptionTrack",
+			"tokenModelPartOut": "VWh0dG_tokenModelPartOut",
 			"heatmapHover": "VWh0dG_heatmapHover",
-			"rateBadgeBuiltin": "VWh0dG_rateBadgeBuiltin",
-			"heroGaugeTrack": "VWh0dG_heroGaugeTrack",
-			"heatmapCell": "VWh0dG_heatmapCell",
-			"chartBarPlaceholder": "VWh0dG_chartBarPlaceholder",
-			"healthIdle": "VWh0dG_healthIdle",
-			"liveCostSep": "VWh0dG_liveCostSep",
-			"triggerPopSwitchCount": "VWh0dG_triggerPopSwitchCount",
-			"peakAlertCorner": "VWh0dG_peakAlertCorner",
-			"triggerIcon": "VWh0dG_triggerIcon",
-			"shareTrack": "VWh0dG_shareTrack",
-			"pluginInfoRow": "VWh0dG_pluginInfoRow",
-			"heroSideItem": "VWh0dG_heroSideItem",
-			"triggerPopStrong": "VWh0dG_triggerPopStrong",
-			"dashboardIn": "VWh0dG_dashboardIn",
-			"balanceDetailTitle": "VWh0dG_balanceDetailTitle",
-			"triggerPopBars": "VWh0dG_triggerPopBars",
+			"liveTierOff": "VWh0dG_liveTierOff",
 			"floatTargets": "VWh0dG_floatTargets",
-			"tokenModelShareRow": "VWh0dG_tokenModelShareRow",
+			"balanceDetailRow": "VWh0dG_balanceDetailRow",
+			"flatTag": "VWh0dG_flatTag",
+			"dashboardIn": "VWh0dG_dashboardIn",
+			"tokenPanel": "VWh0dG_tokenPanel",
+			"peakAlertPanelLabel": "VWh0dG_peakAlertPanelLabel",
+			"triggerIcon": "VWh0dG_triggerIcon",
+			"bucketStatSub": "VWh0dG_bucketStatSub",
+			"shareSegTool": "VWh0dG_shareSegTool",
+			"providerGroupMeta": "VWh0dG_providerGroupMeta",
+			"heroGaugePctOver": "VWh0dG_heroGaugePctOver",
+			"subscriptionPct": "VWh0dG_subscriptionPct",
+			"shareSegOff": "VWh0dG_shareSegOff",
+			"deltaUp": "VWh0dG_deltaUp",
+			"estimatedTag": "VWh0dG_estimatedTag",
 			"siteRowTitle": "VWh0dG_siteRowTitle",
-			"subscriptionCard": "VWh0dG_subscriptionCard",
-			"subscriptionWindowLabel": "VWh0dG_subscriptionWindowLabel",
-			"heroCurrency": "VWh0dG_heroCurrency",
+			"balanceDaysBadgeLow": "VWh0dG_balanceDaysBadgeLow",
+			"triggerPopMetricHighlight": "VWh0dG_triggerPopMetricHighlight",
+			"chartTooltip": "VWh0dG_chartTooltip",
+			"healthIdle": "VWh0dG_healthIdle",
+			"subscriptionFill": "VWh0dG_subscriptionFill",
+			"heatmapCell": "VWh0dG_heatmapCell",
+			"peakAlertCheck": "VWh0dG_peakAlertCheck",
+			"floatSub": "VWh0dG_floatSub",
+			"shareLegend": "VWh0dG_shareLegend",
+			"peakAlert": "VWh0dG_peakAlert",
+			"triggerSparkHot": "VWh0dG_triggerSparkHot",
+			"triggerPopTitle": "VWh0dG_triggerPopTitle",
 			"heroGaugePct": "VWh0dG_heroGaugePct",
-			"budgetTrack": "VWh0dG_budgetTrack",
-			"balanceDetailGrid": "VWh0dG_balanceDetailGrid",
-			"tabPanel": "VWh0dG_tabPanel",
-			"na": "VWh0dG_na",
-			"chartSvg": "VWh0dG_chartSvg",
+			"modelCell": "VWh0dG_modelCell",
+			"floatModeRow": "VWh0dG_floatModeRow",
+			"triggerPopName": "VWh0dG_triggerPopName",
+			"siteKindDirect": "VWh0dG_siteKindDirect",
+			"shareSegUser": "VWh0dG_shareSegUser",
+			"heatmapFooter": "VWh0dG_heatmapFooter",
+			"roundsBar": "VWh0dG_roundsBar",
+			"heatmapLegend": "VWh0dG_heatmapLegend",
 			"triggerPopFootNotes": "VWh0dG_triggerPopFootNotes",
-			"triggerPopTitleMonth": "VWh0dG_triggerPopTitleMonth",
-			"budgetControls": "VWh0dG_budgetControls",
-			"budgetHint": "VWh0dG_budgetHint",
-			"settingsHead": "VWh0dG_settingsHead",
-			"bandTagOff": "VWh0dG_bandTagOff",
-			"dashboardHead": "VWh0dG_dashboardHead",
-			"providerGroupMeta": "VWh0dG_providerGroupMeta",
+			"panelHint": "VWh0dG_panelHint",
+			"rateBadgeLive": "VWh0dG_rateBadgeLive",
+			"chartLegendLine": "VWh0dG_chartLegendLine",
+			"pricingChevron": "VWh0dG_pricingChevron",
+			"closeButton": "VWh0dG_closeButton",
+			"exportLabel": "VWh0dG_exportLabel",
+			"liveQuotaCrit": "VWh0dG_liveQuotaCrit",
 			"heatmapYearGrid": "VWh0dG_heatmapYearGrid",
-			"pluginInfoLink": "VWh0dG_pluginInfoLink",
-			"providerGroup": "VWh0dG_providerGroup",
-			"peakAlertPanel": "VWh0dG_peakAlertPanel",
-			"peakAlertPanelHead": "VWh0dG_peakAlertPanelHead",
-			"balanceDaysBadge": "VWh0dG_balanceDaysBadge",
-			"peakAlertPanelLabel": "VWh0dG_peakAlertPanelLabel",
-			"balanceDetailHead": "VWh0dG_balanceDetailHead",
-			"triggerBody": "VWh0dG_triggerBody",
-			"heroReadout": "VWh0dG_heroReadout",
-			"liveCostItem": "VWh0dG_liveCostItem",
-			"peakAlertField": "VWh0dG_peakAlertField",
-			"pricingChevronOpen": "VWh0dG_pricingChevronOpen",
-			"bucketSummary": "VWh0dG_bucketSummary",
-			"budgetHead": "VWh0dG_budgetHead",
-			"triggerPopSwitchBtn": "VWh0dG_triggerPopSwitchBtn",
-			"healthBadge": "VWh0dG_healthBadge",
-			"dashboardSubtitle": "VWh0dG_dashboardSubtitle",
-			"siteRowMeta": "VWh0dG_siteRowMeta",
-			"flatTag": "VWh0dG_flatTag",
-			"balanceCell": "VWh0dG_balanceCell",
-			"chartTooltipSwatch": "VWh0dG_chartTooltipSwatch",
-			"tokenModelPartOut": "VWh0dG_tokenModelPartOut",
+			"budgetFillOver": "VWh0dG_budgetFillOver",
+			"healthBadgeOk": "VWh0dG_healthBadgeOk",
+			"triggerPopFootStatus": "VWh0dG_triggerPopFootStatus",
+			"shareItem": "VWh0dG_shareItem",
+			"kpiDetail": "VWh0dG_kpiDetail",
+			"triggerPopMetric": "VWh0dG_triggerPopMetric",
+			"peakAlertClose": "VWh0dG_peakAlertClose",
+			"triggerRow": "VWh0dG_triggerRow",
+			"bucketThird": "VWh0dG_bucketThird",
+			"balanceDetailPop": "VWh0dG_balanceDetailPop",
+			"panelTitle": "VWh0dG_panelTitle",
+			"heatmapYearMonth": "VWh0dG_heatmapYearMonth",
+			"tokenModelParts": "VWh0dG_tokenModelParts",
+			"exportButton": "VWh0dG_exportButton",
+			"peakAlertSelect": "VWh0dG_peakAlertSelect",
+			"reconcileNotice": "VWh0dG_reconcileNotice",
+			"exportBar": "VWh0dG_exportBar",
+			"triggerPopFootStrong": "VWh0dG_triggerPopFootStrong",
+			"heatmapRangeSwitch": "VWh0dG_heatmapRangeSwitch",
+			"triggerAmount": "VWh0dG_triggerAmount",
+			"kpiLabel": "VWh0dG_kpiLabel",
+			"triggerSparkBar": "VWh0dG_triggerSparkBar",
+			"triggerPopStrong": "VWh0dG_triggerPopStrong",
+			"heatmapYear": "VWh0dG_heatmapYear",
+			"heroCurrency": "VWh0dG_heroCurrency",
+			"settingsTitle": "VWh0dG_settingsTitle",
+			"subscriptionTier": "VWh0dG_subscriptionTier",
+			"triggerPopSwitcher": "VWh0dG_triggerPopSwitcher",
+			"panelHead": "VWh0dG_panelHead",
+			"tabButtonActive": "VWh0dG_tabButtonActive",
+			"liveTierPeak": "VWh0dG_liveTierPeak",
+			"heatmapYearScroll": "VWh0dG_heatmapYearScroll",
+			"chartTooltipRow": "VWh0dG_chartTooltipRow",
+			"pricingToggle": "VWh0dG_pricingToggle",
+			"emptyRow": "VWh0dG_emptyRow",
+			"triggerPopSwitchCount": "VWh0dG_triggerPopSwitchCount",
+			"reconcileDismiss": "VWh0dG_reconcileDismiss",
+			"triggerPopFootTitle": "VWh0dG_triggerPopFootTitle",
 			"heroSideSpacer": "VWh0dG_heroSideSpacer",
-			"dashboardTitle": "VWh0dG_dashboardTitle",
-			"heroLabel": "VWh0dG_heroLabel",
-			"railButton": "VWh0dG_railButton",
-			"peakAlertNum": "VWh0dG_peakAlertNum",
-			"kpiGrid": "VWh0dG_kpiGrid",
+			"uncataloguedTag": "VWh0dG_uncataloguedTag",
+			"rateBadge": "VWh0dG_rateBadge",
+			"subscriptionName": "VWh0dG_subscriptionName",
+			"tabNav": "VWh0dG_tabNav",
+			"rangeButton": "VWh0dG_rangeButton",
 			"heroMeta": "VWh0dG_heroMeta",
-			"triggerPopMetric": "VWh0dG_triggerPopMetric",
-			"triggerPopFootStrong": "VWh0dG_triggerPopFootStrong",
-			"modelDot": "VWh0dG_modelDot",
-			"triggerPopValueStack": "VWh0dG_triggerPopValueStack",
-			"modelProvider": "VWh0dG_modelProvider",
-			"providerGroupBadge": "VWh0dG_providerGroupBadge",
-			"roundsBarColOff": "VWh0dG_roundsBarColOff",
-			"panelHint": "VWh0dG_panelHint",
-			"floatSubName": "VWh0dG_floatSubName",
-			"shareSegTool": "VWh0dG_shareSegTool",
-			"triggerPopFootStatusLow": "VWh0dG_triggerPopFootStatusLow",
-			"budget": "VWh0dG_budget",
-			"pluginInfoValue": "VWh0dG_pluginInfoValue",
-			"siteKindSite": "VWh0dG_siteKindSite",
-			"chartWrap": "VWh0dG_chartWrap",
-			"bucketCost": "VWh0dG_bucketCost",
-			"heroGaugePctOver": "VWh0dG_heroGaugePctOver",
+			"switchKnob": "VWh0dG_switchKnob",
+			"heatmapYearWeekdays": "VWh0dG_heatmapYearWeekdays",
+			"planTag": "VWh0dG_planTag",
+			"heroGaugeSvg": "VWh0dG_heroGaugeSvg",
+			"shareTrack": "VWh0dG_shareTrack",
+			"heatmapGrid": "VWh0dG_heatmapGrid",
+			"floatSubPlan": "VWh0dG_floatSubPlan",
+			"triggerPop": "VWh0dG_triggerPop",
+			"roundsAxis": "VWh0dG_roundsAxis",
+			"pluginInfoRow": "VWh0dG_pluginInfoRow",
+			"triggerSub": "VWh0dG_triggerSub",
+			"heroLabel": "VWh0dG_heroLabel",
+			"peakAlertText": "VWh0dG_peakAlertText",
+			"bucketStatValue": "VWh0dG_bucketStatValue",
+			"costCol": "VWh0dG_costCol",
+			"delta": "VWh0dG_delta",
+			"modelTableScroll": "VWh0dG_modelTableScroll",
+			"settingsHint": "VWh0dG_settingsHint",
+			"bucketSep": "VWh0dG_bucketSep",
+			"chartLegendBar": "VWh0dG_chartLegendBar",
+			"peakAlertPanel": "VWh0dG_peakAlertPanel",
+			"heatmapCellEmpty": "VWh0dG_heatmapCellEmpty",
 			"chartBar": "VWh0dG_chartBar",
-			"subscriptionGrid": "VWh0dG_subscriptionGrid",
-			"tokenModelParts": "VWh0dG_tokenModelParts",
-			"kpiDetail": "VWh0dG_kpiDetail",
-			"subscriptionName": "VWh0dG_subscriptionName",
-			"heroSide": "VWh0dG_heroSide",
-			"triggerWrap": "VWh0dG_triggerWrap",
-			"shareValue": "VWh0dG_shareValue",
-			"budgetOverPulse": "VWh0dG_budgetOverPulse",
-			"chartTooltip": "VWh0dG_chartTooltip",
-			"heroTop": "VWh0dG_heroTop",
-			"rateBadge": "VWh0dG_rateBadge",
-			"balanceDetailPop": "VWh0dG_balanceDetailPop",
+			"triggerPopValueStack": "VWh0dG_triggerPopValueStack",
 			"dashboardRight": "VWh0dG_dashboardRight",
-			"heroGaugeArcOver": "VWh0dG_heroGaugeArcOver",
-			"triggerPopOpenBtn": "VWh0dG_triggerPopOpenBtn",
-			"roundsBarFlagged": "VWh0dG_roundsBarFlagged",
-			"hero": "VWh0dG_hero",
-			"peakAlertText": "VWh0dG_peakAlertText",
+			"healthBadgeBad": "VWh0dG_healthBadgeBad",
+			"liveCostBar": "VWh0dG_liveCostBar",
+			"liveCostItem": "VWh0dG_liveCostItem",
+			"providerGroupBalance": "VWh0dG_providerGroupBalance",
+			"peakAlertPreview": "VWh0dG_peakAlertPreview",
+			"siteRow": "VWh0dG_siteRow",
 			"pricingToggleText": "VWh0dG_pricingToggleText",
-			"currencyToggle": "VWh0dG_currencyToggle",
-			"balanceDetailLabel": "VWh0dG_balanceDetailLabel",
-			"deltaDown": "VWh0dG_deltaDown",
-			"chartLine": "VWh0dG_chartLine",
-			"triggerPop": "VWh0dG_triggerPop",
-			"panelHead": "VWh0dG_panelHead",
-			"chartDot": "VWh0dG_chartDot",
-			"chartLegendBar": "VWh0dG_chartLegendBar",
-			"modelCell": "VWh0dG_modelCell",
-			"floatTarget": "VWh0dG_floatTarget",
-			"planTag": "VWh0dG_planTag",
-			"emptyRow": "VWh0dG_emptyRow",
-			"triggerAmount": "VWh0dG_triggerAmount",
-			"bucketStatSub": "VWh0dG_bucketStatSub",
-			"shareLegend": "VWh0dG_shareLegend",
-			"pricingToggle": "VWh0dG_pricingToggle",
+			"chartTooltipSwatch": "VWh0dG_chartTooltipSwatch",
+			"subscriptionExhausted": "VWh0dG_subscriptionExhausted",
+			"budgetTrack": "VWh0dG_budgetTrack",
+			"reconcileText": "VWh0dG_reconcileText",
+			"triggerPopLabel": "VWh0dG_triggerPopLabel",
+			"subscriptionAuto": "VWh0dG_subscriptionAuto",
 			"peakAlertIn": "VWh0dG_peakAlertIn",
-			"heroGauge": "VWh0dG_heroGauge",
-			"chartAxisLabel": "VWh0dG_chartAxisLabel",
-			"providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
-			"heatmapYearScroll": "VWh0dG_heatmapYearScroll",
-			"triggerPopBadge": "VWh0dG_triggerPopBadge",
-			"triggerPopMetrics": "VWh0dG_triggerPopMetrics",
-			"bucketOfficial": "VWh0dG_bucketOfficial",
-			"bucketStatLabel": "VWh0dG_bucketStatLabel",
-			"tokenPanel": "VWh0dG_tokenPanel",
-			"chartStack": "VWh0dG_chartStack",
-			"bucketThird": "VWh0dG_bucketThird",
-			"triggerPopValue": "VWh0dG_triggerPopValue",
-			"subscriptionFill": "VWh0dG_subscriptionFill",
-			"triggerPopTitle": "VWh0dG_triggerPopTitle",
-			"pluginInfo": "VWh0dG_pluginInfo",
-			"pluginInfoLabel": "VWh0dG_pluginInfoLabel",
-			"peakAlertTag": "VWh0dG_peakAlertTag",
-			"peakAlertCheck": "VWh0dG_peakAlertCheck",
+			"kpiGrid": "VWh0dG_kpiGrid",
+			"peakAlertCountdown": "VWh0dG_peakAlertCountdown",
+			"settingsHead": "VWh0dG_settingsHead",
+			"roundsBarColOff": "VWh0dG_roundsBarColOff",
 			"heroValue": "VWh0dG_heroValue",
 			"bucketStat": "VWh0dG_bucketStat",
-			"shareDot": "VWh0dG_shareDot",
-			"modelTable": "VWh0dG_modelTable",
-			"heroSideLabel": "VWh0dG_heroSideLabel",
-			"exportBar": "VWh0dG_exportBar",
-			"chartLegendLine": "VWh0dG_chartLegendLine",
-			"subscriptionExhausted": "VWh0dG_subscriptionExhausted",
-			"subscriptionFillOver": "VWh0dG_subscriptionFillOver",
-			"kpiTile": "VWh0dG_kpiTile",
-			"panel": "VWh0dG_panel",
-			"heroGaugeArc": "VWh0dG_heroGaugeArc",
+			"balanceCell": "VWh0dG_balanceCell",
 			"siteKindTag": "VWh0dG_siteKindTag",
-			"triggerPopBar": "VWh0dG_triggerPopBar",
-			"providerGroupList": "VWh0dG_providerGroupList",
-			"dashboard": "VWh0dG_dashboard",
-			"triggerRow": "VWh0dG_triggerRow",
-			"budgetFill": "VWh0dG_budgetFill",
+			"triggerPopFootStatusLow": "VWh0dG_triggerPopFootStatusLow",
+			"modelTable": "VWh0dG_modelTable",
+			"roundsBarWrap": "VWh0dG_roundsBarWrap",
+			"heatmapYearCell": "VWh0dG_heatmapYearCell",
+			"heatmapRangeButtonActive": "VWh0dG_heatmapRangeButtonActive",
 			"siteRowCallsLow": "VWh0dG_siteRowCallsLow",
-			"triggerPopMetricValue": "VWh0dG_triggerPopMetricValue",
-			"triggerPopFootName": "VWh0dG_triggerPopFootName",
-			"triggerPopHead": "VWh0dG_triggerPopHead",
-			"budgetFillWarn": "VWh0dG_budgetFillWarn",
-			"siteRowCost": "VWh0dG_siteRowCost",
-			"shareSegAssistant": "VWh0dG_shareSegAssistant",
-			"triggerPopEmpty": "VWh0dG_triggerPopEmpty",
-			"chartTooltipRow": "VWh0dG_chartTooltipRow",
-			"triggerPopMetricHighlight": "VWh0dG_triggerPopMetricHighlight",
+			"providerGroupBadge": "VWh0dG_providerGroupBadge",
+			"kpiValue": "VWh0dG_kpiValue",
+			"triggerBody": "VWh0dG_triggerBody",
+			"bucketSummary": "VWh0dG_bucketSummary",
+			"dashboardSubtitle": "VWh0dG_dashboardSubtitle",
+			"peakAlertNum": "VWh0dG_peakAlertNum",
+			"modelProvider": "VWh0dG_modelProvider",
+			"peakAlertPanelHead": "VWh0dG_peakAlertPanelHead",
 			"chartGrid": "VWh0dG_chartGrid",
 			"rangeToggle": "VWh0dG_rangeToggle",
-			"healthOk": "VWh0dG_healthOk",
-			"triggerPopName": "VWh0dG_triggerPopName",
-			"pricingTip": "VWh0dG_pricingTip",
-			"liveQuotaCrit": "VWh0dG_liveQuotaCrit",
-			"balanceDetailRow": "VWh0dG_balanceDetailRow",
-			"dashboardBody": "VWh0dG_dashboardBody",
-			"tabButtonActive": "VWh0dG_tabButtonActive",
-			"bandPriceOff": "VWh0dG_bandPriceOff",
 			"chartCrosshair": "VWh0dG_chartCrosshair",
-			"balanceDaysBadgeLow": "VWh0dG_balanceDaysBadgeLow",
-			"subscriptionPlan": "VWh0dG_subscriptionPlan",
+			"peakAlertField": "VWh0dG_peakAlertField",
+			"roundsFlagMark": "VWh0dG_roundsFlagMark",
+			"triggerPopAlert": "VWh0dG_triggerPopAlert",
+			"dashboardBody": "VWh0dG_dashboardBody",
+			"dashboard": "VWh0dG_dashboard",
+			"rounds": "VWh0dG_rounds",
+			"triggerPopHead": "VWh0dG_triggerPopHead",
+			"panel": "VWh0dG_panel",
+			"balanceDetailGrid": "VWh0dG_balanceDetailGrid",
+			"providerGroupHead": "VWh0dG_providerGroupHead",
 			"peakAlertOff": "VWh0dG_peakAlertOff",
-			"settingsHint": "VWh0dG_settingsHint",
+			"peakAlertTag": "VWh0dG_peakAlertTag",
+			"subscriptionReset": "VWh0dG_subscriptionReset",
+			"heroTop": "VWh0dG_heroTop",
+			"tokenModelShareRow": "VWh0dG_tokenModelShareRow",
+			"heroGaugeTrack": "VWh0dG_heroGaugeTrack",
+			"pricingTip": "VWh0dG_pricingTip",
+			"switch": "VWh0dG_switch",
+			"hero": "VWh0dG_hero",
+			"na": "VWh0dG_na",
+			"balanceDetailValue": "VWh0dG_balanceDetailValue",
+			"triggerPopSubscription": "VWh0dG_triggerPopSubscription",
+			"subscriptionHead": "VWh0dG_subscriptionHead",
+			"triggerPopBadgeSub": "VWh0dG_triggerPopBadgeSub",
+			"providerGroup": "VWh0dG_providerGroup",
+			"budgetFill": "VWh0dG_budgetFill",
+			"chartWrap": "VWh0dG_chartWrap",
+			"floatModeBtnOn": "VWh0dG_floatModeBtnOn",
+			"heroGaugeCenter": "VWh0dG_heroGaugeCenter",
+			"dashboardModal": "VWh0dG_dashboardModal",
+			"healthDot": "VWh0dG_healthDot",
+			"healthBadge": "VWh0dG_healthBadge",
+			"liveCostSep": "VWh0dG_liveCostSep",
+			"heroGaugeArc": "VWh0dG_heroGaugeArc",
+			"triggerPopUpdated": "VWh0dG_triggerPopUpdated",
+			"bandPriceOff": "VWh0dG_bandPriceOff",
+			"heatmapYearBody": "VWh0dG_heatmapYearBody",
+			"deltaDown": "VWh0dG_deltaDown",
+			"heroGaugeArcOver": "VWh0dG_heroGaugeArcOver",
+			"balanceDaysLow": "VWh0dG_balanceDaysLow",
+			"kpiTile": "VWh0dG_kpiTile",
+			"providerGroupName": "VWh0dG_providerGroupName",
+			"floatTarget": "VWh0dG_floatTarget",
+			"pricingChevronOpen": "VWh0dG_pricingChevronOpen",
+			"triggerPopFootNote": "VWh0dG_triggerPopFootNote",
+			"siteRowCalls": "VWh0dG_siteRowCalls",
+			"balanceDaysBadge": "VWh0dG_balanceDaysBadge",
+			"roundsBarFlagged": "VWh0dG_roundsBarFlagged",
+			"tokenModelPartIn": "VWh0dG_tokenModelPartIn",
+			"trendPanel": "VWh0dG_trendPanel",
+			"currencyButton": "VWh0dG_currencyButton",
+			"bandTag": "VWh0dG_bandTag",
+			"heroReadout": "VWh0dG_heroReadout",
+			"floatSubHead": "VWh0dG_floatSubHead",
+			"peakAlertHint": "VWh0dG_peakAlertHint",
+			"floatTargetLabel": "VWh0dG_floatTargetLabel",
+			"subscriptionWindow": "VWh0dG_subscriptionWindow",
+			"heroMain": "VWh0dG_heroMain",
+			"budgetLabel": "VWh0dG_budgetLabel",
+			"triggerPopMetrics": "VWh0dG_triggerPopMetrics",
+			"triggerPopOpenBtn": "VWh0dG_triggerPopOpenBtn",
+			"budgetHead": "VWh0dG_budgetHead",
+			"roundsEmpty": "VWh0dG_roundsEmpty",
+			"tabPanel": "VWh0dG_tabPanel",
+			"reconcileIcon": "VWh0dG_reconcileIcon",
+			"billing-trigger": "VWh0dG_billing-trigger",
+			"chartAxisLabel": "VWh0dG_chartAxisLabel",
+			"triggerPopRow": "VWh0dG_triggerPopRow",
+			"chartSvg": "VWh0dG_chartSvg",
+			"providerGroupList": "VWh0dG_providerGroupList",
+			"providerGroupTitle": "VWh0dG_providerGroupTitle",
+			"triggerPopEmpty": "VWh0dG_triggerPopEmpty",
+			"triggerMeta": "VWh0dG_triggerMeta",
+			"triggerPopFoot": "VWh0dG_triggerPopFoot",
+			"rangeButtonActive": "VWh0dG_rangeButtonActive",
+			"heroSide": "VWh0dG_heroSide",
+			"chartDot": "VWh0dG_chartDot",
+			"subscriptionCard": "VWh0dG_subscriptionCard",
+			"subscriptionStatus": "VWh0dG_subscriptionStatus",
+			"budgetInputWrap": "VWh0dG_budgetInputWrap",
+			"triggerWrap": "VWh0dG_triggerWrap",
+			"triggerPopBars": "VWh0dG_triggerPopBars",
+			"triggerPopValue": "VWh0dG_triggerPopValue",
+			"balanceDetailHead": "VWh0dG_balanceDetailHead",
+			"pluginInfoLink": "VWh0dG_pluginInfoLink",
+			"pluginInfo": "VWh0dG_pluginInfo",
+			"currencyToggle": "VWh0dG_currencyToggle",
+			"peakAlertCorner": "VWh0dG_peakAlertCorner",
+			"heatmapRangeButton": "VWh0dG_heatmapRangeButton",
+			"shareDot": "VWh0dG_shareDot",
+			"heroSideItem": "VWh0dG_heroSideItem",
+			"bucketStatLabel": "VWh0dG_bucketStatLabel",
+			"modelDot": "VWh0dG_modelDot",
+			"subscriptionGoldFlow": "VWh0dG_subscriptionGoldFlow",
 			"triggerPopMuted": "VWh0dG_triggerPopMuted",
-			"triggerMeta": "VWh0dG_triggerMeta",
-			"bucketStatValue": "VWh0dG_bucketStatValue",
-			"liveCostBar": "VWh0dG_liveCostBar",
-			"floatTargetLabel": "VWh0dG_floatTargetLabel",
-			"heroMain": "VWh0dG_heroMain",
-			"bandPrice": "VWh0dG_bandPrice",
-			"providerGroupTitle": "VWh0dG_providerGroupTitle",
-			"floatSubHead": "VWh0dG_floatSubHead",
-			"triggerPopSwitcher": "VWh0dG_triggerPopSwitcher",
-			"switch": "VWh0dG_switch",
-			"subscriptionReset": "VWh0dG_subscriptionReset",
-			"shareItem": "VWh0dG_shareItem",
+			"siteKindSite": "VWh0dG_siteKindSite",
+			"headTitleRow": "VWh0dG_headTitleRow",
+			"pluginInfoLabel": "VWh0dG_pluginInfoLabel",
 			"peakAlertCenter": "VWh0dG_peakAlertCenter",
 			"liveQuotaWarn": "VWh0dG_liveQuotaWarn",
-			"trendPanel": "VWh0dG_trendPanel",
+			"peakAlertPanelBody": "VWh0dG_peakAlertPanelBody",
+			"budgetControls": "VWh0dG_budgetControls",
+			"triggerPopTitleMonth": "VWh0dG_triggerPopTitleMonth",
 			"modelName": "VWh0dG_modelName",
-			"triggerPopBadgeSub": "VWh0dG_triggerPopBadgeSub",
-			"heatmapLegend": "VWh0dG_heatmapLegend",
-			"settingsTitle": "VWh0dG_settingsTitle",
+			"shareSeg": "VWh0dG_shareSeg",
+			"budgetInput": "VWh0dG_budgetInput",
+			"tabButton": "VWh0dG_tabButton",
+			"balanceDetailTitle": "VWh0dG_balanceDetailTitle",
+			"triggerPopFootName": "VWh0dG_triggerPopFootName",
+			"siteRowName": "VWh0dG_siteRowName",
+			"subscriptionFillWarn": "VWh0dG_subscriptionFillWarn",
 			"heroGaugeLabel": "VWh0dG_heroGaugeLabel",
-			"roundsFlagMark": "VWh0dG_roundsFlagMark"
+			"siteKindUnknown": "VWh0dG_siteKindUnknown",
+			"budgetOverPulse": "VWh0dG_budgetOverPulse",
+			"roundsBars": "VWh0dG_roundsBars",
+			"bucketCost": "VWh0dG_bucketCost",
+			"budgetUnit": "VWh0dG_budgetUnit",
+			"chartBarPlaceholder": "VWh0dG_chartBarPlaceholder",
+			"balanceDetailLabel": "VWh0dG_balanceDetailLabel",
+			"triggerPopBar": "VWh0dG_triggerPopBar",
+			"floatModeBtn": "VWh0dG_floatModeBtn",
+			"rateBadgeBuiltin": "VWh0dG_rateBadgeBuiltin",
+			"budgetFillWarn": "VWh0dG_budgetFillWarn",
+			"heroGauge": "VWh0dG_heroGauge",
+			"heroSideValue": "VWh0dG_heroSideValue",
+			"triggerPopBadge": "VWh0dG_triggerPopBadge",
+			"staleNotice": "VWh0dG_staleNotice",
+			"chartTooltipDate": "VWh0dG_chartTooltipDate",
+			"subscriptionPlan": "VWh0dG_subscriptionPlan",
+			"roundsBarCol": "VWh0dG_roundsBarCol",
+			"pluginInfoValue": "VWh0dG_pluginInfoValue",
+			"chartEmpty": "VWh0dG_chartEmpty"
 		};
 		//#endregion
 		//#region src/client/plan-knowledge.ts
@@ -1490,14 +1504,17 @@ window.__ModuleLoader__.load({
 			color: ""
 		};
 		/**
-		* Render the daily stacked cost bars plus the total-calls line.
+		* Render the daily bars plus the total-calls line.
 		* @param props.data - sorted daily rows (ascending date).
-		* @param props.models - the model legend, in bar order.
+		* @param props.models - the model legend, in bar order (used by the `cost` metric).
 		* @param props.currency - display currency for the cost labels.
+		* @param props.metric - `cost` (stacked per-model CNY, default) or `tokens` (single-color total tokens).
 		*/
-		function TrendChart({ data, models = [], currency = "cny" }) {
+		function TrendChart({ data, models = [], currency = "cny", metric = "cost" }) {
 			const [hover, setHover] = (0, react.useState)(null);
 			const money = (cny) => formatMoney(currency === "usd" ? cnyToUsd(cny) : cny, currency);
+			const axisOf = (value) => metric === "tokens" ? shortNumber$1(value) : money(value);
+			const valueOf = (d) => metric === "tokens" ? d.tokens ?? 0 : d.cost;
 			const layout = (0, react.useMemo)(() => {
 				const n = data.length;
 				if (n === 0) return null;
@@ -1507,7 +1524,7 @@ window.__ModuleLoader__.load({
 					if (n === 1) return PAD$2.left + plotW / 2;
 					return PAD$2.left + plotW * i / (n - 1);
 				};
-				const maxCost = Math.max(...data.map((d) => Math.max(d.cost, Object.values(d.byModel ?? {}).reduce((sum, v) => sum + v, 0))), 1e-4);
+				const maxCost = metric === "tokens" ? Math.max(...data.map((d) => d.tokens ?? 0), 1e-4) : Math.max(...data.map((d) => Math.max(d.cost, Object.values(d.byModel ?? {}).reduce((sum, v) => sum + v, 0))), 1e-4);
 				const yCost = (value) => PAD$2.top + plotH - value / maxCost * plotH;
 				const maxCalls = Math.max(...data.map((d) => d.calls), 1);
 				const yCalls = (value) => PAD$2.top + plotH - value / maxCalls * plotH;
@@ -1523,12 +1540,12 @@ window.__ModuleLoader__.load({
 					barW,
 					bars: data.flatMap((d, i) => {
 						const x = inner(i) - barW / 2;
-						if (models.length === 0) return [{
+						if (models.length === 0 || metric === "tokens") return [{
 							date: d.date,
 							model: TOTAL_MODEL,
 							x,
 							base: 0,
-							value: d.cost,
+							value: valueOf(d),
 							topRounded: true
 						}];
 						let topKey = null;
@@ -1567,7 +1584,11 @@ window.__ModuleLoader__.load({
 						return `${i === 0 ? "M" : "L"}${inner(i)} ${y}`;
 					}).join(" ")
 				};
-			}, [data, models]);
+			}, [
+				data,
+				models,
+				metric
+			]);
 			if (layout === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: UsageBilling_module_css_default.chartEmpty,
 				children: "暂无趋势数据"
@@ -1606,7 +1627,7 @@ window.__ModuleLoader__.load({
 									y: y + 3,
 									textAnchor: "end",
 									className: UsageBilling_module_css_default.chartAxisLabel,
-									children: money(value)
+									children: axisOf(value)
 								})] }, `cost-${idx}`);
 							}),
 							bars.map((bar) => {
@@ -1676,7 +1697,7 @@ window.__ModuleLoader__.load({
 								className: UsageBilling_module_css_default.chartTooltipDate,
 								children: activePoint.date
 							}),
-							models.filter((model) => (activePoint.byModel?.[model.key] ?? 0) > 0).map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							metric !== "tokens" && models.filter((model) => (activePoint.byModel?.[model.key] ?? 0) > 0).map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: UsageBilling_module_css_default.chartTooltipRow,
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1693,7 +1714,7 @@ window.__ModuleLoader__.load({
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: UsageBilling_module_css_default.chartLegendBar }),
 									"总计 ",
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: money(activePoint.cost) })
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: metric === "tokens" ? shortNumber$1(activePoint.tokens ?? 0) : money(activePoint.cost) })
 								]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1706,7 +1727,7 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
-					models.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					models.length > 0 && metric !== "tokens" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: UsageBilling_module_css_default.chartLegend,
 						children: [models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: UsageBilling_module_css_default.chartTooltipSwatch,
@@ -2710,6 +2731,21 @@ window.__ModuleLoader__.load({
 			"color-mix(in srgb, var(--dsw-static-green-500) 70%, var(--dsw-alias-bg-layer-2))",
 			"var(--dsw-static-green-500)"
 		];
+		/** 月份缩写（年度热力图横轴标签，GitHub 风格）。 */
+		const MONTH_ABBR = [
+			"Jan",
+			"Feb",
+			"Mar",
+			"Apr",
+			"May",
+			"Jun",
+			"Jul",
+			"Aug",
+			"Sep",
+			"Oct",
+			"Nov",
+			"Dec"
+		];
 		/** Local-time `YYYY-MM-DD` stamp (matches the dashboard's day keys). */
 		function dayStamp(date) {
 			const pad = (n) => String(n).padStart(2, "0");
@@ -2838,25 +2874,71 @@ window.__ModuleLoader__.load({
 			const monthWeeks = (0, react.useMemo)(() => buildMonthWeeks(days, now ?? /* @__PURE__ */ new Date()), [days, now]);
 			if (range === "year") {
 				const yearWeeks = buildYearWeeks(days, now ?? /* @__PURE__ */ new Date());
+				const monthLabels = [];
+				let lastMonth = -1;
+				yearWeeks.forEach((week, i) => {
+					const m = Number(week[0]?.date.slice(5, 7) ?? 0);
+					if (m !== lastMonth) {
+						monthLabels.push({
+							index: i,
+							label: MONTH_ABBR[m - 1] ?? ""
+						});
+						lastMonth = m;
+					}
+				});
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: UsageBilling_module_css_default.heatmap,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: UsageBilling_module_css_default.heatmapYearScroll,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: UsageBilling_module_css_default.heatmapYearGrid,
-							role: "img",
-							"aria-label": "yearly cost heatmap",
-							"data-testid": "heatmap-year-grid",
-							children: yearWeeks.flat().map((cell) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: UsageBilling_module_css_default.heatmapYearCell,
-								"data-testid": "heatmap-year-cell",
-								"data-level": cell.level,
-								style: { background: LEVEL_COLORS[cell.level] },
-								title: `${cell.date} · ${money(cell.value)}`,
-								"aria-label": `${cell.date}: ${money(cell.value)}`
-							}, cell.date))
-						})
+					className: UsageBilling_module_css_default.heatmapYear,
+					"data-testid": "heatmap-year",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: UsageBilling_module_css_default.heatmapYearBody,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: UsageBilling_module_css_default.heatmapYearWeekdays,
+							"aria-hidden": "true",
+							children: [
+								{
+									label: "Mon",
+									row: 1
+								},
+								{
+									label: "Wed",
+									row: 3
+								},
+								{
+									label: "Fri",
+									row: 5
+								}
+							].map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.heatmapYearWeekday,
+								style: { gridRow: item.row },
+								children: item.label
+							}, item.label))
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: UsageBilling_module_css_default.heatmapYearScroll,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: UsageBilling_module_css_default.heatmapYearMonths,
+								"aria-hidden": "true",
+								"data-testid": "heatmap-year-months",
+								children: monthLabels.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: UsageBilling_module_css_default.heatmapYearMonth,
+									style: { gridColumn: m.index + 1 },
+									children: m.label
+								}, m.index))
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: UsageBilling_module_css_default.heatmapYearGrid,
+								role: "img",
+								"aria-label": "yearly cost heatmap",
+								"data-testid": "heatmap-year-grid",
+								children: yearWeeks.flat().map((cell) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: UsageBilling_module_css_default.heatmapYearCell,
+									"data-testid": "heatmap-year-cell",
+									"data-level": cell.level,
+									style: { background: LEVEL_COLORS[cell.level] },
+									title: `${cell.date} · ${money(cell.value)}`,
+									"aria-label": `${cell.date}: ${money(cell.value)}`
+								}, cell.date))
+							})]
+						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: UsageBilling_module_css_default.heatmapFooter,
 						children: [
@@ -3100,6 +3182,9 @@ window.__ModuleLoader__.load({
 			"billing.trend": "每日费用与调用趋势",
 			"billing.trend7d": "7 天",
 			"billing.trend30d": "30 天",
+			"billing.trendMetric": "趋势指标",
+			"billing.trendMetricCost": "费用",
+			"billing.trendMetricTokens": "Token",
 			"billing.trendEmpty": "暂无趋势数据",
 			"billing.budget": "本月预算",
 			"billing.sessions": "会话明细",
@@ -3139,6 +3224,8 @@ window.__ModuleLoader__.load({
 			"billing.estimatedPricing": "估算价",
 			"billing.balanceDays": "约可撑 {days} 天",
 			"billing.balanceLowBody": "{name} 余额 {balance}，约可撑 {days} 天，请及时充值",
+			"billing.reconcileDrift": "系统监控到{provider}官方余额变动 {spent}，本面板记录 {today}，差额通常由其它工具或 API 的消耗所致",
+			"billing.reconcileDismiss": "知道了",
 			"billing.subscriptions": "订阅套餐",
 			"billing.subscriptionNotConfigured": "未配置密钥",
 			"billing.subscriptionUnauthorized": "密钥无效",
@@ -3161,6 +3248,7 @@ window.__ModuleLoader__.load({
 			"billing.floatNoTargetsHint": "暂无可选的订阅通道。",
 			"billing.floatPrev": "上一张订阅",
 			"billing.floatNext": "下一张订阅",
+			"billing.subscriptionsStale": "订阅额度刷新失败，以下为缓存数据",
 			"billing.heatmapLess": "少",
 			"billing.heatmapMore": "多",
 			"billing.currency": "币种",
@@ -3178,7 +3266,7 @@ window.__ModuleLoader__.load({
 			"billing.costAbbr": "费用",
 			"billing.tabOverview": "概览",
 			"billing.tabTrends": "趋势",
-			"billing.tabProviders": "明细",
+			"billing.tabProviders": "账单",
 			"billing.tabDetails": "统计",
 			"billing.tabPricing": "费率",
 			"billing.tabSettings": "设置",
@@ -3322,6 +3410,9 @@ window.__ModuleLoader__.load({
 			"billing.trend": "Daily cost & calls",
 			"billing.trend7d": "7D",
 			"billing.trend30d": "30D",
+			"billing.trendMetric": "Trend metric",
+			"billing.trendMetricCost": "Cost",
+			"billing.trendMetricTokens": "Tokens",
 			"billing.trendEmpty": "No trend data yet",
 			"billing.budget": "Monthly budget",
 			"billing.sessions": "Sessions",
@@ -3361,6 +3452,8 @@ window.__ModuleLoader__.load({
 			"billing.estimatedPricing": "Estimated",
 			"billing.balanceDays": "~{days} days left",
 			"billing.balanceLowBody": "{name} balance {balance}, ~{days} days left, please top up",
+			"billing.reconcileDrift": "Detected {provider} official balance moved {spent}, this panel recorded {today}; the gap usually comes from other tools or APIs consuming too",
+			"billing.reconcileDismiss": "Got it",
 			"billing.subscriptions": "Subscriptions",
 			"billing.subscriptionNotConfigured": "Key not set",
 			"billing.subscriptionUnauthorized": "Bad key",
@@ -3383,6 +3476,7 @@ window.__ModuleLoader__.load({
 			"billing.floatNoTargetsHint": "No subscription channel available.",
 			"billing.floatPrev": "Previous subscription",
 			"billing.floatNext": "Next subscription",
+			"billing.subscriptionsStale": "Subscription refresh failed — showing cached data",
 			"billing.heatmapLess": "Less",
 			"billing.heatmapMore": "More",
 			"billing.currency": "Currency",
@@ -3400,7 +3494,7 @@ window.__ModuleLoader__.load({
 			"billing.costAbbr": "cost",
 			"billing.tabOverview": "Overview",
 			"billing.tabTrends": "Trends",
-			"billing.tabProviders": "Details",
+			"billing.tabProviders": "Bills",
 			"billing.tabDetails": "Stats",
 			"billing.tabPricing": "Rates",
 			"billing.tabSettings": "Settings",
@@ -3685,8 +3779,8 @@ window.__ModuleLoader__.load({
 		/** 会话明细面板最多展示的行数（完整长尾在服务端另有一层封顶）。 */
 		const SESSION_DISPLAY_LIMIT = 20;
 		/**
-		* Tab 定义（顺序即渲染顺序）：概览=主数字/KPI/热力图，趋势=趋势图/每轮费用，
-		* 明细=厂商计费与订阅，统计=工作区/会话明细，费率=模型单价表，设置=预算与峰谷提醒。
+		* Tab 定义（顺序即渲染顺序）：概览=主数字/KPI/热力图，账单=厂商计费与订阅，
+		* 用量=Token 用量，趋势=趋势图/每轮费用，费率=模型单价表，设置=预算与峰谷提醒。
 		* 导出供测试断言 tab 与文案 key 对齐、decor 锚点落在正确分区。
 		*/
 		const DASHBOARD_TABS = [
@@ -3694,6 +3788,10 @@ window.__ModuleLoader__.load({
 				id: "overview",
 				labelKey: "billing.tabOverview"
 			},
+			{
+				id: "providers",
+				labelKey: "billing.tabProviders"
+			},
 			{
 				id: "token",
 				labelKey: "billing.tabToken"
@@ -3702,10 +3800,6 @@ window.__ModuleLoader__.load({
 				id: "trends",
 				labelKey: "billing.tabTrends"
 			},
-			{
-				id: "providers",
-				labelKey: "billing.tabProviders"
-			},
 			{
 				id: "pricing",
 				labelKey: "billing.tabPricing"
@@ -4149,22 +4243,34 @@ window.__ModuleLoader__.load({
 			}
 		}
 		/**
-		* 拉取订阅套餐剩余额度（供订阅面板）；失败返回空列表。
-		* @returns the quota rows, or an empty list on any failure.
+		* 拉取官方余额差对账提示（drift 时非空），供余额面板展示；失败返回 undefined。
+		* @returns the reconcile notice, or undefined on any failure / no drift.
 		*/
-		async function fetchSubscriptions() {
+		async function fetchReconcile() {
 			try {
-				const response = await fetch(SUBSCRIPTIONS_PATH$1);
-				if (!response.ok) return [];
+				const response = await fetch(BALANCE_PATH);
+				if (!response.ok) return void 0;
 				const text = await response.text();
 				const parsed = JSON.parse(text);
-				if (parsed !== null && typeof parsed === "object" && "quotas" in parsed) return parsed.quotas;
-				return [];
+				if (parsed !== null && typeof parsed === "object" && "reconcile" in parsed) return parsed.reconcile;
+				return;
 			} catch {
-				return [];
+				return;
 			}
 		}
 		/**
+		* 拉取订阅套餐剩余额度（供订阅面板）；失败返回空列表。
+		* @returns the quota rows, or an empty list on any failure.
+		*/
+		async function fetchSubscriptions() {
+			const response = await fetch(SUBSCRIPTIONS_PATH$1);
+			if (!response.ok) throw new Error(`subscriptions HTTP ${String(response.status)}`);
+			const text = await response.text();
+			const parsed = JSON.parse(text);
+			if (parsed !== null && typeof parsed === "object" && "quotas" in parsed) return parsed.quotas;
+			throw new Error("subscriptions: invalid response");
+		}
+		/**
 		* 拉取中转站额度（New API / Sub2API 的余额与滚动窗口）；失败返回空列表。
 		* @returns the relay-site quota rows, or an empty list on any failure.
 		*/
@@ -4539,10 +4645,31 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		function BillingDashboard({ stats, t, onClose, health, balances, quotas, relayQuotas, currency, onCurrency, turns, renderSlot, budgetEnabled, budgetAmount, onToggleBudget, onBudgetAmount, peakConfig, onPeakConfig, onPreviewPeak, floatPrefs, onFloatPrefs }) {
+		function BillingDashboard({ stats, t, onClose, health, balances, reconcile, quotas, relayQuotas, currency, onCurrency, turns, renderSlot, budgetEnabled, budgetAmount, onToggleBudget, onBudgetAmount, peakConfig, onPeakConfig, onPreviewPeak, floatPrefs, onFloatPrefs, quotasStale }) {
+			const [trendMetric, setTrendMetric] = (0, react.useState)("cost");
 			const { total, byModel, byDay } = stats;
 			const [tab, setTab] = (0, react.useState)("overview");
 			const [trendDays, setTrendDays] = (0, react.useState)(7);
+			const [reconcileDismissedDay, setReconcileDismissedDay] = (0, react.useState)(() => {
+				try {
+					return window.localStorage.getItem("dsh-billing:reconcile-dismissed") ?? "";
+				} catch {
+					return "";
+				}
+			});
+			const dayStampLocal = () => {
+				const d = /* @__PURE__ */ new Date();
+				const pad = (n) => String(n).padStart(2, "0");
+				return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+			};
+			const dismissReconcile = (0, react.useCallback)(() => {
+				const day = dayStampLocal();
+				setReconcileDismissedDay(day);
+				try {
+					window.localStorage.setItem("dsh-billing:reconcile-dismissed", day);
+				} catch {}
+			}, []);
+			const [heatmapRange, setHeatmapRange] = (0, react.useState)("month");
 			const subscriptionOptions = (0, react.useMemo)(() => quotas.filter((quota) => quota.status === "ok" && quota.windows.length > 0).map((quota) => ({
 				id: quota.provider,
 				label: quota.displayName
@@ -4652,7 +4779,6 @@ window.__ModuleLoader__.load({
 			const monthPrefix = today.slice(0, 7);
 			const yearPrefix = today.slice(0, 4);
 			const monthCost = dates.reduce((sum, d) => sum + (d.startsWith(monthPrefix) ? byDay[d]?.cost ?? 0 : 0), 0);
-			const monthCalls = dates.reduce((sum, d) => sum + (d.startsWith(monthPrefix) ? byDay[d]?.calls ?? 0 : 0), 0);
 			const yearCost = dates.reduce((sum, d) => sum + (d.startsWith(yearPrefix) ? byDay[d]?.cost ?? 0 : 0), 0);
 			const monthCostProjected = (0, react.useMemo)(() => {
 				return projectMonthCost(byDay, monthPrefix, today) + quotas.reduce((sum, quota) => sum + (quota.planType === "code" ? quota.subscriptionAmount ?? 0 : 0), 0);
@@ -4703,7 +4829,8 @@ window.__ModuleLoader__.load({
 					date,
 					cost: day?.cost ?? 0,
 					calls: day?.calls ?? 0,
-					byModel
+					byModel,
+					tokens: day === void 0 ? 0 : day.input + day.output + day.cacheHit + day.cacheMiss
 				};
 			}), [
 				trendDates,
@@ -4844,7 +4971,8 @@ window.__ModuleLoader__.load({
 									children: [
 										t("billing.lastUpdated"),
 										" ",
-										latestDate
+										latestDate,
+										stats.timezone === void 0 ? null : ` · ${stats.timezone.name} (${stats.timezone.offset})`
 									]
 								})
 							] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -4914,6 +5042,57 @@ window.__ModuleLoader__.load({
 									className: UsageBilling_module_css_default.tabPanel,
 									"data-testid": "billing-tab-panel-overview",
 									children: [
+										reconcile?.kind === "drift" && reconcile.spent !== void 0 && reconcileDismissedDay !== dayStampLocal() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: UsageBilling_module_css_default.reconcileNotice,
+											"data-testid": "billing-reconcile-notice",
+											role: "note",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: UsageBilling_module_css_default.reconcileIcon,
+													"aria-hidden": "true",
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+														width: "14",
+														height: "14",
+														viewBox: "0 0 24 24",
+														fill: "none",
+														stroke: "currentColor",
+														strokeWidth: "2",
+														strokeLinecap: "round",
+														strokeLinejoin: "round",
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+																cx: "12",
+																cy: "12",
+																r: "9"
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+																x1: "12",
+																y1: "10",
+																x2: "12",
+																y2: "16"
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+																x1: "12",
+																y1: "7.5",
+																x2: "12.01",
+																y2: "7.5"
+															})
+														]
+													})
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: UsageBilling_module_css_default.reconcileText,
+													children: t("billing.reconcileDrift").replace("{provider}", reconcile.provider ?? "").replace("{spent}", money(reconcile.spent)).replace("{today}", money(reconcile.todayOfficialCost ?? 0))
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: UsageBilling_module_css_default.reconcileDismiss,
+													"data-testid": "billing-reconcile-dismiss",
+													onClick: dismissReconcile,
+													children: t("billing.reconcileDismiss")
+												})
+											]
+										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 											className: UsageBilling_module_css_default.hero,
 											"data-testid": "billing-hero",
@@ -4923,31 +5102,20 @@ window.__ModuleLoader__.load({
 													className: UsageBilling_module_css_default.heroTop,
 													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 														className: UsageBilling_module_css_default.heroMain,
-														children: [
-															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																className: UsageBilling_module_css_default.heroLabel,
-																children: t("billing.monthCost")
-															}),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																className: UsageBilling_module_css_default.heroReadout,
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: UsageBilling_module_css_default.heroCurrency,
-																	"aria-hidden": "true",
-																	children: currency === "usd" ? "$" : "¥"
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: UsageBilling_module_css_default.heroValue,
-																	children: money(monthCost).slice(1)
-																})]
-															}),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																className: UsageBilling_module_css_default.heroMeta,
-																children: [
-																	monthCalls.toLocaleString(),
-																	" ",
-																	t("billing.calls")
-																]
-															})
-														]
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.heroLabel,
+															children: t("billing.monthCost")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: UsageBilling_module_css_default.heroReadout,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: UsageBilling_module_css_default.heroCurrency,
+																"aria-hidden": "true",
+																children: currency === "usd" ? "$" : "¥"
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: UsageBilling_module_css_default.heroValue,
+																children: money(monthCost).slice(1)
+															})]
+														})]
 													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 														className: UsageBilling_module_css_default.heroGauge,
 														"data-testid": "billing-hero-gauge",
@@ -5133,27 +5301,46 @@ window.__ModuleLoader__.load({
 											"data-testid": "billing-panel-heatmap",
 											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.heatmap")
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: UsageBilling_module_css_default.panelHint,
-													"data-testid": "billing-heatmap-summary",
-													children: [
-														t("billing.activeDays"),
-														" ",
-														activeDays,
-														" · ",
-														t("billing.streakDays"),
-														" ",
-														streakDays
-													]
-												})]
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+														className: UsageBilling_module_css_default.panelTitle,
+														children: t("billing.heatmap")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: UsageBilling_module_css_default.heatmapRangeSwitch,
+														"data-testid": "billing-heatmap-range",
+														role: "group",
+														"aria-label": t("billing.heatmap"),
+														children: ["month", "year"].map((r) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: clsx(UsageBilling_module_css_default.heatmapRangeButton, heatmapRange === r && UsageBilling_module_css_default.heatmapRangeButtonActive),
+															"data-testid": `billing-heatmap-range-${r}`,
+															"aria-pressed": heatmapRange === r,
+															onClick: () => {
+																setHeatmapRange(r);
+															},
+															children: r === "month" ? t("billing.heatmapMonth") : t("billing.heatmapYear")
+														}, r))
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: UsageBilling_module_css_default.panelHint,
+														"data-testid": "billing-heatmap-summary",
+														children: [
+															t("billing.activeDays"),
+															" ",
+															activeDays,
+															" · ",
+															t("billing.streakDays"),
+															" ",
+															streakDays
+														]
+													})
+												]
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageHeatmap, {
 												days: heatmapDays,
 												currency,
 												t,
-												range: "month"
+												range: heatmapRange
 											})]
 										})
 									]
@@ -5500,6 +5687,21 @@ window.__ModuleLoader__.load({
 															children: days === 7 ? t("billing.trend7d") : t("billing.trend30d")
 														}, days))
 													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: UsageBilling_module_css_default.rangeToggle,
+														role: "group",
+														"aria-label": t("billing.trendMetric"),
+														children: ["cost", "tokens"].map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: clsx(UsageBilling_module_css_default.rangeButton, trendMetric === m && UsageBilling_module_css_default.rangeButtonActive),
+															"aria-pressed": trendMetric === m,
+															"data-testid": `billing-trend-metric-${m}`,
+															onClick: () => {
+																setTrendMetric(m);
+															},
+															children: m === "cost" ? t("billing.trendMetricCost") : t("billing.trendMetricTokens")
+														}, m))
+													}),
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 														className: UsageBilling_module_css_default.panelHint,
 														children: latestDate
@@ -5508,7 +5710,8 @@ window.__ModuleLoader__.load({
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendChart, {
 												data: trend,
 												models: chartModels,
-												currency
+												currency,
+												metric: trendMetric
 											})]
 										}),
 										turns.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
@@ -5714,251 +5917,259 @@ window.__ModuleLoader__.load({
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 											className: UsageBilling_module_css_default.panel,
 											"data-testid": "billing-panel-providers",
-											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.providerBilling")
-													}),
-													renderSlot("billing.dashboard.decor", { position: "models" }),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: UsageBilling_module_css_default.panelHint,
-														children: stats.updatedAt !== void 0 ? `${t("billing.lastUpdated")} ${formatClock(stats.updatedAt)}` : ""
-													})
-												]
-											}), providerGroups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: UsageBilling_module_css_default.emptyRow,
-												"data-testid": "billing-provider-empty",
-												children: t("billing.noData")
-											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: UsageBilling_module_css_default.providerGroupList,
-												"data-testid": "billing-provider-groups",
-												children: providerGroups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: UsageBilling_module_css_default.providerGroup,
-													"data-testid": "billing-provider-group",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: UsageBilling_module_css_default.panelHead,
 													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-															className: UsageBilling_module_css_default.providerGroupHead,
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																className: UsageBilling_module_css_default.providerGroupTitle,
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: clsx(UsageBilling_module_css_default.healthDot, group.dot),
-																	"aria-hidden": "true"
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: UsageBilling_module_css_default.providerGroupName,
-																	children: providerName(group.name)
-																})]
-															}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																className: UsageBilling_module_css_default.providerGroupMeta,
-																children: [group.subscriptions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																	className: UsageBilling_module_css_default.providerGroupBadge,
-																	"data-testid": "billing-provider-sub-count",
-																	children: [group.subscriptions.length, " 套餐"]
-																}), !hideBalanceForGroup(group) && group.balance !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																	className: UsageBilling_module_css_default.providerGroupBalance,
-																	"data-testid": "billing-provider-balance",
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+															className: UsageBilling_module_css_default.panelTitle,
+															children: t("billing.providerBilling")
+														}),
+														renderSlot("billing.dashboard.decor", { position: "models" }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.panelHint,
+															children: stats.updatedAt !== void 0 ? `${t("billing.lastUpdated")} ${formatClock(stats.updatedAt)}` : ""
+														})
+													]
+												}),
+												quotasStale && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: UsageBilling_module_css_default.staleNotice,
+													"data-testid": "billing-subscriptions-stale",
+													children: t("billing.subscriptionsStale")
+												}),
+												providerGroups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: UsageBilling_module_css_default.emptyRow,
+													"data-testid": "billing-provider-empty",
+													children: t("billing.noData")
+												}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: UsageBilling_module_css_default.providerGroupList,
+													"data-testid": "billing-provider-groups",
+													children: providerGroups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: UsageBilling_module_css_default.providerGroup,
+														"data-testid": "billing-provider-group",
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																className: UsageBilling_module_css_default.providerGroupHead,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																	className: UsageBilling_module_css_default.providerGroupTitle,
 																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: UsageBilling_module_css_default.providerGroupBalanceLabel,
-																		children: t("billing.balance")
-																	}), renderBalance(group.balance)]
+																		className: clsx(UsageBilling_module_css_default.healthDot, group.dot),
+																		"aria-hidden": "true"
+																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		className: UsageBilling_module_css_default.providerGroupName,
+																		children: providerName(group.name)
+																	})]
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																	className: UsageBilling_module_css_default.providerGroupMeta,
+																	children: [group.subscriptions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																		className: UsageBilling_module_css_default.providerGroupBadge,
+																		"data-testid": "billing-provider-sub-count",
+																		children: [group.subscriptions.length, " 套餐"]
+																	}), !hideBalanceForGroup(group) && group.balance !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																		className: UsageBilling_module_css_default.providerGroupBalance,
+																		"data-testid": "billing-provider-balance",
+																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																			className: UsageBilling_module_css_default.providerGroupBalanceLabel,
+																			children: t("billing.balance")
+																		}), renderBalance(group.balance)]
+																	})]
 																})]
-															})]
-														}),
-														group.models.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-															className: clsx(UsageBilling_module_css_default.tableScroll, UsageBilling_module_css_default.modelTableScroll),
-															"data-testid": "billing-table-scroll",
-															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.model") }),
-																	/* @__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.cacheHitRate")
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-																		className: UsageBilling_module_css_default.numCol,
-																		children: t("billing.actual")
-																	})
-																] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: group.models.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.modelCell,
-																		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																			className: UsageBilling_module_css_default.modelName,
-																			children: [
-																				row.name,
-																				row.uncatalogued && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																					className: UsageBilling_module_css_default.uncataloguedTag,
-																					"data-testid": "billing-uncatalogued-tag",
-																					children: t("billing.uncatalogued")
-																				}),
-																				row.estimatedPricing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																					className: UsageBilling_module_css_default.estimatedTag,
-																					"data-testid": "billing-estimated-tag",
-																					children: t("billing.estimatedPricing")
-																				})
-																			]
-																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: UsageBilling_module_css_default.modelProvider,
-																			children: providerName(row.provider)
-																		})] })
-																	}) }),
-																	/* @__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: formatPercent(row.cacheHitRate)
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-																		className: UsageBilling_module_css_default.numCol,
-																		children: row.plan ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: UsageBilling_module_css_default.planTag,
-																			children: t("billing.subscriptionIncluded")
-																		}) : row.actual !== void 0 ? (() => {
-																			const official = row.officialCost;
-																			const third = row.actual - official;
-																			if (official > 0 && third > 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																				className: UsageBilling_module_css_default.bucketCost,
+															}),
+															group.models.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: clsx(UsageBilling_module_css_default.tableScroll, UsageBilling_module_css_default.modelTableScroll),
+																"data-testid": "billing-table-scroll",
+																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.model") }),
+																		/* @__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.cacheHitRate")
+																		}),
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+																			className: UsageBilling_module_css_default.numCol,
+																			children: t("billing.actual")
+																		})
+																	] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: group.models.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.modelCell,
+																			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																				className: UsageBilling_module_css_default.modelName,
 																				children: [
-																					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																						className: UsageBilling_module_css_default.bucketOfficial,
-																						children: money(official)
-																					}),
-																					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																						className: UsageBilling_module_css_default.bucketSep,
-																						children: "/"
+																					row.name,
+																					row.uncatalogued && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																						className: UsageBilling_module_css_default.uncataloguedTag,
+																						"data-testid": "billing-uncatalogued-tag",
+																						children: t("billing.uncatalogued")
 																					}),
-																					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																						className: UsageBilling_module_css_default.bucketThird,
-																						children: money(third)
+																					row.estimatedPricing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																						className: UsageBilling_module_css_default.estimatedTag,
+																						"data-testid": "billing-estimated-tag",
+																						children: t("billing.estimatedPricing")
 																					})
 																				]
-																			});
-																			return money(row.actual);
-																		})() : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: UsageBilling_module_css_default.na,
-																			children: "—"
-																		})
-																	})
-																] }, row.key)) })]
-															})
-														}),
-														group.subscriptions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-															className: UsageBilling_module_css_default.subscriptionGrid,
-															"data-testid": "billing-subscriptions-grid",
-															children: group.subscriptions.map((quota) => {
-																const statusText = subscriptionStatusText(quota.status, t);
-																return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																	className: UsageBilling_module_css_default.subscriptionCard,
-																	"data-testid": "billing-subscription-card",
-																	children: [
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																			className: UsageBilling_module_css_default.subscriptionHead,
-																			children: [
-																				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																					className: UsageBilling_module_css_default.subscriptionName,
-																					children: providerName(quota.displayName)
-																				}),
-																				quota.planType === "code" && (() => {
-																					const tier = tierInfoOf(quota.provider);
-																					const tierFee = tier !== void 0 ? t("billing.subscriptionFeePerMonth").replace("{amount}", tier.currency === "USD" ? `$${tier.amount}` : `¥${tier.amount}`) : void 0;
-																					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																						className: UsageBilling_module_css_default.subscriptionPlan,
-																						"data-kind": "code",
-																						children: [
-																							tierFee ?? (quota.subscriptionAmount !== void 0 && quota.subscriptionAmount > 0 ? t("billing.subscriptionFeePerMonth").replace("{amount}", money(quota.subscriptionAmount)) : t("billing.planTypeCode")),
-																							tier?.label !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																								className: UsageBilling_module_css_default.subscriptionTier,
-																								"data-testid": `billing-tier-${quota.provider}`,
-																								children: tier.label
-																							}),
-																							tier !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																								className: UsageBilling_module_css_default.subscriptionAuto,
-																								"data-testid": `billing-auto-${quota.provider}`,
-																								children: t("billing.subscriptionAutoDetect")
-																							})
-																						]
-																					});
-																				})(),
-																				quota.planType === "token" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																					className: UsageBilling_module_css_default.subscriptionPlan,
-																					"data-kind": "token",
-																					children: t("billing.planTypeToken")
-																				}),
-																				quota.plan !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																					className: UsageBilling_module_css_default.subscriptionPlan,
-																					children: quota.plan
-																				})
-																			]
+																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																				className: UsageBilling_module_css_default.modelProvider,
+																				children: providerName(row.provider)
+																			})] })
+																		}) }),
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+																			className: UsageBilling_module_css_default.numCol,
+																			children: row.calls.toLocaleString()
 																		}),
-																		statusText !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																			className: UsageBilling_module_css_default.subscriptionStatus,
-																			children: statusText
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+																			className: UsageBilling_module_css_default.numCol,
+																			children: formatTokens(row.input)
 																		}),
-																		quota.windows.length === 0 && statusText === "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																			className: UsageBilling_module_css_default.subscriptionStatus,
-																			children: t("billing.subscriptionNoApi")
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+																			className: UsageBilling_module_css_default.numCol,
+																			children: formatTokens(row.output)
 																		}),
-																		quota.windows.map((window) => (() => {
-																			const used = Math.min(100, Math.max(0, window.usedPercent));
-																			const exhausted = Math.min(100, Math.max(0, window.remainingPercent)) <= 0;
-																			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																				className: UsageBilling_module_css_default.subscriptionWindow,
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+																			className: UsageBilling_module_css_default.numCol,
+																			children: formatPercent(row.cacheHitRate)
+																		}),
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+																			className: UsageBilling_module_css_default.numCol,
+																			children: row.plan ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																				className: UsageBilling_module_css_default.planTag,
+																				children: t("billing.subscriptionIncluded")
+																			}) : row.actual !== void 0 ? (() => {
+																				const official = row.officialCost;
+																				const third = row.actual - official;
+																				if (official > 0 && third > 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																					className: UsageBilling_module_css_default.bucketCost,
+																					children: [
+																						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																							className: UsageBilling_module_css_default.bucketOfficial,
+																							children: money(official)
+																						}),
+																						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																							className: UsageBilling_module_css_default.bucketSep,
+																							children: "/"
+																						}),
+																						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																							className: UsageBilling_module_css_default.bucketThird,
+																							children: money(third)
+																						})
+																					]
+																				});
+																				return money(row.actual);
+																			})() : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																				className: UsageBilling_module_css_default.na,
+																				children: "—"
+																			})
+																		})
+																	] }, row.key)) })]
+																})
+															}),
+															group.subscriptions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: UsageBilling_module_css_default.subscriptionGrid,
+																"data-testid": "billing-subscriptions-grid",
+																children: group.subscriptions.map((quota) => {
+																	const statusText = subscriptionStatusText(quota.status, t);
+																	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																		className: UsageBilling_module_css_default.subscriptionCard,
+																		"data-testid": "billing-subscription-card",
+																		children: [
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																				className: UsageBilling_module_css_default.subscriptionHead,
 																				children: [
 																					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																						className: UsageBilling_module_css_default.subscriptionWindowLabel,
-																						children: subscriptionWindowLabel(window.kind, t)
+																						className: UsageBilling_module_css_default.subscriptionName,
+																						children: providerName(quota.displayName)
 																					}),
-																					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																						className: UsageBilling_module_css_default.subscriptionTrack,
-																						"aria-hidden": "true",
-																						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																							className: clsx(UsageBilling_module_css_default.subscriptionFill, used >= 100 && UsageBilling_module_css_default.subscriptionFillOver, used >= 80 && used < 100 && UsageBilling_module_css_default.subscriptionFillWarn),
-																							style: { width: `${used}%` }
-																						})
+																					quota.planType === "code" && (() => {
+																						const tier = tierInfoOf(quota.provider);
+																						const tierFee = tier !== void 0 ? t("billing.subscriptionFeePerMonth").replace("{amount}", tier.currency === "USD" ? `$${tier.amount}` : `¥${tier.amount}`) : void 0;
+																						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																							className: UsageBilling_module_css_default.subscriptionPlan,
+																							"data-kind": "code",
+																							children: [
+																								tierFee ?? (quota.subscriptionAmount !== void 0 && quota.subscriptionAmount > 0 ? t("billing.subscriptionFeePerMonth").replace("{amount}", money(quota.subscriptionAmount)) : t("billing.planTypeCode")),
+																								tier?.label !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																									className: UsageBilling_module_css_default.subscriptionTier,
+																									"data-testid": `billing-tier-${quota.provider}`,
+																									children: tier.label
+																								}),
+																								tier !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																									className: UsageBilling_module_css_default.subscriptionAuto,
+																									"data-testid": `billing-auto-${quota.provider}`,
+																									children: t("billing.subscriptionAutoDetect")
+																								})
+																							]
+																						});
+																					})(),
+																					quota.planType === "token" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																						className: UsageBilling_module_css_default.subscriptionPlan,
+																						"data-kind": "token",
+																						children: t("billing.planTypeToken")
 																					}),
-																					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																						className: UsageBilling_module_css_default.subscriptionMeta,
-																						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																							className: clsx(UsageBilling_module_css_default.subscriptionPct, exhausted && UsageBilling_module_css_default.subscriptionExhausted),
-																							children: exhausted ? t("billing.subscriptionExhausted") : t("billing.subscriptionRemaining").replace("{pct}", String(window.remainingPercent))
-																						}), window.resetsAt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																							className: UsageBilling_module_css_default.subscriptionReset,
-																							children: t("billing.subscriptionReset").replace("{date}", `${localDayStamp(new Date(window.resetsAt).getTime())} ${formatClock(new Date(window.resetsAt).getTime())}`)
-																						})]
+																					quota.plan !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																						className: UsageBilling_module_css_default.subscriptionPlan,
+																						children: quota.plan
 																					})
 																				]
-																			}, window.kind);
-																		})())
-																	]
-																}, quota.provider);
+																			}),
+																			statusText !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																				className: UsageBilling_module_css_default.subscriptionStatus,
+																				children: statusText
+																			}),
+																			quota.windows.length === 0 && statusText === "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																				className: UsageBilling_module_css_default.subscriptionStatus,
+																				children: t("billing.subscriptionNoApi")
+																			}),
+																			quota.windows.map((window) => (() => {
+																				const used = Math.min(100, Math.max(0, window.usedPercent));
+																				const exhausted = Math.min(100, Math.max(0, window.remainingPercent)) <= 0;
+																				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																					className: UsageBilling_module_css_default.subscriptionWindow,
+																					children: [
+																						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																							className: UsageBilling_module_css_default.subscriptionWindowLabel,
+																							children: subscriptionWindowLabel(window.kind, t)
+																						}),
+																						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																							className: UsageBilling_module_css_default.subscriptionTrack,
+																							"aria-hidden": "true",
+																							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																								className: clsx(UsageBilling_module_css_default.subscriptionFill, used >= 100 && UsageBilling_module_css_default.subscriptionFillOver, used >= 80 && used < 100 && UsageBilling_module_css_default.subscriptionFillWarn),
+																								style: { width: `${used}%` }
+																							})
+																						}),
+																						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																							className: UsageBilling_module_css_default.subscriptionMeta,
+																							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																								className: clsx(UsageBilling_module_css_default.subscriptionPct, exhausted && UsageBilling_module_css_default.subscriptionExhausted),
+																								children: exhausted ? t("billing.subscriptionExhausted") : t("billing.subscriptionRemaining").replace("{pct}", String(window.remainingPercent))
+																							}), window.resetsAt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																								className: UsageBilling_module_css_default.subscriptionReset,
+																								children: t("billing.subscriptionReset").replace("{date}", `${localDayStamp(new Date(window.resetsAt).getTime())} ${formatClock(new Date(window.resetsAt).getTime())}`)
+																							})]
+																						})
+																					]
+																				}, window.kind);
+																			})())
+																		]
+																	}, quota.provider);
+																})
 															})
-														})
-													]
-												}, group.name))
-											})]
+														]
+													}, group.name))
+												})
+											]
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											className: UsageBilling_module_css_default.exportBar,
@@ -6443,7 +6654,9 @@ window.__ModuleLoader__.load({
 			const [stats, setStats] = (0, react.useState)(EMPTY_STATS);
 			const [health, setHealth] = (0, react.useState)(IDLE_HEALTH);
 			const [balances, setBalances] = (0, react.useState)([]);
+			const [reconcile, setReconcile] = (0, react.useState)(void 0);
 			const [quotas, setQuotas] = (0, react.useState)([]);
+			const [quotasStale, setQuotasStale] = (0, react.useState)(false);
 			const [relayQuotas, setRelayQuotas] = (0, react.useState)([]);
 			const [currency, setCurrency] = (0, react.useState)("cny");
 			const [floatPrefs, setFloatPrefs] = (0, react.useState)(() => loadFloatWindowPrefs());
@@ -6470,8 +6683,16 @@ window.__ModuleLoader__.load({
 				fetchBalances().then((list) => {
 					if (list.length > 0) setBalances(list);
 				});
+				fetchReconcile().then((notice) => {
+					setReconcile(notice);
+				});
 				fetchSubscriptions().then((list) => {
-					if (list.length > 0) setQuotas(list);
+					if (list.length > 0) {
+						setQuotas(list);
+						setQuotasStale(false);
+					} else setQuotasStale(false);
+				}).catch(() => {
+					setQuotasStale(true);
 				});
 				fetchRelayQuotas().then((list) => {
 					if (list.length > 0) setRelayQuotas(list);
@@ -6719,6 +6940,7 @@ window.__ModuleLoader__.load({
 					onClose: close,
 					health,
 					balances,
+					...reconcile === void 0 ? {} : { reconcile },
 					quotas,
 					relayQuotas,
 					currency,
@@ -6733,7 +6955,8 @@ window.__ModuleLoader__.load({
 					onPeakConfig: updatePeakConfig,
 					onPreviewPeak: previewPeak,
 					floatPrefs,
-					onFloatPrefs: updateFloatPrefs
+					onFloatPrefs: updateFloatPrefs,
+					quotasStale
 				}),
 				(peakHit !== null || peakPreview !== null) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PeakAlertBanner, {
 					hit: peakHit ?? peakPreview,