npm - @kenz1117/dsh-ui-usage-billing - Versions diffs - 0.9.20 → 1.0.0 - Mend

@kenz1117/dsh-ui-usage-billing 0.9.20 → 1.0.0

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 (9) hide show

package/README.en.md +1 -1
package/README.md +1 -1
package/lib/client.js +1441 -1096
package/lib/index.js +31 -1
package/lib/types/client/PeakAlertBanner.d.ts +2 -2
package/lib/types/client/PluginInfoCard.d.ts +4 -3
package/lib/types/client/locales.d.ts +1 -1
package/package.json +1 -1
package/lib/types/plans.d.ts +0 -39

package/lib/client.js CHANGED Viewed

@@ -60,7 +60,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_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 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 var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);width:100%;min-width:0;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;box-shadow:0 1px 2px #0000000a}.VWh0dG_trigger:hover,.VWh0dG_trigger:focus-visible{border-color:var(--dsw-static-blue-500);box-shadow:0 6px 18px -8px color-mix(in srgb, var(--dsw-static-blue-500) 45%, transparent);outline:none;transform:translateY(-1px)}.VWh0dG_triggerIcon{border:1px solid var(--dsw-alias-border-l1);width:32px;height:32px;color:var(--dsw-alias-label-secondary);opacity:.8;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.VWh0dG_triggerIcon svg{stroke-width:2px;width:16px;height:16px}.VWh0dG_triggerMain{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.VWh0dG_triggerPrimary{align-items:baseline;gap:5px;min-width:0;display:inline-flex}.VWh0dG_triggerLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;line-height:15px;overflow:hidden}.VWh0dG_triggerYen{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;line-height:16px}.VWh0dG_triggerMetric{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:20px;font-weight:700;line-height:24px;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_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<=200px){.VWh0dG_trigger{gap:6px;padding:8px 10px}.VWh0dG_triggerSpark{display:none}}@container VWh0dG_billing-trigger (width<=170px){.VWh0dG_triggerSub,.VWh0dG_triggerLabel{display:none}}@container VWh0dG_billing-trigger (width<=110px){.VWh0dG_triggerIcon,.VWh0dG_triggerSpark,.VWh0dG_triggerSub,.VWh0dG_triggerLabel{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_popHead{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.VWh0dG_popTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:700;line-height:18px}.VWh0dG_metricGrid{grid-template-columns:repeat(3,1fr);gap:10px 8px;display:grid}.VWh0dG_metricCell{flex-direction:column;gap:2px;min-width:0;display:flex}.VWh0dG_metricLabel{color:var(--dsw-alias-label-tertiary);font-size:10px;line-height:14px}.VWh0dG_metricValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700;line-height:16px}.VWh0dG_metricValuePrimary{color:var(--dsw-static-amber-500)}.VWh0dG_metricValueSuccess{color:var(--dsw-static-green-500)}.VWh0dG_popModel{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:6px;padding-top:10px;display:flex}.VWh0dG_popModelLabel{color:var(--dsw-alias-label-tertiary);font-size:10px;line-height:14px}.VWh0dG_popModelRow{align-items:center;gap:8px;min-width:0;display:flex}.VWh0dG_popDot{border-radius:999px;flex:none;width:6px;height:6px}.VWh0dG_popDotDirect{background:var(--dsw-static-green-500)}.VWh0dG_popDotSub{background:var(--dsw-static-amber-500)}.VWh0dG_popDotNeutral{background:var(--dsw-alias-label-tertiary)}.VWh0dG_popTagPrimary,.VWh0dG_popTagSub{white-space:nowrap;border-radius:5px;flex:none;align-items:center;height:18px;padding:0 6px;font-size:10px;font-weight:600;line-height:14px;display:inline-flex}.VWh0dG_popTagPrimary{background:color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent);color:var(--dsw-static-blue-500)}.VWh0dG_popTagSub{background:color-mix(in srgb, var(--dsw-static-amber-500) 18%, transparent);color:var(--dsw-static-amber-500)}.VWh0dG_popModelName{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:16px;overflow:hidden}.VWh0dG_popModelStatus{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:600;line-height:16px}.VWh0dG_popModelStatusLow{color:var(--dsw-static-red-500)}.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);border-radius:16px;width:min(760px,100vw - 48px);max-height:min(760px,88vh);animation:.18s ease-out VWh0dG_dashboardIn;box-shadow:0 12px 32px -12px #0000002e,0 2px 8px #0000000f}@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:center;gap:12px;padding:20px 24px;display:flex}.VWh0dG_dashboardTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:16px;font-weight:600;line-height:24px}.VWh0dG_dashboardSubtitle{color:var(--dsw-alias-label-caption);margin:2px 0 0;font-size:11px;line-height:16px}.VWh0dG_closeButton{border:1px solid var(--dsw-alias-border-l1);width:32px;height:32px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background-color .14s,color .14s;display:inline-flex}.VWh0dG_closeButton:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.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_modalFooter{border-top:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-tertiary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;font-size:11px;line-height:16px;display:flex}.VWh0dG_tabNav{border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:4px;padding:0 24px;display:flex}.VWh0dG_tabButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;margin:8px 0;padding:6px 12px;font-size:13px;font-weight:500;line-height:20px;transition:background-color .16s,color .16s}.VWh0dG_tabButton:hover,.VWh0dG_tabButton:focus-visible{color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-bg-layer-3) 62%, transparent);outline:none}.VWh0dG_tabButtonActive,.VWh0dG_tabButtonActive:hover,.VWh0dG_tabButtonActive:focus-visible{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);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:var(--dsw-alias-bg-layer-2);border-radius:12px;flex-direction:column;gap:18px;padding: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);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:22px;font-weight:600;line-height:28px}.VWh0dG_heroValue{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);font-size:40px;font-weight:700;line-height:48px}.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_heroBudget{border-top:1px solid var(--dsw-alias-border-l1);align-items:center;gap:14px;padding-top:14px;display:flex}.VWh0dG_heroBudgetLabel{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none;font-size:11px;line-height:16px}.VWh0dG_heroBudgetTrack{background:var(--dsw-alias-border-l1);border-radius:999px;flex:1;min-width:0;height:6px;overflow:hidden}.VWh0dG_heroBudgetFill{background:var(--dsw-static-blue-500);border-radius:999px;height:100%;transition:width .22s}.VWh0dG_heroBudgetFillOver{background:var(--dsw-static-red-500)}.VWh0dG_heroBudgetValue{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:11px;line-height:16px}.VWh0dG_heroSide{border-top:1px solid var(--dsw-alias-border-l1);align-items:stretch;padding-top:14px;display:flex}.VWh0dG_heroSideItem{border-left:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:1;gap:3px;min-width:0;padding-left:16px;display:flex}.VWh0dG_heroSideItem:first-child{border-left:none;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-2);border-radius:12px;flex-direction:column;gap:3px;padding:16px;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:24px;font-weight:600;line-height:32px}.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-2);border-radius:12px;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_ubAlert{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 30%, transparent);background:color-mix(in srgb, var(--dsw-static-blue-500) 8%, transparent);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:12px;line-height:17px;display:flex}.VWh0dG_ubAlertLeft{align-items:center;gap:8px;display:inline-flex}.VWh0dG_ubRate{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_ubAlertNote{color:var(--dsw-alias-label-secondary);margin:0}.VWh0dG_ubTag,.VWh0dG_ubTagSuccess,.VWh0dG_ubTagNeutral,.VWh0dG_ubTagAlert{white-space:nowrap;border-radius:999px;align-items:center;height:18px;padding:0 7px;font-size:10px;font-weight:600;line-height:14px;display:inline-flex}.VWh0dG_ubTagSuccess{background:color-mix(in srgb, var(--dsw-static-green-500) 14%, transparent);color:var(--dsw-static-green-500)}.VWh0dG_ubTagNeutral{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary)}.VWh0dG_ubTagAlert{background:color-mix(in srgb, var(--dsw-static-amber-500) 16%, transparent);color:var(--dsw-static-amber-500)}.VWh0dG_ubCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:12px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.VWh0dG_ubCardHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_ubCardTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_ubCardSub{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_ubTablewrap{border:1px solid var(--dsw-alias-border-l1);border-radius:10px;overflow:auto}.VWh0dG_ubTable{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12.5px}.VWh0dG_ubTable th,.VWh0dG_ubTable td{border-bottom:1px solid var(--dsw-alias-border-l1);text-align:left;padding:9px 12px}.VWh0dG_ubTable tbody tr:last-child td{border-bottom:0}.VWh0dG_ubTable thead th{color:var(--dsw-alias-label-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.VWh0dG_ubModel{align-items:center;gap:8px;display:inline-flex}.VWh0dG_ubModelDot{border-radius:50%;flex:none;width:9px;height:9px}.VWh0dG_ubModelName{color:var(--dsw-alias-label-primary);align-items:center;gap:6px;font-weight:500;display:inline-flex}.VWh0dG_ubPricepair{flex-wrap:wrap;gap:6px;display:inline-flex}.VWh0dG_ubChipPeak,.VWh0dG_ubChipOff{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;height:20px;padding:0 8px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_ubChipLabel{font-size:10px;font-weight:600}.VWh0dG_ubChipPeak{background:color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent);color:var(--dsw-static-blue-500)}.VWh0dG_ubChipOff{background:color-mix(in srgb, var(--dsw-static-green-500) 14%, transparent);color:var(--dsw-static-green-500)}.VWh0dG_ubNotes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.VWh0dG_ubNotesItem{align-items:baseline;gap:10px;display:flex}.VWh0dG_ubNotesTerm{color:var(--dsw-alias-label-primary);flex:0 0 72px;font-size:12px;font-weight:500}.VWh0dG_ubNotesDesc{min-width:0;color:var(--dsw-alias-label-secondary);flex:1;font-size:12px;line-height:17px}.VWh0dG_ubCardControlGroup{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.VWh0dG_ubTagError{white-space:nowrap;background:color-mix(in srgb, var(--dsw-static-red-500) 14%, transparent);height:18px;color:var(--dsw-static-red-500);border-radius:999px;align-items:center;padding:0 7px;font-size:10px;font-weight:600;line-height:14px;display:inline-flex}.VWh0dG_ubStatGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.VWh0dG_ubStatCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.VWh0dG_ubStatLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_ubStatValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:700;line-height:28px}.VWh0dG_ubStatDetail{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px;line-height:16px}.VWh0dG_rowlist{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.VWh0dG_rowline{width:100%;min-width:0;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;transition:background-color .14s,border-color .14s;display:flex}.VWh0dG_rowline:hover{background:color-mix(in srgb, var(--dsw-alias-bg-layer-3) 60%, transparent);border-color:var(--dsw-alias-border-l1)}.VWh0dG_rowlineName{min-width:0;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;font-weight:500;overflow:hidden}.VWh0dG_rowlineRight{font-variant-numeric:tabular-nums;flex:none;align-items:baseline;gap:8px;display:inline-flex}.VWh0dG_rowlineMuted{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_rowlineChev{color:var(--dsw-alias-label-tertiary);font-size:14px}.VWh0dG_rowlineDrillWrap{padding-left:12px}.VWh0dG_rowlineDrill{border-left:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;font-size:12px;display:flex}.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_feeBar{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_feeCount{color:var(--dsw-alias-label-primary);font-weight:600}.VWh0dG_feeSuffix{color:var(--dsw-alias-label-tertiary)}.VWh0dG_feeItem{color:var(--dsw-alias-label-secondary);white-space:nowrap}.VWh0dG_feeNum{color:var(--dsw-alias-label-primary)}.VWh0dG_feeSep{color:var(--dsw-alias-label-tertiary)}.VWh0dG_feeChipPrimary,.VWh0dG_feeChipOff,.VWh0dG_feeChipAlert,.VWh0dG_feeChipError{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;height:20px;padding:0 8px;font-size:10px;font-weight:600;line-height:14px;display:inline-flex}.VWh0dG_feeChipPrimary{background:color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent);color:var(--dsw-static-blue-500)}.VWh0dG_feeChipOff{background:color-mix(in srgb, var(--dsw-static-green-500) 14%, transparent);color:var(--dsw-static-green-500)}.VWh0dG_feeChipAlert{background:color-mix(in srgb, var(--dsw-static-amber-500) 16%, transparent);color:var(--dsw-static-amber-500)}.VWh0dG_feeChipError{background:color-mix(in srgb, var(--dsw-static-red-500) 14%, transparent);color:var(--dsw-static-red-500)}.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{background:var(--dsw-alias-bg-layer-3);border:none;border-radius:8px;align-items:center;gap:2px;margin-right:8px;padding:2px;display:inline-flex}.VWh0dG_currencyButton{color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1}.VWh0dG_currencyButtonActive{background:var(--dsw-alias-bg-layer-2);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);white-space:nowrap;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_plgHead{align-items:flex-start;gap:12px;display:flex}.VWh0dG_plgIcon{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);width:40px;height:40px;color:var(--dsw-alias-label-secondary);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.VWh0dG_plgTitle{flex-direction:column;gap:4px;min-width:0;display:flex}.VWh0dG_plgNameRow{align-items:center;gap:8px;display:flex}.VWh0dG_plgName{color:var(--dsw-alias-label-primary);margin:0;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_plgTag{height:18px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-3);white-space:nowrap;border-radius:5px;align-items:center;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}.VWh0dG_plgDesc{color:var(--dsw-alias-label-secondary);margin:0;font-size:11px;line-height:16px}.VWh0dG_plgGrid{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px;display:grid}.VWh0dG_plgItem{flex-direction:column;gap:2px;min-width:0;display:flex}.VWh0dG_plgLabel{color:var(--dsw-alias-label-tertiary);font-size:10px;line-height:14px}.VWh0dG_plgVal{color:var(--dsw-alias-label-primary);word-break:break-all;font-size:12px;line-height:17px}.VWh0dG_plgLink{color:var(--dsw-static-blue-500);word-break:break-all;font-size:12px;line-height:17px;text-decoration:none}.VWh0dG_plgLink:hover{text-decoration:underline}.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_peakCard{z-index:2000;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 82%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.2);border-radius:12px;flex-direction:column;gap:8px;min-width:280px;max-width:380px;padding:16px;animation:.2s VWh0dG_peakAlertIn;display:flex;position:fixed;box-shadow:0 4px 16px #00000014}.VWh0dG_peakCardCorner{bottom:18px;right:18px}.VWh0dG_peakCardCenter{top:20%;left:50%;transform:translate(-50%)}.VWh0dG_peakCardPeak{color:var(--dsw-static-blue-500)}.VWh0dG_peakCardOff{color:var(--dsw-static-green-500)}.VWh0dG_peakHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.VWh0dG_peakTag{white-space:nowrap;border-radius:6px;align-items:center;gap:6px;height:20px;padding:0 8px;font-size:11px;font-weight:600;line-height:14px;display:inline-flex}.VWh0dG_peakTagPrimary{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-static-blue-500)}.VWh0dG_peakTagSuccess{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-static-green-500)}.VWh0dG_peakDot{border-radius:999px;flex:none;width:6px;height:6px}.VWh0dG_peakDotPrimary{background:var(--dsw-static-blue-500)}.VWh0dG_peakDotSuccess{background:var(--dsw-static-green-500)}.VWh0dG_peakClose{width:24px;height:24px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:background-color .14s,color .14s;display:inline-flex}.VWh0dG_peakClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.VWh0dG_peakCount{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:34px}.VWh0dG_peakCountPrimary{color:var(--dsw-static-blue-500)}.VWh0dG_peakCountSuccess{color:var(--dsw-static-green-500)}.VWh0dG_peakDesc{color:var(--dsw-alias-label-secondary);margin:0;font-size:12px;line-height:18px}@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_setCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:12px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.VWh0dG_setCardHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.VWh0dG_setCardMeta{flex-direction:column;gap:4px;min-width:0;display:flex}.VWh0dG_setCardTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_setCardDesc{color:var(--dsw-alias-label-secondary);margin:0;font-size:11px;line-height:16px}.VWh0dG_ctlCol{flex-direction:column;gap:10px;padding-top:2px;display:flex}.VWh0dG_ctlRow{align-items:center;gap:12px;min-height:28px;display:flex}.VWh0dG_ctlRowStretch{display:flex}.VWh0dG_ctlLabel{color:var(--dsw-alias-label-secondary);flex:0 0 96px;font-size:11px;line-height:16px}.VWh0dG_ctlGroup{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.VWh0dG_rdo{color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:12px;line-height:16px;display:inline-flex}.VWh0dG_rdo input{opacity:0;pointer-events:none;position:absolute}.VWh0dG_rdoDot{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:50%;flex:none;width:14px;height:14px;position:relative}.VWh0dG_rdo input:checked+.VWh0dG_rdoDot{border-color:var(--dsw-static-blue-500)}.VWh0dG_rdo input:checked+.VWh0dG_rdoDot:after{content:\"\";background:var(--dsw-static-blue-500);border-radius:50%;position:absolute;inset:3px}.VWh0dG_inp{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:6px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.VWh0dG_affix{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_sel{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:6px;padding:3px 8px;font-size:12px;line-height:16px}.VWh0dG_prog{background:var(--dsw-alias-bg-module-platform);border-radius:999px;flex:1;min-width:0;height:6px;overflow:hidden}.VWh0dG_progFill{background:var(--dsw-static-blue-500);border-radius:999px;height:100%;transition:width .2s}.VWh0dG_btn{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;line-height:16px;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex}.VWh0dG_btn:hover{border-color:var(--dsw-static-blue-500);color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-static-blue-500) 12%, var(--dsw-alias-bg-layer-1))}.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");
@@ -70,347 +70,456 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var UsageBilling_module_css_default = {
-			"shareSegUser": "VWh0dG_shareSegUser",
-			"budgetFillWarn": "VWh0dG_budgetFillWarn",
-			"chartTooltipRow": "VWh0dG_chartTooltipRow",
-			"rateBadgeLive": "VWh0dG_rateBadgeLive",
-			"siteKindUnknown": "VWh0dG_siteKindUnknown",
-			"triggerSub": "VWh0dG_triggerSub",
-			"subscriptionFillWarn": "VWh0dG_subscriptionFillWarn",
-			"roundsFlagMark": "VWh0dG_roundsFlagMark",
-			"floatTargets": "VWh0dG_floatTargets",
-			"bucketStatLabel": "VWh0dG_bucketStatLabel",
-			"providerGroupName": "VWh0dG_providerGroupName",
-			"floatModeBtn": "VWh0dG_floatModeBtn",
-			"floatSub": "VWh0dG_floatSub",
-			"budgetFillOver": "VWh0dG_budgetFillOver",
-			"numCol": "VWh0dG_numCol",
-			"tokenModelPartOut": "VWh0dG_tokenModelPartOut",
+			"tabPanel": "VWh0dG_tabPanel",
+			"tabButton": "VWh0dG_tabButton",
+			"subscriptionReset": "VWh0dG_subscriptionReset",
+			"triggerPopTitleMonth": "VWh0dG_triggerPopTitleMonth",
+			"peakAlertPanelLabel": "VWh0dG_peakAlertPanelLabel",
+			"triggerPopStrong": "VWh0dG_triggerPopStrong",
+			"peakDotSuccess": "VWh0dG_peakDotSuccess",
+			"subscriptionPlan": "VWh0dG_subscriptionPlan",
+			"triggerPopMetricLabel": "VWh0dG_triggerPopMetricLabel",
+			"rowlineChev": "VWh0dG_rowlineChev",
+			"peakCardOff": "VWh0dG_peakCardOff",
+			"ubStatLabel": "VWh0dG_ubStatLabel",
+			"peakAlertCheck": "VWh0dG_peakAlertCheck",
+			"triggerIcon": "VWh0dG_triggerIcon",
+			"heatmapCell": "VWh0dG_heatmapCell",
+			"ubCardTitle": "VWh0dG_ubCardTitle",
+			"currencyButtonActive": "VWh0dG_currencyButtonActive",
+			"shareItem": "VWh0dG_shareItem",
+			"rounds": "VWh0dG_rounds",
+			"heatmapFooter": "VWh0dG_heatmapFooter",
+			"roundsBarLabel": "VWh0dG_roundsBarLabel",
+			"progFill": "VWh0dG_progFill",
+			"healthBad": "VWh0dG_healthBad",
+			"trigger": "VWh0dG_trigger",
+			"chartTooltip": "VWh0dG_chartTooltip",
+			"subscriptionFill": "VWh0dG_subscriptionFill",
+			"pluginInfoLink": "VWh0dG_pluginInfoLink",
+			"peakCardCorner": "VWh0dG_peakCardCorner",
+			"peakAlertPanelHead": "VWh0dG_peakAlertPanelHead",
+			"triggerPopBadgeDirect": "VWh0dG_triggerPopBadgeDirect",
+			"peakTagPrimary": "VWh0dG_peakTagPrimary",
+			"peakAlertPanelBody": "VWh0dG_peakAlertPanelBody",
+			"currencyToggle": "VWh0dG_currencyToggle",
+			"bucketStat": "VWh0dG_bucketStat",
+			"rowlist": "VWh0dG_rowlist",
 			"rangeToggle": "VWh0dG_rangeToggle",
-			"peakAlertPreview": "VWh0dG_peakAlertPreview",
-			"chartStack": "VWh0dG_chartStack",
-			"triggerSparkHot": "VWh0dG_triggerSparkHot",
-			"budgetFill": "VWh0dG_budgetFill",
-			"liveTierOff": "VWh0dG_liveTierOff",
-			"roundsAxis": "VWh0dG_roundsAxis",
+			"setCardMeta": "VWh0dG_setCardMeta",
+			"bucketStatLabel": "VWh0dG_bucketStatLabel",
+			"costCol": "VWh0dG_costCol",
+			"chartSvg": "VWh0dG_chartSvg",
+			"triggerPopMetric": "VWh0dG_triggerPopMetric",
+			"rowlineDrillWrap": "VWh0dG_rowlineDrillWrap",
+			"popTagSub": "VWh0dG_popTagSub",
+			"ubTable": "VWh0dG_ubTable",
+			"heatmapYearScroll": "VWh0dG_heatmapYearScroll",
+			"heroGaugePctOver": "VWh0dG_heroGaugePctOver",
+			"tokenModelShareRow": "VWh0dG_tokenModelShareRow",
+			"peakDesc": "VWh0dG_peakDesc",
+			"subscriptionTier": "VWh0dG_subscriptionTier",
+			"providerGroup": "VWh0dG_providerGroup",
+			"rowlineDrill": "VWh0dG_rowlineDrill",
+			"feeBar": "VWh0dG_feeBar",
+			"budgetControls": "VWh0dG_budgetControls",
+			"heatmapYearCell": "VWh0dG_heatmapYearCell",
+			"plgNameRow": "VWh0dG_plgNameRow",
+			"bucketCost": "VWh0dG_bucketCost",
+			"triggerPopName": "VWh0dG_triggerPopName",
+			"popModelName": "VWh0dG_popModelName",
+			"unpricedHint": "VWh0dG_unpricedHint",
+			"bandTag": "VWh0dG_bandTag",
+			"peakDotPrimary": "VWh0dG_peakDotPrimary",
+			"setCardDesc": "VWh0dG_setCardDesc",
+			"balanceDetailValue": "VWh0dG_balanceDetailValue",
+			"triggerYen": "VWh0dG_triggerYen",
+			"heroGaugeArcOver": "VWh0dG_heroGaugeArcOver",
+			"heatmapYearMonths": "VWh0dG_heatmapYearMonths",
 			"subscriptionWindow": "VWh0dG_subscriptionWindow",
-			"pricingChevronOpen": "VWh0dG_pricingChevronOpen",
-			"balanceDaysBadgeLow": "VWh0dG_balanceDaysBadgeLow",
-			"triggerPopMetricValue": "VWh0dG_triggerPopMetricValue",
-			"triggerPopBadgeDirect": "VWh0dG_triggerPopBadgeDirect",
-			"roundsBarColPeak": "VWh0dG_roundsBarColPeak",
-			"roundsBarColOff": "VWh0dG_roundsBarColOff",
-			"peakAlertCenter": "VWh0dG_peakAlertCenter",
+			"floatTarget": "VWh0dG_floatTarget",
+			"prog": "VWh0dG_prog",
+			"ubModel": "VWh0dG_ubModel",
+			"popTagPrimary": "VWh0dG_popTagPrimary",
+			"triggerPopBars": "VWh0dG_triggerPopBars",
+			"heroSideItem": "VWh0dG_heroSideItem",
+			"providerGroupBadge": "VWh0dG_providerGroupBadge",
+			"deltaDown": "VWh0dG_deltaDown",
+			"triggerPopBadgeSub": "VWh0dG_triggerPopBadgeSub",
 			"triggerPopMetricHighlight": "VWh0dG_triggerPopMetricHighlight",
-			"modelTable": "VWh0dG_modelTable",
-			"pluginInfoLabel": "VWh0dG_pluginInfoLabel",
-			"heroGauge": "VWh0dG_heroGauge",
-			"triggerPopValueStack": "VWh0dG_triggerPopValueStack",
-			"triggerPopSwitchBtn": "VWh0dG_triggerPopSwitchBtn",
-			"shareSeg": "VWh0dG_shareSeg",
-			"billing-trigger": "VWh0dG_billing-trigger",
-			"deltaUp": "VWh0dG_deltaUp",
-			"heroTop": "VWh0dG_heroTop",
-			"budgetInputWrap": "VWh0dG_budgetInputWrap",
-			"balanceDetailGrid": "VWh0dG_balanceDetailGrid",
-			"peakAlertPanelLabel": "VWh0dG_peakAlertPanelLabel",
+			"floatModeRow": "VWh0dG_floatModeRow",
+			"popHead": "VWh0dG_popHead",
+			"pricingTable": "VWh0dG_pricingTable",
+			"panel": "VWh0dG_panel",
 			"budgetValue": "VWh0dG_budgetValue",
-			"healthBadgeOk": "VWh0dG_healthBadgeOk",
-			"triggerPopBadge": "VWh0dG_triggerPopBadge",
-			"liveCostItem": "VWh0dG_liveCostItem",
-			"kpiLabel": "VWh0dG_kpiLabel",
+			"peakAlertPanel": "VWh0dG_peakAlertPanel",
+			"reconcileIcon": "VWh0dG_reconcileIcon",
 			"siteRowCost": "VWh0dG_siteRowCost",
-			"roundsEmpty": "VWh0dG_roundsEmpty",
-			"peakAlertOff": "VWh0dG_peakAlertOff",
-			"subscriptionFillOver": "VWh0dG_subscriptionFillOver",
-			"panel": "VWh0dG_panel",
-			"heroGaugeCenter": "VWh0dG_heroGaugeCenter",
+			"staleNotice": "VWh0dG_staleNotice",
+			"peakTagSuccess": "VWh0dG_peakTagSuccess",
+			"popDotNeutral": "VWh0dG_popDotNeutral",
+			"triggerPopFootStrong": "VWh0dG_triggerPopFootStrong",
+			"rateBadgeLive": "VWh0dG_rateBadgeLive",
+			"metricCell": "VWh0dG_metricCell",
+			"siteKindSite": "VWh0dG_siteKindSite",
+			"hero": "VWh0dG_hero",
+			"ubTagSuccess": "VWh0dG_ubTagSuccess",
+			"ctlRow": "VWh0dG_ctlRow",
+			"ctlCol": "VWh0dG_ctlCol",
+			"rdo": "VWh0dG_rdo",
+			"budgetOverPulse": "VWh0dG_budgetOverPulse",
+			"plgTag": "VWh0dG_plgTag",
+			"heroSideSpacer": "VWh0dG_heroSideSpacer",
 			"chartBarPlaceholder": "VWh0dG_chartBarPlaceholder",
-			"heroReadout": "VWh0dG_heroReadout",
-			"modelProvider": "VWh0dG_modelProvider",
-			"subscriptionGrid": "VWh0dG_subscriptionGrid",
-			"roundsBarLabel": "VWh0dG_roundsBarLabel",
-			"heatmapYear": "VWh0dG_heatmapYear",
-			"triggerPopFootNote": "VWh0dG_triggerPopFootNote",
-			"triggerPopFoot": "VWh0dG_triggerPopFoot",
-			"heatmap": "VWh0dG_heatmap",
-			"roundsFlagBadge": "VWh0dG_roundsFlagBadge",
+			"rangeButtonActive": "VWh0dG_rangeButtonActive",
+			"rowlineName": "VWh0dG_rowlineName",
+			"peakAlertHint": "VWh0dG_peakAlertHint",
+			"switchKnob": "VWh0dG_switchKnob",
+			"siteKindTag": "VWh0dG_siteKindTag",
 			"tokenModelPartIn": "VWh0dG_tokenModelPartIn",
-			"heroSideSpacer": "VWh0dG_heroSideSpacer",
-			"triggerWrap": "VWh0dG_triggerWrap",
-			"shareSegPeak": "VWh0dG_shareSegPeak",
-			"tabPanel": "VWh0dG_tabPanel",
-			"tabButton": "VWh0dG_tabButton",
-			"triggerPopMetrics": "VWh0dG_triggerPopMetrics",
-			"triggerPopHead": "VWh0dG_triggerPopHead",
-			"currencyToggle": "VWh0dG_currencyToggle",
+			"healthOk": "VWh0dG_healthOk",
+			"tabButtonActive": "VWh0dG_tabButtonActive",
+			"bucketStatValue": "VWh0dG_bucketStatValue",
+			"heatmapYear": "VWh0dG_heatmapYear",
+			"kpiTile": "VWh0dG_kpiTile",
+			"dashboard": "VWh0dG_dashboard",
+			"providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
+			"ctlLabel": "VWh0dG_ctlLabel",
+			"balanceDetailLabel": "VWh0dG_balanceDetailLabel",
+			"pricingToggleText": "VWh0dG_pricingToggleText",
+			"popModel": "VWh0dG_popModel",
+			"roundsFlagMark": "VWh0dG_roundsFlagMark",
+			"plgLabel": "VWh0dG_plgLabel",
+			"chartTooltipSwatch": "VWh0dG_chartTooltipSwatch",
+			"modelTable": "VWh0dG_modelTable",
 			"bucketOfficial": "VWh0dG_bucketOfficial",
+			"sel": "VWh0dG_sel",
+			"siteRowCallsLow": "VWh0dG_siteRowCallsLow",
+			"uncataloguedTag": "VWh0dG_uncataloguedTag",
+			"heroBudgetLabel": "VWh0dG_heroBudgetLabel",
+			"heroGaugeTrack": "VWh0dG_heroGaugeTrack",
+			"popTitle": "VWh0dG_popTitle",
+			"popModelStatusLow": "VWh0dG_popModelStatusLow",
+			"triggerPopValue": "VWh0dG_triggerPopValue",
+			"triggerPopMetrics": "VWh0dG_triggerPopMetrics",
+			"panelTitle": "VWh0dG_panelTitle",
+			"ubModelName": "VWh0dG_ubModelName",
+			"pricingTip": "VWh0dG_pricingTip",
+			"balanceDaysLow": "VWh0dG_balanceDaysLow",
+			"siteRow": "VWh0dG_siteRow",
+			"setCard": "VWh0dG_setCard",
+			"subscriptionExhausted": "VWh0dG_subscriptionExhausted",
+			"heatmapYearBody": "VWh0dG_heatmapYearBody",
+			"balanceDetailHead": "VWh0dG_balanceDetailHead",
+			"tableScroll": "VWh0dG_tableScroll",
+			"delta": "VWh0dG_delta",
+			"tokenModelPartOut": "VWh0dG_tokenModelPartOut",
+			"healthIdle": "VWh0dG_healthIdle",
 			"settingsTitle": "VWh0dG_settingsTitle",
-			"railButton": "VWh0dG_railButton",
-			"providerGroupTitle": "VWh0dG_providerGroupTitle",
-			"kpiGrid": "VWh0dG_kpiGrid",
-			"reconcileDismiss": "VWh0dG_reconcileDismiss",
-			"healthBad": "VWh0dG_healthBad",
-			"budgetOverPulse": "VWh0dG_budgetOverPulse",
-			"triggerPopFootTitle": "VWh0dG_triggerPopFootTitle",
-			"siteKindTag": "VWh0dG_siteKindTag",
-			"triggerPopSwitcher": "VWh0dG_triggerPopSwitcher",
-			"triggerAmount": "VWh0dG_triggerAmount",
-			"currencyButtonActive": "VWh0dG_currencyButtonActive",
-			"providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
-			"budgetLabel": "VWh0dG_budgetLabel",
-			"heatmapRangeButton": "VWh0dG_heatmapRangeButton",
-			"bucketStat": "VWh0dG_bucketStat",
-			"tabButtonActive": "VWh0dG_tabButtonActive",
+			"heatmapGrid": "VWh0dG_heatmapGrid",
+			"headTitleRow": "VWh0dG_headTitleRow",
+			"kpiLabel": "VWh0dG_kpiLabel",
+			"peakCountSuccess": "VWh0dG_peakCountSuccess",
 			"peakAlertSelect": "VWh0dG_peakAlertSelect",
-			"triggerPopStrong": "VWh0dG_triggerPopStrong",
-			"emptyRow": "VWh0dG_emptyRow",
-			"liveCostBar": "VWh0dG_liveCostBar",
-			"reconcileIcon": "VWh0dG_reconcileIcon",
-			"planTag": "VWh0dG_planTag",
-			"liveTierPeak": "VWh0dG_liveTierPeak",
-			"subscriptionTier": "VWh0dG_subscriptionTier",
-			"deltaDown": "VWh0dG_deltaDown",
-			"chartLine": "VWh0dG_chartLine",
-			"subscriptionGoldFlow": "VWh0dG_subscriptionGoldFlow",
-			"na": "VWh0dG_na",
-			"modelDot": "VWh0dG_modelDot",
-			"triggerPopFootNotes": "VWh0dG_triggerPopFootNotes",
-			"heroGaugeSvg": "VWh0dG_heroGaugeSvg",
-			"bucketThird": "VWh0dG_bucketThird",
-			"heatmapYearWeekdays": "VWh0dG_heatmapYearWeekdays",
-			"heroSideValue": "VWh0dG_heroSideValue",
-			"triggerPopAlert": "VWh0dG_triggerPopAlert",
+			"exportButton": "VWh0dG_exportButton",
+			"heroBudgetTrack": "VWh0dG_heroBudgetTrack",
+			"shareSeg": "VWh0dG_shareSeg",
+			"triggerWrap": "VWh0dG_triggerWrap",
+			"heroMain": "VWh0dG_heroMain",
+			"roundsEmpty": "VWh0dG_roundsEmpty",
+			"ubPricepair": "VWh0dG_ubPricepair",
+			"subscriptionFillOver": "VWh0dG_subscriptionFillOver",
+			"popModelStatus": "VWh0dG_popModelStatus",
+			"setCardHead": "VWh0dG_setCardHead",
 			"heroLabel": "VWh0dG_heroLabel",
-			"triggerPopMuted": "VWh0dG_triggerPopMuted",
-			"switch": "VWh0dG_switch",
-			"chartLegendLine": "VWh0dG_chartLegendLine",
-			"balanceDaysLow": "VWh0dG_balanceDaysLow",
-			"floatModeRow": "VWh0dG_floatModeRow",
-			"floatModeBtnOn": "VWh0dG_floatModeBtnOn",
-			"heatmapGrid": "VWh0dG_heatmapGrid",
+			"heroTop": "VWh0dG_heroTop",
+			"heroValue": "VWh0dG_heroValue",
+			"roundsFlagBadge": "VWh0dG_roundsFlagBadge",
+			"roundsBarColPeak": "VWh0dG_roundsBarColPeak",
+			"heroBudgetFillOver": "VWh0dG_heroBudgetFillOver",
+			"budgetFillOver": "VWh0dG_budgetFillOver",
+			"plgGrid": "VWh0dG_plgGrid",
+			"ubAlertLeft": "VWh0dG_ubAlertLeft",
 			"providerGroupList": "VWh0dG_providerGroupList",
-			"heroGaugeTrack": "VWh0dG_heroGaugeTrack",
-			"heroGaugePctOver": "VWh0dG_heroGaugePctOver",
-			"chartBar": "VWh0dG_chartBar",
-			"pricingTip": "VWh0dG_pricingTip",
-			"siteRowName": "VWh0dG_siteRowName",
-			"bandTagOff": "VWh0dG_bandTagOff",
-			"balanceDetailRow": "VWh0dG_balanceDetailRow",
-			"subscriptionExhausted": "VWh0dG_subscriptionExhausted",
+			"peakClose": "VWh0dG_peakClose",
+			"subscriptionGoldFlow": "VWh0dG_subscriptionGoldFlow",
+			"heroGaugeCenter": "VWh0dG_heroGaugeCenter",
+			"chartLegend": "VWh0dG_chartLegend",
+			"ubStatValue": "VWh0dG_ubStatValue",
+			"roundsBarCol": "VWh0dG_roundsBarCol",
+			"bucketSummary": "VWh0dG_bucketSummary",
 			"bandPriceOff": "VWh0dG_bandPriceOff",
-			"triggerPopFootStatusLow": "VWh0dG_triggerPopFootStatusLow",
-			"exportLabel": "VWh0dG_exportLabel",
 			"currencyButton": "VWh0dG_currencyButton",
-			"heatmapRangeButtonActive": "VWh0dG_heatmapRangeButtonActive",
-			"peakAlertHint": "VWh0dG_peakAlertHint",
-			"triggerSparkBar": "VWh0dG_triggerSparkBar",
-			"tokenPanel": "VWh0dG_tokenPanel",
-			"providerGroupBadge": "VWh0dG_providerGroupBadge",
-			"chartDot": "VWh0dG_chartDot",
-			"exportBar": "VWh0dG_exportBar",
-			"chartLegendBar": "VWh0dG_chartLegendBar",
-			"siteKindDirect": "VWh0dG_siteKindDirect",
-			"budget": "VWh0dG_budget",
-			"estimatedTag": "VWh0dG_estimatedTag",
-			"kpiGreen": "VWh0dG_kpiGreen",
+			"kpiDetail": "VWh0dG_kpiDetail",
+			"panelHint": "VWh0dG_panelHint",
+			"ubModelDot": "VWh0dG_ubModelDot",
+			"providerGroupName": "VWh0dG_providerGroupName",
 			"heatmapYearMonth": "VWh0dG_heatmapYearMonth",
-			"heroGaugePct": "VWh0dG_heroGaugePct",
-			"triggerRow": "VWh0dG_triggerRow",
-			"peakAlertPanelBody": "VWh0dG_peakAlertPanelBody",
+			"settingsHead": "VWh0dG_settingsHead",
+			"subscriptionAuto": "VWh0dG_subscriptionAuto",
+			"providerGroupTitle": "VWh0dG_providerGroupTitle",
+			"ubChipLabel": "VWh0dG_ubChipLabel",
+			"ubStatGrid": "VWh0dG_ubStatGrid",
+			"rateBadgeBuiltin": "VWh0dG_rateBadgeBuiltin",
+			"healthBadgeOk": "VWh0dG_healthBadgeOk",
 			"roundsBars": "VWh0dG_roundsBars",
-			"balanceDetailLabel": "VWh0dG_balanceDetailLabel",
-			"shareDot": "VWh0dG_shareDot",
-			"chartTooltipSwatch": "VWh0dG_chartTooltipSwatch",
-			"heatmapYearMonths": "VWh0dG_heatmapYearMonths",
-			"heroGaugeArcOver": "VWh0dG_heroGaugeArcOver",
-			"healthBadge": "VWh0dG_healthBadge",
-			"budgetHint": "VWh0dG_budgetHint",
-			"dashboardBody": "VWh0dG_dashboardBody",
-			"rangeButtonActive": "VWh0dG_rangeButtonActive",
-			"reconcileNotice": "VWh0dG_reconcileNotice",
+			"peakCardPeak": "VWh0dG_peakCardPeak",
+			"triggerSparkHot": "VWh0dG_triggerSparkHot",
+			"triggerPopTitle": "VWh0dG_triggerPopTitle",
+			"pluginInfoLabel": "VWh0dG_pluginInfoLabel",
+			"triggerPopSubscription": "VWh0dG_triggerPopSubscription",
+			"triggerPopSwitchBtn": "VWh0dG_triggerPopSwitchBtn",
+			"heroGaugeSvg": "VWh0dG_heroGaugeSvg",
+			"budgetFill": "VWh0dG_budgetFill",
+			"heatmapRangeSwitch": "VWh0dG_heatmapRangeSwitch",
+			"settingsHint": "VWh0dG_settingsHint",
+			"feeChipError": "VWh0dG_feeChipError",
+			"plgDesc": "VWh0dG_plgDesc",
+			"estimatedTag": "VWh0dG_estimatedTag",
+			"roundsBarFlagged": "VWh0dG_roundsBarFlagged",
+			"floatModeBtn": "VWh0dG_floatModeBtn",
+			"heatmapHover": "VWh0dG_heatmapHover",
+			"heroSideValue": "VWh0dG_heroSideValue",
+			"railButton": "VWh0dG_railButton",
+			"feeCount": "VWh0dG_feeCount",
 			"budgetTrack": "VWh0dG_budgetTrack",
-			"chartCrosshair": "VWh0dG_chartCrosshair",
+			"bandTagOff": "VWh0dG_bandTagOff",
+			"dashboardBody": "VWh0dG_dashboardBody",
+			"shareLegend": "VWh0dG_shareLegend",
+			"balanceDetailTitle": "VWh0dG_balanceDetailTitle",
+			"peakCountPrimary": "VWh0dG_peakCountPrimary",
+			"peakAlertPreview": "VWh0dG_peakAlertPreview",
+			"heatmapYearWeekday": "VWh0dG_heatmapYearWeekday",
+			"heroGauge": "VWh0dG_heroGauge",
 			"heroGaugeLabel": "VWh0dG_heroGaugeLabel",
-			"chartAxisLabel": "VWh0dG_chartAxisLabel",
-			"shareSegOff": "VWh0dG_shareSegOff",
-			"chartTooltip": "VWh0dG_chartTooltip",
-			"chartGrid": "VWh0dG_chartGrid",
-			"heatmapCellEmpty": "VWh0dG_heatmapCellEmpty",
-			"healthBadgeBad": "VWh0dG_healthBadgeBad",
-			"triggerIcon": "VWh0dG_triggerIcon",
-			"kpiTile": "VWh0dG_kpiTile",
-			"heatmapFooter": "VWh0dG_heatmapFooter",
-			"heatmapYearScroll": "VWh0dG_heatmapYearScroll",
-			"floatTargetLabel": "VWh0dG_floatTargetLabel",
-			"peakAlertIn": "VWh0dG_peakAlertIn",
-			"costCol": "VWh0dG_costCol",
-			"headTitleRow": "VWh0dG_headTitleRow",
-			"switchKnob": "VWh0dG_switchKnob",
-			"triggerPopTitle": "VWh0dG_triggerPopTitle",
-			"bucketCost": "VWh0dG_bucketCost",
+			"plgHead": "VWh0dG_plgHead",
+			"ubStatDetail": "VWh0dG_ubStatDetail",
+			"ubNotes": "VWh0dG_ubNotes",
+			"triggerPop": "VWh0dG_triggerPop",
+			"ubAlertNote": "VWh0dG_ubAlertNote",
+			"heroBudgetValue": "VWh0dG_heroBudgetValue",
 			"providerGroupBalance": "VWh0dG_providerGroupBalance",
-			"shareItem": "VWh0dG_shareItem",
-			"siteRowCallsLow": "VWh0dG_siteRowCallsLow",
-			"heatmapHover": "VWh0dG_heatmapHover",
-			"subscriptionPct": "VWh0dG_subscriptionPct",
-			"peakAlertPeak": "VWh0dG_peakAlertPeak",
-			"hero": "VWh0dG_hero",
-			"closeButton": "VWh0dG_closeButton",
-			"bucketSep": "VWh0dG_bucketSep",
-			"roundsBar": "VWh0dG_roundsBar",
-			"heroCurrency": "VWh0dG_heroCurrency",
-			"chartWrap": "VWh0dG_chartWrap",
-			"delta": "VWh0dG_delta",
-			"pricingToggle": "VWh0dG_pricingToggle",
-			"subscriptionHead": "VWh0dG_subscriptionHead",
-			"roundsBarCol": "VWh0dG_roundsBarCol",
-			"heroValue": "VWh0dG_heroValue",
-			"siteRowTitle": "VWh0dG_siteRowTitle",
-			"healthOk": "VWh0dG_healthOk",
-			"dashboardHead": "VWh0dG_dashboardHead",
-			"heroMeta": "VWh0dG_heroMeta",
-			"liveCostSep": "VWh0dG_liveCostSep",
-			"pluginInfoLink": "VWh0dG_pluginInfoLink",
+			"btn": "VWh0dG_btn",
+			"dashboardSubtitle": "VWh0dG_dashboardSubtitle",
+			"popDot": "VWh0dG_popDot",
+			"ubTagNeutral": "VWh0dG_ubTagNeutral",
 			"tokenModelParts": "VWh0dG_tokenModelParts",
-			"chartSvg": "VWh0dG_chartSvg",
-			"liveQuotaCrit": "VWh0dG_liveQuotaCrit",
-			"balanceDetailValue": "VWh0dG_balanceDetailValue",
-			"rateBadgeBuiltin": "VWh0dG_rateBadgeBuiltin",
-			"balanceDetailTitle": "VWh0dG_balanceDetailTitle",
-			"heroSideItem": "VWh0dG_heroSideItem",
-			"exportButton": "VWh0dG_exportButton",
-			"shareSegAssistant": "VWh0dG_shareSegAssistant",
-			"chartLegend": "VWh0dG_chartLegend",
-			"subscriptionWindowLabel": "VWh0dG_subscriptionWindowLabel",
-			"tabNav": "VWh0dG_tabNav",
-			"peakAlertCorner": "VWh0dG_peakAlertCorner",
-			"heroSideLabel": "VWh0dG_heroSideLabel",
-			"pluginInfo": "VWh0dG_pluginInfo",
-			"dashboard": "VWh0dG_dashboard",
-			"heatmapYearBody": "VWh0dG_heatmapYearBody",
-			"flatTag": "VWh0dG_flatTag",
-			"modelName": "VWh0dG_modelName",
-			"dashboardModal": "VWh0dG_dashboardModal",
+			"triggerPopHead": "VWh0dG_triggerPopHead",
+			"siteRowName": "VWh0dG_siteRowName",
+			"triggerPopMuted": "VWh0dG_triggerPopMuted",
+			"subscriptionPct": "VWh0dG_subscriptionPct",
+			"modelTableScroll": "VWh0dG_modelTableScroll",
+			"peakHead": "VWh0dG_peakHead",
+			"feeChipPrimary": "VWh0dG_feeChipPrimary",
+			"plgItem": "VWh0dG_plgItem",
+			"shareValue": "VWh0dG_shareValue",
+			"peakAlertIn": "VWh0dG_peakAlertIn",
 			"providerGroupMeta": "VWh0dG_providerGroupMeta",
+			"triggerPopEmpty": "VWh0dG_triggerPopEmpty",
+			"ubCardControlGroup": "VWh0dG_ubCardControlGroup",
+			"triggerPopFootNote": "VWh0dG_triggerPopFootNote",
+			"shareSegPeak": "VWh0dG_shareSegPeak",
+			"rateBadge": "VWh0dG_rateBadge",
 			"triggerPopLabel": "VWh0dG_triggerPopLabel",
-			"triggerPopValue": "VWh0dG_triggerPopValue",
-			"kpiDetail": "VWh0dG_kpiDetail",
-			"balanceDays": "VWh0dG_balanceDays",
-			"subscriptionPlan": "VWh0dG_subscriptionPlan",
-			"bucketStatValue": "VWh0dG_bucketStatValue",
+			"ubTagAlert": "VWh0dG_ubTagAlert",
+			"pricingChevronOpen": "VWh0dG_pricingChevronOpen",
 			"tabPanelIn": "VWh0dG_tabPanelIn",
-			"chartEmpty": "VWh0dG_chartEmpty",
-			"triggerPopBars": "VWh0dG_triggerPopBars",
-			"switchOn": "VWh0dG_switchOn",
-			"shareLegend": "VWh0dG_shareLegend",
-			"shareSegTool": "VWh0dG_shareSegTool",
+			"siteKindDirect": "VWh0dG_siteKindDirect",
+			"dashboardRight": "VWh0dG_dashboardRight",
+			"floatModeBtnOn": "VWh0dG_floatModeBtnOn",
+			"rowlineRight": "VWh0dG_rowlineRight",
+			"ubTag": "VWh0dG_ubTag",
+			"siteRowCalls": "VWh0dG_siteRowCalls",
+			"feeItem": "VWh0dG_feeItem",
+			"heatmapRangeButtonActive": "VWh0dG_heatmapRangeButtonActive",
+			"feeNum": "VWh0dG_feeNum",
+			"heatmap": "VWh0dG_heatmap",
+			"dashboardHead": "VWh0dG_dashboardHead",
+			"ubStatCard": "VWh0dG_ubStatCard",
+			"triggerPopOpenBtn": "VWh0dG_triggerPopOpenBtn",
+			"subscriptionHead": "VWh0dG_subscriptionHead",
+			"budgetHint": "VWh0dG_budgetHint",
+			"bucketStatSub": "VWh0dG_bucketStatSub",
+			"ubCardHead": "VWh0dG_ubCardHead",
 			"chartTooltipDate": "VWh0dG_chartTooltipDate",
-			"triggerPopMetric": "VWh0dG_triggerPopMetric",
-			"triggerPopEmpty": "VWh0dG_triggerPopEmpty",
+			"chartDot": "VWh0dG_chartDot",
+			"plgLink": "VWh0dG_plgLink",
+			"floatSub": "VWh0dG_floatSub",
+			"heroReadout": "VWh0dG_heroReadout",
+			"rowline": "VWh0dG_rowline",
+			"triggerLabel": "VWh0dG_triggerLabel",
+			"triggerPopMetricValue": "VWh0dG_triggerPopMetricValue",
+			"heatmapYearGrid": "VWh0dG_heatmapYearGrid",
+			"kpiGrid": "VWh0dG_kpiGrid",
+			"shareSegTool": "VWh0dG_shareSegTool",
+			"providerGroupHead": "VWh0dG_providerGroupHead",
+			"na": "VWh0dG_na",
+			"subscriptionGrid": "VWh0dG_subscriptionGrid",
+			"roundsBarColOff": "VWh0dG_roundsBarColOff",
+			"triggerPopValueStack": "VWh0dG_triggerPopValueStack",
+			"triggerPopBar": "VWh0dG_triggerPopBar",
+			"heatmapYearWeekdays": "VWh0dG_heatmapYearWeekdays",
+			"popDotSub": "VWh0dG_popDotSub",
+			"switchOn": "VWh0dG_switchOn",
+			"balanceDetailRow": "VWh0dG_balanceDetailRow",
+			"tokenModelBar": "VWh0dG_tokenModelBar",
+			"triggerMain": "VWh0dG_triggerMain",
+			"popModelRow": "VWh0dG_popModelRow",
+			"triggerPopUpdated": "VWh0dG_triggerPopUpdated",
+			"feeChipAlert": "VWh0dG_feeChipAlert",
+			"healthDot": "VWh0dG_healthDot",
+			"plgName": "VWh0dG_plgName",
 			"triggerSpark": "VWh0dG_triggerSpark",
-			"shareTrack": "VWh0dG_shareTrack",
-			"trendPanel": "VWh0dG_trendPanel",
-			"heatmapCell": "VWh0dG_heatmapCell",
-			"siteKindSite": "VWh0dG_siteKindSite",
-			"rounds": "VWh0dG_rounds",
+			"siteKindUnknown": "VWh0dG_siteKindUnknown",
+			"subscriptionFillWarn": "VWh0dG_subscriptionFillWarn",
+			"plgIcon": "VWh0dG_plgIcon",
+			"budget": "VWh0dG_budget",
+			"subscriptionTrack": "VWh0dG_subscriptionTrack",
+			"feeSuffix": "VWh0dG_feeSuffix",
+			"chartEmpty": "VWh0dG_chartEmpty",
+			"ubCard": "VWh0dG_ubCard",
 			"floatSubName": "VWh0dG_floatSubName",
-			"uncataloguedTag": "VWh0dG_uncataloguedTag",
+			"chartAxisLabel": "VWh0dG_chartAxisLabel",
+			"roundsAxis": "VWh0dG_roundsAxis",
+			"planTag": "VWh0dG_planTag",
+			"triggerSparkBar": "VWh0dG_triggerSparkBar",
+			"flatTag": "VWh0dG_flatTag",
+			"metricGrid": "VWh0dG_metricGrid",
+			"chartLine": "VWh0dG_chartLine",
+			"affix": "VWh0dG_affix",
+			"metricLabel": "VWh0dG_metricLabel",
+			"modelDot": "VWh0dG_modelDot",
+			"shareSegAssistant": "VWh0dG_shareSegAssistant",
+			"heroSideLabel": "VWh0dG_heroSideLabel",
+			"ubCardSub": "VWh0dG_ubCardSub",
+			"peakCard": "VWh0dG_peakCard",
+			"heroGaugeArc": "VWh0dG_heroGaugeArc",
+			"rowlineMuted": "VWh0dG_rowlineMuted",
+			"heatmapLegend": "VWh0dG_heatmapLegend",
+			"peakCount": "VWh0dG_peakCount",
+			"siteRowTitle": "VWh0dG_siteRowTitle",
+			"dashboardModal": "VWh0dG_dashboardModal",
+			"triggerMetric": "VWh0dG_triggerMetric",
+			"modalFooter": "VWh0dG_modalFooter",
+			"budgetHead": "VWh0dG_budgetHead",
+			"ctlGroup": "VWh0dG_ctlGroup",
+			"triggerPopFootStatus": "VWh0dG_triggerPopFootStatus",
+			"panelHead": "VWh0dG_panelHead",
+			"ubTagError": "VWh0dG_ubTagError",
+			"heatmapCellEmpty": "VWh0dG_heatmapCellEmpty",
+			"popModelLabel": "VWh0dG_popModelLabel",
+			"balanceDaysBadge": "VWh0dG_balanceDaysBadge",
+			"metricValueSuccess": "VWh0dG_metricValueSuccess",
+			"subscriptionMeta": "VWh0dG_subscriptionMeta",
+			"pricingChevron": "VWh0dG_pricingChevron",
+			"pluginInfo": "VWh0dG_pluginInfo",
+			"tabNav": "VWh0dG_tabNav",
+			"reconcileNotice": "VWh0dG_reconcileNotice",
+			"exportLabel": "VWh0dG_exportLabel",
+			"budgetInputWrap": "VWh0dG_budgetInputWrap",
+			"exportBar": "VWh0dG_exportBar",
+			"ubAlert": "VWh0dG_ubAlert",
+			"reconcileText": "VWh0dG_reconcileText",
+			"setCardTitle": "VWh0dG_setCardTitle",
+			"billing-trigger": "VWh0dG_billing-trigger",
+			"popDotDirect": "VWh0dG_popDotDirect",
+			"metricValue": "VWh0dG_metricValue",
+			"heroSide": "VWh0dG_heroSide",
+			"shareSegOff": "VWh0dG_shareSegOff",
+			"healthBadge": "VWh0dG_healthBadge",
+			"floatTargets": "VWh0dG_floatTargets",
+			"kpiValue": "VWh0dG_kpiValue",
+			"pricingToggle": "VWh0dG_pricingToggle",
+			"pluginInfoValue": "VWh0dG_pluginInfoValue",
+			"rangeButton": "VWh0dG_rangeButton",
+			"peakDot": "VWh0dG_peakDot",
+			"chartBar": "VWh0dG_chartBar",
+			"kpiGreen": "VWh0dG_kpiGreen",
+			"budgetFillWarn": "VWh0dG_budgetFillWarn",
+			"dashboardIn": "VWh0dG_dashboardIn",
+			"trendPanel": "VWh0dG_trendPanel",
+			"emptyRow": "VWh0dG_emptyRow",
+			"feeChipOff": "VWh0dG_feeChipOff",
+			"peakAlertField": "VWh0dG_peakAlertField",
+			"switch": "VWh0dG_switch",
+			"chartCrosshair": "VWh0dG_chartCrosshair",
+			"peakCardCenter": "VWh0dG_peakCardCenter",
+			"balanceDetailPop": "VWh0dG_balanceDetailPop",
+			"numCol": "VWh0dG_numCol",
+			"deltaUp": "VWh0dG_deltaUp",
+			"heroCurrency": "VWh0dG_heroCurrency",
+			"inp": "VWh0dG_inp",
+			"heatmapRangeButton": "VWh0dG_heatmapRangeButton",
+			"balanceDaysBadgeLow": "VWh0dG_balanceDaysBadgeLow",
+			"chartTooltipRow": "VWh0dG_chartTooltipRow",
+			"bandPrice": "VWh0dG_bandPrice",
+			"triggerSub": "VWh0dG_triggerSub",
+			"triggerPopFoot": "VWh0dG_triggerPopFoot",
+			"heroBudgetFill": "VWh0dG_heroBudgetFill",
+			"budgetLabel": "VWh0dG_budgetLabel",
+			"bucketSep": "VWh0dG_bucketSep",
 			"budgetUnit": "VWh0dG_budgetUnit",
-			"tokenModelShareRow": "VWh0dG_tokenModelShareRow",
-			"peakAlertPanelHead": "VWh0dG_peakAlertPanelHead",
-			"panelHead": "VWh0dG_panelHead",
-			"triggerPopTitleMonth": "VWh0dG_triggerPopTitleMonth",
-			"budgetControls": "VWh0dG_budgetControls",
+			"reconcileDismiss": "VWh0dG_reconcileDismiss",
+			"subscriptionName": "VWh0dG_subscriptionName",
+			"modelCell": "VWh0dG_modelCell",
+			"chartWrap": "VWh0dG_chartWrap",
+			"shareDot": "VWh0dG_shareDot",
+			"peakTag": "VWh0dG_peakTag",
+			"chartLegendBar": "VWh0dG_chartLegendBar",
+			"shareSegUser": "VWh0dG_shareSegUser",
+			"ubChipOff": "VWh0dG_ubChipOff",
+			"heroMeta": "VWh0dG_heroMeta",
+			"bucketThird": "VWh0dG_bucketThird",
+			"triggerPopFootNotes": "VWh0dG_triggerPopFootNotes",
+			"ubTablewrap": "VWh0dG_ubTablewrap",
+			"modelProvider": "VWh0dG_modelProvider",
+			"chartStack": "VWh0dG_chartStack",
+			"ubChipPeak": "VWh0dG_ubChipPeak",
+			"triggerPopAlert": "VWh0dG_triggerPopAlert",
+			"roundsBar": "VWh0dG_roundsBar",
+			"ubNotesDesc": "VWh0dG_ubNotesDesc",
 			"balanceCell": "VWh0dG_balanceCell",
-			"unpricedHint": "VWh0dG_unpricedHint",
-			"healthIdle": "VWh0dG_healthIdle",
-			"settingsHead": "VWh0dG_settingsHead",
-			"balanceDaysBadge": "VWh0dG_balanceDaysBadge",
-			"siteRowCalls": "VWh0dG_siteRowCalls",
-			"triggerPopBadgeSub": "VWh0dG_triggerPopBadgeSub",
+			"triggerPopFootStatusLow": "VWh0dG_triggerPopFootStatusLow",
+			"roundsBarWrap": "VWh0dG_roundsBarWrap",
+			"chartGrid": "VWh0dG_chartGrid",
+			"feeSep": "VWh0dG_feeSep",
 			"triggerPopSwitchCount": "VWh0dG_triggerPopSwitchCount",
-			"dashboardRight": "VWh0dG_dashboardRight",
-			"heatmapRangeSwitch": "VWh0dG_heatmapRangeSwitch",
-			"triggerPopFootStatus": "VWh0dG_triggerPopFootStatus",
-			"budgetHead": "VWh0dG_budgetHead",
-			"peakAlertNum": "VWh0dG_peakAlertNum",
-			"peakAlertField": "VWh0dG_peakAlertField",
-			"triggerPopName": "VWh0dG_triggerPopName",
-			"subscriptionReset": "VWh0dG_subscriptionReset",
-			"pricingTable": "VWh0dG_pricingTable",
-			"heroSide": "VWh0dG_heroSide",
-			"bandPrice": "VWh0dG_bandPrice",
-			"peakAlert": "VWh0dG_peakAlert",
-			"balanceDetailClose": "VWh0dG_balanceDetailClose",
-			"settingsHint": "VWh0dG_settingsHint",
+			"subscriptionWindowLabel": "VWh0dG_subscriptionWindowLabel",
+			"plgTitle": "VWh0dG_plgTitle",
+			"subscriptionStatus": "VWh0dG_subscriptionStatus",
+			"triggerPopSwitcher": "VWh0dG_triggerPopSwitcher",
+			"metricValuePrimary": "VWh0dG_metricValuePrimary",
+			"heroBudget": "VWh0dG_heroBudget",
+			"ubRate": "VWh0dG_ubRate",
+			"ubNotesItem": "VWh0dG_ubNotesItem",
+			"floatTargetLabel": "VWh0dG_floatTargetLabel",
 			"pluginInfoRow": "VWh0dG_pluginInfoRow",
-			"subscriptionCard": "VWh0dG_subscriptionCard",
-			"balanceDetailHead": "VWh0dG_balanceDetailHead",
-			"reconcileText": "VWh0dG_reconcileText",
-			"dashboardSubtitle": "VWh0dG_dashboardSubtitle",
-			"triggerPopRow": "VWh0dG_triggerPopRow",
-			"budgetInput": "VWh0dG_budgetInput",
+			"dashboardTitle": "VWh0dG_dashboardTitle",
+			"heroGaugePct": "VWh0dG_heroGaugePct",
+			"chartLegendLine": "VWh0dG_chartLegendLine",
 			"siteRowMeta": "VWh0dG_siteRowMeta",
-			"pricingToggleText": "VWh0dG_pricingToggleText",
-			"subscriptionAuto": "VWh0dG_subscriptionAuto",
-			"providerGroupHead": "VWh0dG_providerGroupHead",
-			"roundsBarFlagged": "VWh0dG_roundsBarFlagged",
-			"floatTarget": "VWh0dG_floatTarget",
-			"liveQuotaWarn": "VWh0dG_liveQuotaWarn",
-			"triggerPop": "VWh0dG_triggerPop",
-			"triggerPopUpdated": "VWh0dG_triggerPopUpdated",
-			"triggerPopOpenBtn": "VWh0dG_triggerPopOpenBtn",
-			"panelHint": "VWh0dG_panelHint",
-			"triggerPopFootStrong": "VWh0dG_triggerPopFootStrong",
-			"kpiValue": "VWh0dG_kpiValue",
-			"subscriptionName": "VWh0dG_subscriptionName",
-			"peakAlertPanel": "VWh0dG_peakAlertPanel",
-			"modelTableScroll": "VWh0dG_modelTableScroll",
-			"bandTag": "VWh0dG_bandTag",
-			"providerGroup": "VWh0dG_providerGroup",
-			"pluginInfoValue": "VWh0dG_pluginInfoValue",
-			"subscriptionFill": "VWh0dG_subscriptionFill",
-			"heatmapYearCell": "VWh0dG_heatmapYearCell",
-			"peakAlertCheck": "VWh0dG_peakAlertCheck",
-			"staleNotice": "VWh0dG_staleNotice",
+			"closeButton": "VWh0dG_closeButton",
+			"balanceDays": "VWh0dG_balanceDays",
 			"floatSubHead": "VWh0dG_floatSubHead",
-			"peakAlertCountdown": "VWh0dG_peakAlertCountdown",
-			"subscriptionStatus": "VWh0dG_subscriptionStatus",
-			"heatmapLegend": "VWh0dG_heatmapLegend",
-			"heatmapYearWeekday": "VWh0dG_heatmapYearWeekday",
-			"peakAlertClose": "VWh0dG_peakAlertClose",
-			"triggerPopSubscription": "VWh0dG_triggerPopSubscription",
-			"dashboardIn": "VWh0dG_dashboardIn",
-			"pricingChevron": "VWh0dG_pricingChevron",
-			"trigger": "VWh0dG_trigger",
-			"triggerPopBar": "VWh0dG_triggerPopBar",
-			"panelTitle": "VWh0dG_panelTitle",
-			"siteRow": "VWh0dG_siteRow",
-			"dashboardTitle": "VWh0dG_dashboardTitle",
-			"heroMain": "VWh0dG_heroMain",
-			"rangeButton": "VWh0dG_rangeButton",
-			"healthDot": "VWh0dG_healthDot",
-			"bucketStatSub": "VWh0dG_bucketStatSub",
-			"shareValue": "VWh0dG_shareValue",
-			"subscriptionMeta": "VWh0dG_subscriptionMeta",
-			"roundsBarWrap": "VWh0dG_roundsBarWrap",
-			"heatmapYearGrid": "VWh0dG_heatmapYearGrid",
+			"budgetInput": "VWh0dG_budgetInput",
+			"triggerPrimary": "VWh0dG_triggerPrimary",
+			"triggerPopFootTitle": "VWh0dG_triggerPopFootTitle",
+			"subscriptionCard": "VWh0dG_subscriptionCard",
+			"peakAlertNum": "VWh0dG_peakAlertNum",
+			"ctlRowStretch": "VWh0dG_ctlRowStretch",
+			"triggerPopRow": "VWh0dG_triggerPopRow",
+			"healthBadgeBad": "VWh0dG_healthBadgeBad",
+			"ubNotesTerm": "VWh0dG_ubNotesTerm",
+			"tokenPanel": "VWh0dG_tokenPanel",
+			"plgVal": "VWh0dG_plgVal",
+			"balanceDetailClose": "VWh0dG_balanceDetailClose",
+			"modelName": "VWh0dG_modelName",
+			"triggerPopBadge": "VWh0dG_triggerPopBadge",
 			"floatSubPlan": "VWh0dG_floatSubPlan",
-			"triggerBody": "VWh0dG_triggerBody",
-			"tableScroll": "VWh0dG_tableScroll",
-			"triggerPopMetricLabel": "VWh0dG_triggerPopMetricLabel",
-			"peakAlertTag": "VWh0dG_peakAlertTag",
-			"modelCell": "VWh0dG_modelCell",
-			"tokenModelBar": "VWh0dG_tokenModelBar",
-			"triggerMeta": "VWh0dG_triggerMeta",
-			"rateBadge": "VWh0dG_rateBadge",
-			"balanceDetailPop": "VWh0dG_balanceDetailPop",
-			"peakAlertText": "VWh0dG_peakAlertText",
-			"heroGaugeArc": "VWh0dG_heroGaugeArc",
-			"subscriptionTrack": "VWh0dG_subscriptionTrack",
-			"triggerPopFootName": "VWh0dG_triggerPopFootName",
-			"bucketSummary": "VWh0dG_bucketSummary"
+			"rdoDot": "VWh0dG_rdoDot",
+			"shareTrack": "VWh0dG_shareTrack",
+			"balanceDetailGrid": "VWh0dG_balanceDetailGrid",
+			"triggerPopFootName": "VWh0dG_triggerPopFootName"
 		};
 		//#endregion
 		//#region src/client/plan-knowledge.ts
@@ -961,6 +1070,30 @@ window.__ModuleLoader__.load({
 					output: 8.4
 				}
 			},
+			{
+				key: "minimax-m2.7",
+				name: "MiniMax-M2.7",
+				provider: "MiniMax",
+				colorVar: "dsw-static-amber-400",
+				price: {
+					currency: "CNY",
+					input: 2.1,
+					cacheHit: .42,
+					output: 8.4
+				}
+			},
+			{
+				key: "minimax-m2.7-highspeed",
+				name: "MiniMax-M2.7-highspeed",
+				provider: "MiniMax",
+				colorVar: "dsw-static-amber-500",
+				price: {
+					currency: "CNY",
+					input: 4.2,
+					cacheHit: .42,
+					output: 16.8
+				}
+			},
 			{
 				key: "ernie",
 				name: "ERNIE-5.1",
@@ -1214,7 +1347,13 @@ window.__ModuleLoader__.load({
 			"kimi-k3": "kimi-k3",
 			"minimax-m1": "minimax",
 			"minimax-m2": "minimax",
-			"minimax-m3": "minimax"
+			"minimax-m3": "minimax",
+			"minimax-m2.7": "minimax-m2.7",
+			"minimax-m2.7-highspeed": "minimax-m2.7-highspeed",
+			"minimax-m2.7-high-speed": "minimax-m2.7-highspeed",
+			"minimax-m2-7": "minimax-m2.7",
+			"minimax-m2-7-highspeed": "minimax-m2.7-highspeed",
+			"minimax-m2-7-high-speed": "minimax-m2.7-highspeed"
 		};
 		/**
 		* 模型 id 归一化：小写、去括号附注（如 `gpt5.6 luna(go)` 只看主体）、再去所有
@@ -2027,61 +2166,58 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/PluginInfoCard.tsx
 		/**
-		* PluginInfoCard: 「设置 → 插件信息」卡——展示头像/作者、GitHub 仓库、版本号、
-		* 许可证等插件元信息。版本号来自服务端 usage-stats 的 `pluginVersion`（读自
-		* 包 package.json），其余元信息静态来自 `plugin-info.ts`。无版本号时显示 em dash。
+		* PluginInfoCard: 「设置 → 插件信息」卡——图标 + 插件名/版本 tag + 描述，下接
+		* 元信息网格（作者 / 仓库 / npm / 许可证）。版本号来自服务端 usage-stats 的
+		* `pluginVersion`（读自包 package.json），其余元信息静态来自 `plugin-info.ts`。
+		* 无版本号时显示 em dash。
 		*/
 		/** 信息卡 props：locale 函数 + 版本号（服务端下发，可为空）。 */
 		function PluginInfoCard({ t, version }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: UsageBilling_module_css_default.panel,
+				className: UsageBilling_module_css_default.setCard,
 				"data-testid": "billing-plugin-info",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: UsageBilling_module_css_default.panelHead,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-						className: UsageBilling_module_css_default.panelTitle,
-						children: t("billing.pluginInfo")
-					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: UsageBilling_module_css_default.pluginInfo,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: UsageBilling_module_css_default.pluginInfoRow,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: UsageBilling_module_css_default.pluginInfoLabel,
-								children: t("billing.pluginName")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: UsageBilling_module_css_default.pluginInfoValue,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: UsageBilling_module_css_default.plgHead,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: UsageBilling_module_css_default.plgIcon,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+							width: "20",
+							height: "20",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10 3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a2 2 0 0 0 4 0V4a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a2 2 0 0 0 4 0 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1a2 2 0 0 0 0 4h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1a2 2 0 0 0-4 0v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a2 2 0 0 0-4 0v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a2 2 0 0 0-4 0 1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1a2 2 0 0 0 0-4H3a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1a2 2 0 0 0 4 0z" })
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: UsageBilling_module_css_default.plgTitle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: UsageBilling_module_css_default.plgNameRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: UsageBilling_module_css_default.plgName,
 								children: PLUGIN_NAME
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: UsageBilling_module_css_default.pluginInfoRow,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: UsageBilling_module_css_default.pluginInfoLabel,
-								children: t("billing.pluginDescription")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: UsageBilling_module_css_default.pluginInfoValue,
-								children: PLUGIN_DESCRIPTION
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: UsageBilling_module_css_default.pluginInfoRow,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: UsageBilling_module_css_default.pluginInfoLabel,
-								children: t("billing.pluginVersion")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: UsageBilling_module_css_default.pluginInfoValue,
+								className: UsageBilling_module_css_default.plgTag,
 								children: version === void 0 ? "—" : `v${version}`
 							})]
-						}),
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: UsageBilling_module_css_default.plgDesc,
+							children: PLUGIN_DESCRIPTION
+						})]
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: UsageBilling_module_css_default.plgGrid,
+					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: UsageBilling_module_css_default.pluginInfoRow,
+							className: UsageBilling_module_css_default.plgItem,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: UsageBilling_module_css_default.pluginInfoLabel,
+								className: UsageBilling_module_css_default.plgLabel,
 								children: t("billing.pluginAuthor")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-								className: UsageBilling_module_css_default.pluginInfoLink,
+								className: UsageBilling_module_css_default.plgLink,
 								href: `https://github.com/${PLUGIN_AUTHOR_HANDLE}`,
 								target: "_blank",
 								rel: "noreferrer",
@@ -2094,25 +2230,25 @@ window.__ModuleLoader__.load({
 							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: UsageBilling_module_css_default.pluginInfoRow,
+							className: UsageBilling_module_css_default.plgItem,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: UsageBilling_module_css_default.pluginInfoLabel,
+								className: UsageBilling_module_css_default.plgLabel,
 								children: t("billing.pluginRepository")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-								className: UsageBilling_module_css_default.pluginInfoLink,
+								className: UsageBilling_module_css_default.plgLink,
 								href: PLUGIN_REPOSITORY,
 								target: "_blank",
 								rel: "noreferrer",
-								children: PLUGIN_REPOSITORY
+								children: "GitHub"
 							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: UsageBilling_module_css_default.pluginInfoRow,
+							className: UsageBilling_module_css_default.plgItem,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: UsageBilling_module_css_default.pluginInfoLabel,
+								className: UsageBilling_module_css_default.plgLabel,
 								children: t("billing.pluginNpm")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-								className: UsageBilling_module_css_default.pluginInfoLink,
+								className: UsageBilling_module_css_default.plgLink,
 								href: PLUGIN_NPM_URL,
 								target: "_blank",
 								rel: "noreferrer",
@@ -2120,12 +2256,12 @@ window.__ModuleLoader__.load({
 							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: UsageBilling_module_css_default.pluginInfoRow,
+							className: UsageBilling_module_css_default.plgItem,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: UsageBilling_module_css_default.pluginInfoLabel,
+								className: UsageBilling_module_css_default.plgLabel,
 								children: t("billing.pluginLicense")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: UsageBilling_module_css_default.pluginInfoValue,
+								className: UsageBilling_module_css_default.plgVal,
 								children: "MIT"
 							})]
 						})
@@ -3193,7 +3329,10 @@ window.__ModuleLoader__.load({
 			"billing.trendMetricTokens": "Token",
 			"billing.trendEmpty": "暂无趋势数据",
 			"billing.budget": "本月预算",
+			"billing.budgetAmount": "预算金额",
+			"billing.budgetSummary": "本月已用 {used} / {total}；达到 80% 时提醒，达到 100% 时红色脉冲警示",
 			"billing.sessions": "会话明细",
+			"billing.sessionTitle": "标题",
 			"billing.project": "项目",
 			"billing.lastActive": "最后活跃",
 			"billing.sessionOverflow": "仅显示花费前 {limit} 个，共 {total} 个会话",
@@ -3216,12 +3355,23 @@ window.__ModuleLoader__.load({
 			"billing.band": "时段",
 			"billing.openDashboard": "打开计费仪表盘",
 			"billing.close": "关闭",
+			"billing.footer": "每 30s 自动轮询 · 仅统计本机 dsh 会话",
+			"billing.footerCredit": "dsh-ui-usage-billing {version} · MIT",
 			"billing.lastUpdated": "数据更新于",
 			"billing.noData": "暂无计费数据",
 			"billing.todayRate": "今日汇率",
 			"billing.rateLive": "实时",
 			"billing.rateBuiltin": "内置",
 			"billing.pricingTip": "DeepSeek 模型自北京时间 2026-08-23（周日）00:00 起：工作日高峰 9-12 / 14-18（×2），周末（周六 / 周日）全天低谷价；双价单元格按峰 / 谷展示，费用按调用时刻计。",
+			"billing.pricingUnit": "单位：人民币 / 每百万 Token",
+			"billing.pricingNotes": "计价说明",
+			"billing.ubPeak": "峰",
+			"billing.ubOff": "谷",
+			"billing.peakBand": "峰谷分带",
+			"billing.pricingSource": "数据来源",
+			"billing.noteCache": "命中部分按缓存价计费，显著降低成本。",
+			"billing.noteBand": "高峰与空闲时段单价不同，空闲约半价。",
+			"billing.noteSource": "价格来自实时汇率 + 模型定价目录，未收录模型按 0 计并提示。",
 			"billing.balance": "余额",
 			"billing.balanceUnconfigured": "未配置",
 			"billing.balanceUnauthorized": "密钥无效",
@@ -3248,8 +3398,10 @@ window.__ModuleLoader__.load({
 			"billing.subscriptionNoApi": "该厂商暂未提供用量查询接口",
 			"billing.floatWindow": "模型用量悬浮窗",
 			"billing.floatModeCombined": "综合",
-			"billing.floatModeSubscription": "指定订阅卡",
-			"billing.floatWindowHint": "悬浮在左下角计费卡上的用量速览；综合=当前样式，指定订阅卡=每次展示一张订阅额度卡（可切换）。",
+			"billing.floatModeSubscription": "订阅卡",
+			"billing.floatMode": "展示模式",
+			"billing.floatTargets": "订阅目标",
+			"billing.floatWindowHint": "悬浮在左下角计费卡上的用量速览；综合=当前样式，订阅卡=每次展示一张订阅额度卡（可切换）。",
 			"billing.floatNoTargets": "未指定订阅通道，请在设置中勾选要展示的订阅。",
 			"billing.floatNoTargetsHint": "暂无可选的订阅通道。",
 			"billing.floatPrev": "上一张订阅",
@@ -3262,12 +3414,17 @@ window.__ModuleLoader__.load({
 			"billing.currencyUsd": "美元",
 			"billing.heatmap": "用量热力图",
 			"billing.rounds": "每轮费用",
+			"billing.roundsHint": "最近 {count} 轮 · 柱顶为金额 · 底色为峰谷时段",
 			"billing.anomaly": "成本突增",
 			"billing.workspaces": "工作区统计",
+			"billing.workspacesHint": "点击行下钻项目成本前 5 会话",
 			"billing.plan": "套餐",
 			"billing.remaining": "剩余",
 			"billing.unknownModel": "未定价",
 			"billing.model": "模型",
+			"billing.thModel": "模型名称",
+			"billing.thInputMiss": "输入缓存未命中",
+			"billing.thInputHit": "输入缓存命中",
 			"billing.currentRound": "当前",
 			"billing.costAbbr": "费用",
 			"billing.tabOverview": "概览",
@@ -3280,8 +3437,8 @@ window.__ModuleLoader__.load({
 			"billing.settingsHint": "管理与计费相关的偏好",
 			"billing.budgetHint": "设置月度上限，用于本月预计与超支分段提醒",
 			"billing.peakAlertHint": "在切档前弹窗提醒，可选同步系统通知",
-			"billing.peakAlertDescPeak": "高峰价生效，不急的调用可稍候",
-			"billing.peakAlertDescOff": "价格减半省钱窗口已开启",
+			"billing.peakAlertDescPeak": "即将进入高峰时段，价格将上调，请提前安排长任务",
+			"billing.peakAlertDescOff": "即将进入平价时段，价格减半，适合运行大批量任务",
 			"billing.export": "导出",
 			"billing.exportCsvDay": "按日 CSV",
 			"billing.exportCsvSession": "按会话 CSV",
@@ -3304,6 +3461,8 @@ window.__ModuleLoader__.load({
 			"billing.peakAlertTitleOff": "即将进入平价",
 			"billing.peakAlert": "峰谷切换提醒",
 			"billing.peakAlertLeadMin": "提前量（分钟）",
+			"billing.peakAlertPos": "位置",
+			"billing.peakAlertMode": "提醒模式",
 			"billing.peakAlertPosCorner": "右下角",
 			"billing.peakAlertPosCenter": "屏幕居中",
 			"billing.peakAlertModePeak": "仅进入峰时",
@@ -3369,10 +3528,10 @@ window.__ModuleLoader__.load({
 			"billing.balanceDaysLong": "约可撑",
 			"billing.balanceDaysUnit": "天",
 			"billing.popTodayModel": "主力消耗模型余额",
+			"billing.popTitle": "用量速览",
 			"billing.popNoConsumption": "暂无消耗",
 			"billing.popQuotaAlert": "额度提醒",
 			"billing.popRiskNone": "余额与配额正常",
-			"billing.popTitle": "用量与预测",
 			"billing.popDirectLead": "直联",
 			"billing.popSubLead": "订阅",
 			"billing.popBalanceNormal": "余额正常",
@@ -3421,7 +3580,10 @@ window.__ModuleLoader__.load({
 			"billing.trendMetricTokens": "Tokens",
 			"billing.trendEmpty": "No trend data yet",
 			"billing.budget": "Monthly budget",
+			"billing.budgetAmount": "Budget amount",
+			"billing.budgetSummary": "Used {used} / {total} this month; warn at 80%, pulse red at 100%",
 			"billing.sessions": "Sessions",
+			"billing.sessionTitle": "Title",
 			"billing.project": "Project",
 			"billing.lastActive": "Last active",
 			"billing.sessionOverflow": "Top {limit} of {total} sessions by cost",
@@ -3444,12 +3606,23 @@ window.__ModuleLoader__.load({
 			"billing.band": "Band",
 			"billing.openDashboard": "Open billing dashboard",
 			"billing.close": "Close",
+			"billing.footer": "Polls every 30s · local dsh sessions only",
+			"billing.footerCredit": "dsh-ui-usage-billing {version} · MIT",
 			"billing.lastUpdated": "Updated",
 			"billing.noData": "No billing data yet",
 			"billing.todayRate": "Today rate",
 			"billing.rateLive": "Live",
 			"billing.rateBuiltin": "Built-in",
 			"billing.pricingTip": "DeepSeek models: from 2026-08-23 (Sun) 00:00 Beijing, weekdays peak 9-12 / 14-18 (×2), weekends (Sat/Sun) all-day off-peak; cells show peak/off-peak price, billed at call time.",
+			"billing.pricingUnit": "Unit: CNY / per 1M tokens",
+			"billing.pricingNotes": "Pricing notes",
+			"billing.ubPeak": "Peak",
+			"billing.ubOff": "Off",
+			"billing.peakBand": "Peak/off-peak band",
+			"billing.pricingSource": "Data source",
+			"billing.noteCache": "Cache hits are billed at the cache rate, cutting cost.",
+			"billing.noteBand": "Peak and off-peak prices differ; off-peak is roughly half price.",
+			"billing.noteSource": "Prices come from the live rate + model catalog; unlisted models count as 0 and are flagged.",
 			"billing.balance": "Balance",
 			"billing.balanceUnconfigured": "Not set",
 			"billing.balanceUnauthorized": "Bad key",
@@ -3476,7 +3649,9 @@ window.__ModuleLoader__.load({
 			"billing.subscriptionNoApi": "Provider does not offer a usage API",
 			"billing.floatWindow": "Model usage popover",
 			"billing.floatModeCombined": "Combined",
-			"billing.floatModeSubscription": "Subscription cards",
+			"billing.floatModeSubscription": "Subscription card",
+			"billing.floatMode": "Display mode",
+			"billing.floatTargets": "Targets",
 			"billing.floatWindowHint": "Usage summary floating on the footer card; Combined=current style, Subscription cards=one quota card at a time (switchable).",
 			"billing.floatNoTargets": "No subscription selected — pick some in Settings.",
 			"billing.floatNoTargetsHint": "No subscription channel available.",
@@ -3490,12 +3665,17 @@ window.__ModuleLoader__.load({
 			"billing.currencyUsd": "USD",
 			"billing.heatmap": "Usage heatmap",
 			"billing.rounds": "Cost per turn",
+			"billing.roundsHint": "Last {count} rounds · bar tops show amount · fill = peak/off-peak",
 			"billing.anomaly": "Cost spike",
 			"billing.workspaces": "Workspaces",
+			"billing.workspacesHint": "Click a row to drill into its top-5 sessions",
 			"billing.plan": "Plan",
 			"billing.remaining": "Left",
 			"billing.unknownModel": "Unpriced",
 			"billing.model": "Model",
+			"billing.thModel": "Model name",
+			"billing.thInputMiss": "Input (cache miss)",
+			"billing.thInputHit": "Input (cache hit)",
 			"billing.currentRound": "current",
 			"billing.costAbbr": "cost",
 			"billing.tabOverview": "Overview",
@@ -3508,8 +3688,8 @@ window.__ModuleLoader__.load({
 			"billing.settingsHint": "Manage billing-related preferences",
 			"billing.budgetHint": "Set a monthly cap for projections and tier alerts",
 			"billing.peakAlertHint": "Alert before a tier switch, optionally via system notification",
-			"billing.peakAlertDescPeak": "Peak pricing active — non-urgent calls can wait",
-			"billing.peakAlertDescOff": "Off-peak savings window is on",
+			"billing.peakAlertDescPeak": "About to enter peak hours — prices rise, plan long tasks ahead",
+			"billing.peakAlertDescOff": "About to enter off-peak hours — price halves, ideal for large batches",
 			"billing.export": "Export",
 			"billing.exportCsvDay": "Daily CSV",
 			"billing.exportCsvSession": "Sessions CSV",
@@ -3532,6 +3712,8 @@ window.__ModuleLoader__.load({
 			"billing.peakAlertTitleOff": "Off-peak incoming",
 			"billing.peakAlert": "Peak/off-peak alert",
 			"billing.peakAlertLeadMin": "Lead time (min)",
+			"billing.peakAlertPos": "Position",
+			"billing.peakAlertMode": "Remind mode",
 			"billing.peakAlertPosCorner": "Bottom-right",
 			"billing.peakAlertPosCenter": "Center",
 			"billing.peakAlertModePeak": "Entering peak only",
@@ -3597,10 +3779,10 @@ window.__ModuleLoader__.load({
 			"billing.balanceDaysLong": "~days left",
 			"billing.balanceDaysUnit": "days",
 			"billing.popTodayModel": "Main model balance",
+			"billing.popTitle": "Usage overview",
 			"billing.popNoConsumption": "No usage yet",
 			"billing.popQuotaAlert": "Quota alerts",
 			"billing.popRiskNone": "Balances & quotas OK",
-			"billing.popTitle": "Usage & forecast",
 			"billing.popDirectLead": "Direct",
 			"billing.popSubLead": "Subscription",
 			"billing.popBalanceNormal": "balance ok",
@@ -3726,8 +3908,8 @@ window.__ModuleLoader__.load({
 		//#region src/client/PeakAlertBanner.tsx
 		/**
 		* 峰谷切换提醒浮层：切档前状态条（右下角或居中）。用 `position: fixed` 即可在
-		* 任意宿主容器内覆盖整个视口，因此不需要 portal。布局为「档位徽标 + 大号等宽
-		* 倒计时 + 一句说明 + 关闭」，克制冷调、无重力阴影。渲染是受控的：父组件把命中
+		* 任意宿主容器内覆盖整个视口，因此不需要 portal。布局按设计 peak-card：头部
+		* （档位 tag + 关闭）→ 大号等宽倒计时 → 一句说明。渲染是受控的：父组件把命中
 		* （hit）与偏好传入，显示剩余分钟并在切换后消失。
 		*/
 		/** 渲染一个切档前提醒状态条。 */
@@ -3749,29 +3931,35 @@ window.__ModuleLoader__.load({
 			const entering = hit.entering;
 			const tag = entering === "peak" ? t("billing.tierPeak") : t("billing.tierOff");
 			const desc = entering === "peak" ? t("billing.peakAlertDescPeak") : t("billing.peakAlertDescOff");
+			const isPeak = entering === "peak";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: clsx(UsageBilling_module_css_default.peakAlert, entering === "peak" ? UsageBilling_module_css_default.peakAlertPeak : UsageBilling_module_css_default.peakAlertOff, config.position === "center" ? UsageBilling_module_css_default.peakAlertCenter : UsageBilling_module_css_default.peakAlertCorner),
+				className: clsx(UsageBilling_module_css_default.peakCard, isPeak ? UsageBilling_module_css_default.peakCardPeak : UsageBilling_module_css_default.peakCardOff, config.position === "center" ? UsageBilling_module_css_default.peakCardCenter : UsageBilling_module_css_default.peakCardCorner),
 				"data-testid": "billing-peak-alert",
 				role: "alert",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: UsageBilling_module_css_default.peakAlertTag,
-						children: tag
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: UsageBilling_module_css_default.peakHead,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: clsx(UsageBilling_module_css_default.peakTag, isPeak ? UsageBilling_module_css_default.peakTagPrimary : UsageBilling_module_css_default.peakTagSuccess),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: clsx(UsageBilling_module_css_default.peakDot, isPeak ? UsageBilling_module_css_default.peakDotPrimary : UsageBilling_module_css_default.peakDotSuccess),
+								"aria-hidden": "true"
+							}), tag]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: UsageBilling_module_css_default.peakClose,
+							onClick: onDismiss,
+							"aria-label": t("billing.close"),
+							children: "×"
+						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: UsageBilling_module_css_default.peakAlertCountdown,
-						children: [minutes, "m"]
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: clsx(UsageBilling_module_css_default.peakCount, isPeak ? UsageBilling_module_css_default.peakCountPrimary : UsageBilling_module_css_default.peakCountSuccess),
+						children: [minutes, "min"]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: UsageBilling_module_css_default.peakAlertText,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: UsageBilling_module_css_default.peakDesc,
 						children: desc
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: UsageBilling_module_css_default.peakAlertClose,
-						onClick: onDismiss,
-						"aria-label": t("billing.close"),
-						children: "×"
 					})
 				]
 			});
@@ -4387,16 +4575,24 @@ window.__ModuleLoader__.load({
 							children: cardIcon
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: UsageBilling_module_css_default.triggerBody,
+							className: UsageBilling_module_css_default.triggerMain,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: UsageBilling_module_css_default.triggerRow,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerMeta,
-									children: t("billing.triggerMonth")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerAmount,
-									children: formatMoney(monthCost)
-								})]
+								className: UsageBilling_module_css_default.triggerPrimary,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.triggerLabel,
+										children: t("billing.triggerMonth")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.triggerYen,
+										"aria-hidden": "true",
+										children: formatMoney(monthCost).charAt(0)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.triggerMetric,
+										children: formatMoney(monthCost).slice(1)
+									})
+								]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: UsageBilling_module_css_default.triggerSub,
 								"data-testid": "billing-trigger-today",
@@ -4447,154 +4643,171 @@ window.__ModuleLoader__.load({
 								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)
+										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);
+						})())]
+					}), targetSubs.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: UsageBilling_module_css_default.triggerPopSwitcher,
+						"data-testid": "billing-float-switcher",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: UsageBilling_module_css_default.triggerPopSwitchCount,
+							children: [
+								effectiveSubIndex + 1,
+								"/",
+								targetSubs.length
+							]
+						})
+					})] }) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: UsageBilling_module_css_default.popHead,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.popTitle,
+								children: t("billing.popTitle")
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: UsageBilling_module_css_default.metricGrid,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: UsageBilling_module_css_default.metricCell,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.metricLabel,
+										children: t("billing.monthCost")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: clsx(UsageBilling_module_css_default.metricValue, UsageBilling_module_css_default.metricValuePrimary),
+										children: formatMoney(monthCost)
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: UsageBilling_module_css_default.metricCell,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.metricLabel,
+										children: t("billing.tokenTotal")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.metricValue,
+										children: formatTokens(dash.totalToken)
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: UsageBilling_module_css_default.metricCell,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.metricLabel,
+										children: t("billing.input")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.metricValue,
+										children: formatTokens(dash.input)
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: UsageBilling_module_css_default.metricCell,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.metricLabel,
+										children: t("billing.output")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.metricValue,
+										children: formatTokens(dash.output)
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: UsageBilling_module_css_default.metricCell,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.metricLabel,
+										children: t("billing.cacheHit")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: clsx(UsageBilling_module_css_default.metricValue, UsageBilling_module_css_default.metricValueSuccess),
+										children: formatTokens(dash.cacheRead)
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: UsageBilling_module_css_default.metricCell,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.metricLabel,
+										children: t("billing.calls")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.metricValue,
+										children: dash.calls.toLocaleString()
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: UsageBilling_module_css_default.popModel,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: UsageBilling_module_css_default.popModelLabel,
+								children: t("billing.popTodayModel")
+							}), vendorStatus.direct !== void 0 || vendorStatus.sub !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [vendorStatus.direct !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: UsageBilling_module_css_default.popModelRow,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: clsx(UsageBilling_module_css_default.popDot, UsageBilling_module_css_default.popDotDirect),
+										"aria-hidden": "true"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.popTagPrimary,
+										children: t("billing.popDirectLead")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.popModelName,
+										children: vendorStatus.direct.name
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: clsx(UsageBilling_module_css_default.popModelStatus, vendorStatus.direct.low && UsageBilling_module_css_default.popModelStatusLow),
+										children: vendorStatus.direct.text
+									})
+								]
+							}), vendorStatus.sub !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: UsageBilling_module_css_default.popModelRow,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: clsx(UsageBilling_module_css_default.popDot, UsageBilling_module_css_default.popDotSub),
+										"aria-hidden": "true"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: UsageBilling_module_css_default.popTagSub,
+										children: t("billing.popSubLead")
 									}),
 									/* @__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}%` }
-										})
+										className: UsageBilling_module_css_default.popModelName,
+										children: vendorStatus.sub.name
 									}),
-									/* @__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())}`)
-										})]
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: clsx(UsageBilling_module_css_default.popModelStatus, vendorStatus.sub.low && UsageBilling_module_css_default.popModelStatusLow),
+										children: vendorStatus.sub.text
 									})
 								]
-							}, window.kind);
-						})())]
-					}), targetSubs.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: UsageBilling_module_css_default.triggerPopSwitcher,
-						"data-testid": "billing-float-switcher",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: UsageBilling_module_css_default.triggerPopSwitchCount,
-							children: [
-								effectiveSubIndex + 1,
-								"/",
-								targetSubs.length
-							]
-						})
-					})] }) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: UsageBilling_module_css_default.triggerPopMetrics,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: UsageBilling_module_css_default.triggerPopMetric,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopMetricLabel,
-									children: t("billing.monthCost")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: clsx(UsageBilling_module_css_default.triggerPopMetricValue, UsageBilling_module_css_default.triggerPopMetricHighlight),
-									children: formatMoney(monthCost)
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: UsageBilling_module_css_default.triggerPopMetric,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopMetricLabel,
-									children: t("billing.tokenTotal")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopMetricValue,
-									children: formatTokens(dash.totalToken)
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: UsageBilling_module_css_default.triggerPopMetric,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopMetricLabel,
-									children: t("billing.input")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopMetricValue,
-									children: formatTokens(dash.input)
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: UsageBilling_module_css_default.triggerPopMetric,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopMetricLabel,
-									children: t("billing.output")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopMetricValue,
-									children: formatTokens(dash.output)
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: UsageBilling_module_css_default.triggerPopMetric,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopMetricLabel,
-									children: t("billing.cacheHit")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopMetricValue,
-									children: formatTokens(dash.cacheRead)
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: UsageBilling_module_css_default.triggerPopMetric,
+							})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: UsageBilling_module_css_default.popModelRow,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopMetricLabel,
-									children: t("billing.calls")
+									className: clsx(UsageBilling_module_css_default.popDot, UsageBilling_module_css_default.popDotNeutral),
+									"aria-hidden": "true"
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopMetricValue,
-									children: dash.calls.toLocaleString()
-								})]
-							})
-						]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: UsageBilling_module_css_default.triggerPopFoot,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: UsageBilling_module_css_default.triggerPopFootTitle,
-							children: t("billing.popTodayModel")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: UsageBilling_module_css_default.triggerPopFootNotes,
-							children: [
-								vendorStatus.direct !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: UsageBilling_module_css_default.triggerPopFootNote,
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: clsx(UsageBilling_module_css_default.triggerPopBadge, UsageBilling_module_css_default.triggerPopBadgeDirect),
-											children: t("billing.popDirectLead")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: UsageBilling_module_css_default.triggerPopFootName,
-											children: vendorStatus.direct.name
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: clsx(UsageBilling_module_css_default.triggerPopFootStatus, vendorStatus.direct.low && UsageBilling_module_css_default.triggerPopFootStatusLow),
-											children: vendorStatus.direct.text
-										})
-									]
-								}),
-								vendorStatus.sub !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: UsageBilling_module_css_default.triggerPopFootNote,
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: clsx(UsageBilling_module_css_default.triggerPopBadge, UsageBilling_module_css_default.triggerPopBadgeSub),
-											children: t("billing.popSubLead")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: UsageBilling_module_css_default.triggerPopFootName,
-											children: vendorStatus.sub.name
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: clsx(UsageBilling_module_css_default.triggerPopFootStatus, vendorStatus.sub.low && UsageBilling_module_css_default.triggerPopFootStatusLow),
-											children: vendorStatus.sub.text
-										})
-									]
-								}),
-								vendorStatus.direct === void 0 && vendorStatus.sub === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: UsageBilling_module_css_default.triggerPopFootNote,
+									className: UsageBilling_module_css_default.popModelStatus,
 									children: t("billing.popNoConsumption")
-								})
-							]
-						})]
-					})] })
+								})]
+							})]
+						})
+					] })
 				})]
 			});
 		}
@@ -4820,6 +5033,7 @@ window.__ModuleLoader__.load({
 				yearCost,
 				t
 			]);
+			const heroBudgetPct = budgetEnabled && budgetAmount > 0 ? monthCost / budgetAmount * 100 : 0;
 			const trendDates = (0, react.useMemo)(() => {
 				const out = [];
 				for (let offset = trendDays - 1; offset >= 0; offset -= 1) {
@@ -5017,7 +5231,7 @@ window.__ModuleLoader__.load({
 											onClick: () => {
 												onCurrency(unit);
 											},
-											children: unit === "cny" ? "¥" : "$"
+											children: unit === "cny" ? "¥ CNY" : "$ USD"
 										}, unit))
 									}),
 									health.checked && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -5128,20 +5342,31 @@ 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)
-															})]
-														})]
+														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: [
+																	total.calls.toLocaleString(),
+																	" ",
+																	t("billing.calls")
+																]
+															})
+														]
 													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 														className: UsageBilling_module_css_default.heroGauge,
 														"data-testid": "billing-hero-gauge",
@@ -5173,6 +5398,39 @@ window.__ModuleLoader__.load({
 														})]
 													})]
 												}),
+												budgetEnabled && budgetAmount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: UsageBilling_module_css_default.heroBudget,
+													"data-testid": "billing-hero-budget",
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.heroBudgetLabel,
+															children: t("billing.budget")
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+															className: UsageBilling_module_css_default.heroBudgetTrack,
+															role: "progressbar",
+															"aria-valuenow": Math.min(heroBudgetPct, 100),
+															"aria-valuemin": 0,
+															"aria-valuemax": 100,
+															"aria-label": t("billing.budget"),
+															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: clsx(UsageBilling_module_css_default.heroBudgetFill, heroBudgetPct >= 100 && UsageBilling_module_css_default.heroBudgetFillOver),
+																style: { width: `${Math.min(heroBudgetPct, 100)}%` }
+															})
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: UsageBilling_module_css_default.heroBudgetValue,
+															children: [
+																money(monthCost),
+																" / ",
+																money(budgetAmount),
+																" · ",
+																heroBudgetPct.toFixed(1),
+																"%"
+															]
+														})
+													]
+												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 													className: UsageBilling_module_css_default.heroSide,
 													children: [
@@ -5375,136 +5633,134 @@ window.__ModuleLoader__.load({
 									className: UsageBilling_module_css_default.tabPanel,
 									"data-testid": "billing-tab-panel-settings",
 									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: UsageBilling_module_css_default.settingsHead,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-												className: UsageBilling_module_css_default.settingsTitle,
-												children: t("billing.settingsHead")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: UsageBilling_module_css_default.settingsHint,
-												children: t("billing.settingsHint")
-											})]
-										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-											className: UsageBilling_module_css_default.budget,
+											className: UsageBilling_module_css_default.setCard,
 											"data-testid": "billing-budget",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: UsageBilling_module_css_default.budgetHead,
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: UsageBilling_module_css_default.budgetLabel,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.setCardHead,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: UsageBilling_module_css_default.setCardMeta,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+														className: UsageBilling_module_css_default.setCardTitle,
 														children: t("billing.budget")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-														className: UsageBilling_module_css_default.budgetControls,
-														children: [
-															budgetEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																className: UsageBilling_module_css_default.budgetInputWrap,
-																"data-testid": "billing-budget-input-wrap",
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: UsageBilling_module_css_default.budgetUnit,
-																	"aria-hidden": "true",
-																	children: "¥"
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																	className: UsageBilling_module_css_default.budgetInput,
-																	"data-testid": "billing-budget-input",
-																	type: "number",
-																	min: 0,
-																	step: 1,
-																	value: budgetAmount === 0 ? "" : budgetAmount,
-																	placeholder: stats.budget !== void 0 ? String(stats.budget) : "0",
-																	"aria-label": `${t("billing.budget")}（${currency === "usd" ? "USD" : "CNY"}）`,
-																	title: `${t("billing.budget")}（${currency === "usd" ? "USD" : "CNY"}）`,
-																	onChange: (e) => {
-																		onBudgetAmount(e.target.valueAsNumber);
-																	}
-																})]
-															}),
-															budgetEnabled && budgetAmount > 0 && (() => {
-																const pct = monthCost / budgetAmount * 100;
-																return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																	className: UsageBilling_module_css_default.budgetValue,
-																	"data-testid": "billing-budget-value",
-																	children: [
-																		money(monthCost),
-																		" / ",
-																		money(budgetAmount),
-																		" · ",
-																		pct.toFixed(1),
-																		"%"
-																	]
-																});
-															})(),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-																type: "button",
-																role: "switch",
-																"aria-checked": budgetEnabled,
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: UsageBilling_module_css_default.setCardDesc,
+														children: t("billing.budgetHint")
+													})]
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													role: "switch",
+													"aria-checked": budgetEnabled,
+													"aria-label": t("billing.budget"),
+													"data-testid": "billing-budget-toggle",
+													className: clsx(UsageBilling_module_css_default.switch, budgetEnabled && UsageBilling_module_css_default.switchOn),
+													onClick: onToggleBudget,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: UsageBilling_module_css_default.switchKnob })
+												})]
+											}), budgetEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.ctlCol,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: UsageBilling_module_css_default.ctlRow,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.ctlLabel,
+															children: t("billing.budgetAmount")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: UsageBilling_module_css_default.inp,
+															"data-testid": "billing-budget-input-wrap",
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: UsageBilling_module_css_default.affix,
+																"aria-hidden": "true",
+																children: "¥"
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																className: UsageBilling_module_css_default.budgetInput,
+																"data-testid": "billing-budget-input",
+																type: "number",
+																min: 0,
+																step: 1,
+																value: budgetAmount === 0 ? "" : budgetAmount,
+																placeholder: stats.budget !== void 0 ? String(stats.budget) : "0",
+																"aria-label": `${t("billing.budget")}（${currency === "usd" ? "USD" : "CNY"}）`,
+																title: `${t("billing.budget")}（${currency === "usd" ? "USD" : "CNY"}）`,
+																onChange: (e) => {
+																	onBudgetAmount(e.target.valueAsNumber);
+																}
+															})]
+														})]
+													}),
+													budgetAmount > 0 && (() => {
+														const pct = monthCost / budgetAmount * 100;
+														return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+															className: UsageBilling_module_css_default.ctlRowStretch,
+															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: UsageBilling_module_css_default.prog,
+																role: "progressbar",
+																"aria-valuenow": Math.min(pct, 100),
+																"aria-valuemin": 0,
+																"aria-valuemax": 100,
 																"aria-label": t("billing.budget"),
-																"data-testid": "billing-budget-toggle",
-																className: clsx(UsageBilling_module_css_default.switch, budgetEnabled && UsageBilling_module_css_default.switchOn),
-																onClick: onToggleBudget,
-																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: UsageBilling_module_css_default.switchKnob })
+																"data-testid": "billing-budget-track",
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																	className: clsx(UsageBilling_module_css_default.progFill, pct >= 100 && UsageBilling_module_css_default.budgetFillOver, pct >= 80 && pct < 100 && UsageBilling_module_css_default.budgetFillWarn),
+																	style: { width: `${Math.min(pct, 100)}%` }
+																})
 															})
-														]
-													})]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-													className: UsageBilling_module_css_default.budgetHint,
-													children: t("billing.budgetHint")
-												}),
-												budgetEnabled && budgetAmount > 0 && (() => {
-													const pct = monthCost / budgetAmount * 100;
-													return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-														className: UsageBilling_module_css_default.budgetTrack,
-														"data-testid": "billing-budget-track",
-														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-															className: clsx(UsageBilling_module_css_default.budgetFill, pct >= 100 && UsageBilling_module_css_default.budgetFillOver, pct >= 80 && pct < 100 && UsageBilling_module_css_default.budgetFillWarn),
-															style: { width: `${Math.min(pct, 100)}%` }
-														})
-													});
-												})()
-											]
+														});
+													})(),
+													budgetAmount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: UsageBilling_module_css_default.setCardDesc,
+														"data-testid": "billing-budget-value",
+														children: t("billing.budgetSummary").replace("{used}", money(monthCost)).replace("{total}", money(budgetAmount))
+													})
+												]
+											})]
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-											className: UsageBilling_module_css_default.peakAlertPanel,
+											className: UsageBilling_module_css_default.setCard,
 											"data-testid": "billing-peak-alert-settings",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: UsageBilling_module_css_default.peakAlertPanelHead,
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: UsageBilling_module_css_default.peakAlertPanelLabel,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.setCardHead,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: UsageBilling_module_css_default.setCardMeta,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+														className: UsageBilling_module_css_default.setCardTitle,
 														children: t("billing.peakAlert")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														role: "switch",
-														"aria-checked": peakConfig.enabled,
-														"aria-label": t("billing.peakAlert"),
-														"data-testid": "billing-peak-alert-toggle",
-														className: clsx(UsageBilling_module_css_default.switch, peakConfig.enabled && UsageBilling_module_css_default.switchOn),
-														onClick: () => {
-															onPeakConfig({
-																...peakConfig,
-																enabled: !peakConfig.enabled
-															});
-														},
-														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: UsageBilling_module_css_default.switchKnob })
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: UsageBilling_module_css_default.setCardDesc,
+														children: t("billing.peakAlertHint")
 													})]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-													className: UsageBilling_module_css_default.peakAlertHint,
-													children: t("billing.peakAlertHint")
-												}),
-												peakConfig.enabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: UsageBilling_module_css_default.peakAlertPanelBody,
-													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-															className: UsageBilling_module_css_default.peakAlertField,
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("billing.peakAlertLeadMin") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													role: "switch",
+													"aria-checked": peakConfig.enabled,
+													"aria-label": t("billing.peakAlert"),
+													"data-testid": "billing-peak-alert-toggle",
+													className: clsx(UsageBilling_module_css_default.switch, peakConfig.enabled && UsageBilling_module_css_default.switchOn),
+													onClick: () => {
+														onPeakConfig({
+															...peakConfig,
+															enabled: !peakConfig.enabled
+														});
+													},
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: UsageBilling_module_css_default.switchKnob })
+												})]
+											}), peakConfig.enabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.ctlCol,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+														className: UsageBilling_module_css_default.ctlRow,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.ctlLabel,
+															children: t("billing.peakAlertLeadMin")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.inp,
+															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 																type: "number",
 																min: 1,
 																max: 30,
 																step: 1,
 																value: peakConfig.leadMin,
-																className: UsageBilling_module_css_default.peakAlertNum,
+																className: UsageBilling_module_css_default.budgetInput,
 																"aria-label": t("billing.peakAlertLeadMin"),
 																onChange: (e) => {
 																	const v = Number(e.target.valueAsNumber);
@@ -5513,169 +5769,205 @@ window.__ModuleLoader__.load({
 																		leadMin: Number.isFinite(v) ? Math.min(30, Math.max(1, Math.round(v))) : peakConfig.leadMin
 																	});
 																}
-															})]
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-															className: UsageBilling_module_css_default.peakAlertField,
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("billing.peakAlertPosCorner") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-																value: peakConfig.position,
-																className: UsageBilling_module_css_default.peakAlertSelect,
-																onChange: (e) => {
-																	onPeakConfig({
-																		...peakConfig,
-																		position: e.target.value === "center" ? "center" : "bottom-right"
-																	});
-																},
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																	value: "bottom-right",
-																	children: t("billing.peakAlertPosCorner")
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																	value: "center",
-																	children: t("billing.peakAlertPosCenter")
-																})]
-															})]
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-															className: UsageBilling_module_css_default.peakAlertField,
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("billing.peakAlert") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-																value: peakConfig.mode,
-																className: UsageBilling_module_css_default.peakAlertSelect,
-																onChange: (e) => {
-																	const m = e.target.value;
-																	onPeakConfig({
-																		...peakConfig,
-																		mode: m === "peak" || m === "offPeak" ? m : "both"
-																	});
-																},
+															})
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: UsageBilling_module_css_default.ctlRow,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.ctlLabel,
+															children: t("billing.peakAlertPos")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+															className: UsageBilling_module_css_default.ctlGroup,
+															role: "radiogroup",
+															"aria-label": t("billing.peakAlertPos"),
+															children: ["bottom-right", "center"].map((pos) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																className: UsageBilling_module_css_default.rdo,
 																children: [
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																		value: "both",
-																		children: t("billing.peakAlertModeBoth")
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																		type: "radio",
+																		name: "peak-pos",
+																		checked: peakConfig.position === pos,
+																		onChange: () => onPeakConfig({
+																			...peakConfig,
+																			position: pos
+																		})
 																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																		value: "peak",
-																		children: t("billing.peakAlertModePeak")
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		className: UsageBilling_module_css_default.rdoDot,
+																		"aria-hidden": "true"
 																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																		value: "offPeak",
-																		children: t("billing.peakAlertModeOff")
-																	})
+																	pos === "bottom-right" ? t("billing.peakAlertPosCorner") : t("billing.peakAlertPosCenter")
 																]
-															})]
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-															className: UsageBilling_module_css_default.peakAlertCheck,
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																type: "checkbox",
-																checked: peakConfig.webNotify,
-																onChange: (e) => {
-																	onPeakConfig({
-																		...peakConfig,
-																		webNotify: e.target.checked
-																	});
-																}
-															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("billing.peakAlertWebNotify") })]
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															}, pos))
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: UsageBilling_module_css_default.ctlRow,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.ctlLabel,
+															children: t("billing.peakAlertMode")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+															className: UsageBilling_module_css_default.ctlGroup,
+															role: "radiogroup",
+															"aria-label": t("billing.peakAlertMode"),
+															children: [
+																"both",
+																"peak",
+																"offPeak"
+															].map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																className: UsageBilling_module_css_default.rdo,
+																children: [
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																		type: "radio",
+																		name: "peak-mode",
+																		checked: peakConfig.mode === m,
+																		onChange: () => onPeakConfig({
+																			...peakConfig,
+																			mode: m
+																		})
+																	}),
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		className: UsageBilling_module_css_default.rdoDot,
+																		"aria-hidden": "true"
+																	}),
+																	m === "both" ? t("billing.peakAlertModeBoth") : m === "peak" ? t("billing.peakAlertModePeak") : t("billing.peakAlertModeOff")
+																]
+															}, m))
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+														className: UsageBilling_module_css_default.ctlRow,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.ctlLabel,
+															children: t("billing.peakAlertWebNotify")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+															type: "checkbox",
+															checked: peakConfig.webNotify,
+															"aria-label": t("billing.peakAlertWebNotify"),
+															onChange: (e) => {
+																onPeakConfig({
+																	...peakConfig,
+																	webNotify: e.target.checked
+																});
+															}
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: UsageBilling_module_css_default.ctlRow,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 															type: "button",
-															className: UsageBilling_module_css_default.peakAlertPreview,
+															className: UsageBilling_module_css_default.btn,
 															onClick: onPreviewPeak,
 															children: t("billing.peakAlertPreview")
 														})
-													]
-												})
-											]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-											className: UsageBilling_module_css_default.budget,
-											"data-testid": "billing-usage-stats-tool-setting",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: UsageBilling_module_css_default.budgetHead,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: UsageBilling_module_css_default.budgetLabel,
-													children: t("billing.usageStatsTool")
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: UsageBilling_module_css_default.budgetControls,
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														role: "switch",
-														"aria-checked": usageStatsEnabled,
-														"aria-label": t("billing.usageStatsTool"),
-														"data-testid": "billing-usage-stats-tool-toggle",
-														className: clsx(UsageBilling_module_css_default.switch, usageStatsEnabled && UsageBilling_module_css_default.switchOn),
-														onClick: toggleUsageStats,
-														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: UsageBilling_module_css_default.switchKnob })
 													})
-												})]
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: UsageBilling_module_css_default.budgetHint,
-												children: t("billing.usageStatsToolHint")
+												]
 											})]
 										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-											className: UsageBilling_module_css_default.budget,
-											"data-testid": "billing-float-setting",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: UsageBilling_module_css_default.budgetHead,
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: UsageBilling_module_css_default.budgetLabel,
-														children: t("billing.floatWindow")
-													})
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: UsageBilling_module_css_default.floatModeRow,
-													"data-testid": "billing-float-mode",
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: clsx(UsageBilling_module_css_default.floatModeBtn, floatPrefs.mode === "combined" && UsageBilling_module_css_default.floatModeBtnOn),
-														"data-testid": "billing-float-mode-combined",
-														onClick: () => onFloatPrefs({
-															mode: "combined",
-															targets: floatPrefs.targets
-														}),
-														children: t("billing.floatModeCombined")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: clsx(UsageBilling_module_css_default.floatModeBtn, floatPrefs.mode === "subscription" && UsageBilling_module_css_default.floatModeBtnOn),
-														"data-testid": "billing-float-mode-subscription",
-														onClick: () => onFloatPrefs({
-															mode: "subscription",
-															targets: floatPrefs.targets
-														}),
-														children: t("billing.floatModeSubscription")
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+											className: UsageBilling_module_css_default.setCard,
+											"data-testid": "billing-usage-stats-tool-setting",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.setCardHead,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: UsageBilling_module_css_default.setCardMeta,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+														className: UsageBilling_module_css_default.setCardTitle,
+														children: t("billing.usageStatsTool")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: UsageBilling_module_css_default.setCardDesc,
+														children: t("billing.usageStatsToolHint")
 													})]
-												}),
-												floatPrefs.mode === "subscription" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: UsageBilling_module_css_default.floatTargets,
-													"data-testid": "billing-float-targets",
-													children: [subscriptionOptions.map((option) => {
-														const on = floatPrefs.targets.includes(option.id);
-														return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-															className: UsageBilling_module_css_default.floatTarget,
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																type: "checkbox",
-																checked: on,
-																"data-testid": `billing-float-target-${option.id}`,
-																onChange: () => onFloatPrefs({
-																	mode: "subscription",
-																	targets: on ? floatPrefs.targets.filter((id) => id !== option.id) : [...floatPrefs.targets, option.id]
-																})
-															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																className: UsageBilling_module_css_default.floatTargetLabel,
-																children: option.label
-															})]
-														}, option.id);
-													}), subscriptionOptions.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: UsageBilling_module_css_default.budgetHint,
-														children: t("billing.floatNoTargetsHint")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													role: "switch",
+													"aria-checked": usageStatsEnabled,
+													"aria-label": t("billing.usageStatsTool"),
+													"data-testid": "billing-usage-stats-tool-toggle",
+													className: clsx(UsageBilling_module_css_default.switch, usageStatsEnabled && UsageBilling_module_css_default.switchOn),
+													onClick: toggleUsageStats,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: UsageBilling_module_css_default.switchKnob })
+												})]
+											})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											className: UsageBilling_module_css_default.setCard,
+											"data-testid": "billing-float-setting",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: UsageBilling_module_css_default.setCardHead,
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: UsageBilling_module_css_default.setCardMeta,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+														className: UsageBilling_module_css_default.setCardTitle,
+														children: t("billing.floatWindow")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: UsageBilling_module_css_default.setCardDesc,
+														children: t("billing.floatWindowHint")
 													})]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-													className: UsageBilling_module_css_default.budgetHint,
-													children: t("billing.floatWindowHint")
 												})
-											]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.ctlCol,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: UsageBilling_module_css_default.ctlRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: UsageBilling_module_css_default.ctlLabel,
+														children: t("billing.floatMode")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: UsageBilling_module_css_default.ctlGroup,
+														"data-testid": "billing-float-mode",
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: clsx(UsageBilling_module_css_default.floatModeBtn, floatPrefs.mode === "combined" && UsageBilling_module_css_default.floatModeBtnOn),
+															"data-testid": "billing-float-mode-combined",
+															onClick: () => onFloatPrefs({
+																mode: "combined",
+																targets: floatPrefs.targets
+															}),
+															children: t("billing.floatModeCombined")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: clsx(UsageBilling_module_css_default.floatModeBtn, floatPrefs.mode === "subscription" && UsageBilling_module_css_default.floatModeBtnOn),
+															"data-testid": "billing-float-mode-subscription",
+															onClick: () => onFloatPrefs({
+																mode: "subscription",
+																targets: floatPrefs.targets
+															}),
+															children: t("billing.floatModeSubscription")
+														})]
+													})]
+												}), floatPrefs.mode === "subscription" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: UsageBilling_module_css_default.ctlRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: UsageBilling_module_css_default.ctlLabel,
+														children: t("billing.floatTargets")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: UsageBilling_module_css_default.ctlGroup,
+														"data-testid": "billing-float-targets",
+														children: [subscriptionOptions.map((option) => {
+															const on = floatPrefs.targets.includes(option.id);
+															return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																className: UsageBilling_module_css_default.floatTarget,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																	type: "checkbox",
+																	checked: on,
+																	"data-testid": `billing-float-target-${option.id}`,
+																	onChange: () => onFloatPrefs({
+																		mode: "subscription",
+																		targets: on ? floatPrefs.targets.filter((id) => id !== option.id) : [...floatPrefs.targets, option.id]
+																	})
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: UsageBilling_module_css_default.floatTargetLabel,
+																	children: option.label
+																})]
+															}, option.id);
+														}), subscriptionOptions.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.setCardDesc,
+															children: t("billing.floatNoTargetsHint")
+														})]
+													})]
+												})]
+											})]
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginInfoCard, {
 											t,
@@ -5688,48 +5980,50 @@ window.__ModuleLoader__.load({
 									"data-testid": "billing-tab-panel-trends",
 									children: [
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-											className: clsx(UsageBilling_module_css_default.panel, UsageBilling_module_css_default.trendPanel),
+											className: clsx(UsageBilling_module_css_default.ubCard, UsageBilling_module_css_default.trendPanel),
 											"data-testid": "billing-panel-trend",
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: UsageBilling_module_css_default.panelHead,
+												className: UsageBilling_module_css_default.ubCardHead,
 												children: [
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-														className: UsageBilling_module_css_default.panelTitle,
+														className: UsageBilling_module_css_default.ubCardTitle,
 														children: t("billing.trend")
 													}),
 													renderSlot("billing.dashboard.decor", { position: "trend" }),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: UsageBilling_module_css_default.rangeToggle,
-														role: "group",
-														"aria-label": t("billing.trend"),
-														children: [7, 30].map((days) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															type: "button",
-															className: clsx(UsageBilling_module_css_default.rangeButton, trendDays === days && UsageBilling_module_css_default.rangeButtonActive),
-															"aria-pressed": trendDays === days,
-															"data-testid": `billing-trend-${days}d`,
-															onClick: () => {
-																setTrendDays(days);
-															},
-															children: days === 7 ? t("billing.trend7d") : t("billing.trend30d")
-														}, days))
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: UsageBilling_module_css_default.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.jsxs)("span", {
+														className: UsageBilling_module_css_default.ubCardControlGroup,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.rangeToggle,
+															role: "group",
+															"aria-label": t("billing.trend"),
+															children: [7, 30].map((days) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: clsx(UsageBilling_module_css_default.rangeButton, trendDays === days && UsageBilling_module_css_default.rangeButtonActive),
+																"aria-pressed": trendDays === days,
+																"data-testid": `billing-trend-${days}d`,
+																onClick: () => {
+																	setTrendDays(days);
+																},
+																children: days === 7 ? t("billing.trend7d") : t("billing.trend30d")
+															}, days))
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.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,
+														className: UsageBilling_module_css_default.ubCardSub,
 														children: latestDate
 													})
 												]
@@ -5741,44 +6035,51 @@ window.__ModuleLoader__.load({
 											})]
 										}),
 										turns.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-											className: UsageBilling_module_css_default.panel,
+											className: UsageBilling_module_css_default.ubCard,
 											"data-testid": "billing-panel-rounds",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: UsageBilling_module_css_default.panelHead,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-													className: UsageBilling_module_css_default.panelTitle,
-													children: t("billing.rounds")
-												}), roundFlags.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: UsageBilling_module_css_default.roundsFlagBadge,
-													"data-testid": "billing-rounds-flag-count",
-													children: [
-														roundFlags.length,
-														" ",
-														t("billing.anomaly")
-													]
-												})]
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoundCostChart, {
-												rounds: turns,
-												flags: roundFlags,
-												currency,
-												t
-											})]
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: UsageBilling_module_css_default.ubCardHead,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+														className: UsageBilling_module_css_default.ubCardTitle,
+														children: t("billing.rounds")
+													}), roundFlags.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: UsageBilling_module_css_default.ubTagError,
+														"data-testid": "billing-rounds-flag-count",
+														children: [
+															roundFlags.length,
+															" ",
+															t("billing.anomaly")
+														]
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+													className: UsageBilling_module_css_default.ubCardSub,
+													children: t("billing.roundsHint").replace("{count}", String(turns.length))
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoundCostChart, {
+													rounds: turns,
+													flags: roundFlags,
+													currency,
+													t
+												})
+											]
 										}),
 										turns.length > 0 && (() => {
 											const shareTotal = peakShare.peak + peakShare.offPeak;
 											if (shareTotal <= 0) return null;
 											const peakPct = peakShare.peak / shareTotal * 100;
 											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-												className: UsageBilling_module_css_default.panel,
+												className: UsageBilling_module_css_default.ubCard,
 												"data-testid": "billing-panel-share",
 												children: [
 													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: UsageBilling_module_css_default.panelHead,
+														className: UsageBilling_module_css_default.ubCardHead,
 														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-															className: UsageBilling_module_css_default.panelTitle,
+															className: UsageBilling_module_css_default.ubCardTitle,
 															children: t("billing.peakShare")
 														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: UsageBilling_module_css_default.panelHint,
+															className: UsageBilling_module_css_default.ubCardSub,
 															children: t("billing.peakShareHint").replace("{count}", String(turns.length))
 														})]
 													}),
@@ -6288,182 +6589,151 @@ window.__ModuleLoader__.load({
 												})
 											]
 										}),
-										bucketSummary !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-											className: UsageBilling_module_css_default.panel,
-											"data-testid": "billing-panel-buckets",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: UsageBilling_module_css_default.panelHead,
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
-													className: UsageBilling_module_css_default.panelTitle,
-													children: [
-														t("billing.official"),
-														" / ",
-														t("billing.thirdParty")
-													]
-												})
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: UsageBilling_module_css_default.bucketSummary,
+										bucketSummary !== void 0 && (() => {
+											const totalCost = bucketSummary.officialCost + bucketSummary.thirdCost;
+											const officialPct = totalCost > 0 ? bucketSummary.officialCost / totalCost * 100 : 0;
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.ubStatGrid,
+												"data-testid": "billing-panel-buckets",
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: UsageBilling_module_css_default.bucketStat,
+													className: UsageBilling_module_css_default.ubStatCard,
 													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: UsageBilling_module_css_default.bucketStatLabel,
-															children: t("billing.official")
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: UsageBilling_module_css_default.ubStatLabel,
+															children: [t("billing.official"), "（=DeepSeek 直连）"]
 														}),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: UsageBilling_module_css_default.bucketStatValue,
+															className: UsageBilling_module_css_default.ubStatValue,
 															children: money(bucketSummary.officialCost)
 														}),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-															className: UsageBilling_module_css_default.bucketStatSub,
+															className: UsageBilling_module_css_default.ubStatDetail,
 															children: [
 																bucketSummary.officialCalls,
 																" ",
-																t("billing.calls")
+																t("billing.calls"),
+																" · ",
+																officialPct.toFixed(1),
+																"%"
 															]
 														})
 													]
 												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: UsageBilling_module_css_default.bucketStat,
+													className: UsageBilling_module_css_default.ubStatCard,
 													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: UsageBilling_module_css_default.bucketStatLabel,
-															children: t("billing.thirdParty")
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: UsageBilling_module_css_default.ubStatLabel,
+															children: [t("billing.thirdParty"), "（中转）"]
 														}),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: UsageBilling_module_css_default.bucketStatValue,
+															className: UsageBilling_module_css_default.ubStatValue,
 															children: money(bucketSummary.thirdCost)
 														}),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-															className: UsageBilling_module_css_default.bucketStatSub,
+															className: UsageBilling_module_css_default.ubStatDetail,
 															children: [
 																bucketSummary.thirdCalls,
 																" ",
-																t("billing.calls")
+																t("billing.calls"),
+																" · ",
+																(100 - officialPct).toFixed(1),
+																"%"
 															]
 														})
 													]
 												})]
-											})]
-										}),
+											});
+										})(),
 										stats.byWorkspace !== void 0 && stats.byWorkspace.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-											className: UsageBilling_module_css_default.panel,
+											className: UsageBilling_module_css_default.ubCard,
 											"data-testid": "billing-panel-workspaces",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: UsageBilling_module_css_default.panelHead,
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-													className: UsageBilling_module_css_default.panelTitle,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.ubCardHead,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+													className: UsageBilling_module_css_default.ubCardTitle,
 													children: t("billing.workspaces")
-												})
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: UsageBilling_module_css_default.tableScroll,
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-													className: UsageBilling_module_css_default.modelTable,
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.project") }),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-															className: UsageBilling_module_css_default.numCol,
-															children: t("billing.calls")
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-															className: UsageBilling_module_css_default.numCol,
-															children: t("billing.inputTokens")
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-															className: UsageBilling_module_css_default.numCol,
-															children: t("billing.outputTokens")
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-															className: UsageBilling_module_css_default.numCol,
-															children: t("billing.actual")
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-															className: UsageBilling_module_css_default.numCol,
-															children: t("billing.lastActive")
-														})
-													] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: stats.byWorkspace.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
-														onClick: () => {
-															setExpandedProject(expandedProject === row.name ? void 0 : row.name);
-														},
-														style: { cursor: "pointer" },
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: UsageBilling_module_css_default.ubCardSub,
+													children: t("billing.workspacesHint")
+												})]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+												className: UsageBilling_module_css_default.rowlist,
+												children: stats.byWorkspace.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													className: UsageBilling_module_css_default.rowline,
+													"data-testid": `billing-workspace-${row.name}`,
+													onClick: () => {
+														setExpandedProject(expandedProject === row.name ? void 0 : row.name);
+													},
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: UsageBilling_module_css_default.rowlineName,
+														children: row.name
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: UsageBilling_module_css_default.rowlineRight,
 														children: [
-															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																className: UsageBilling_module_css_default.modelName,
-																children: row.name
-															}) }),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-																className: UsageBilling_module_css_default.numCol,
-																children: row.calls.toLocaleString()
-															}),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-																className: UsageBilling_module_css_default.numCol,
-																children: formatTokens(row.input)
-															}),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-																className: UsageBilling_module_css_default.numCol,
-																children: formatTokens(row.output)
-															}),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-																className: UsageBilling_module_css_default.numCol,
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: UsageBilling_module_css_default.num,
 																children: money(row.cost)
 															}),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-																className: UsageBilling_module_css_default.numCol,
-																children: row.lastActive > 0 ? `${localDayStamp(row.lastActive)}` : "—"
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																className: UsageBilling_module_css_default.rowlineMuted,
+																children: [
+																	row.calls,
+																	" ",
+																	t("billing.calls")
+																]
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: UsageBilling_module_css_default.rowlineChev,
+																"aria-hidden": "true",
+																children: "›"
 															})
 														]
-													}), expandedProject === row.name && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-														colSpan: 6,
-														style: { padding: "0" },
-														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
-															className: UsageBilling_module_css_default.modelTable,
-															style: {
-																margin: 0,
-																border: "none",
-																background: "var(--dsw-alias-bg-layer-1)"
-															},
-															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: stats.bySession?.filter((s) => projectName(s.cwd) === row.name).slice(0, 5).map((s) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: UsageBilling_module_css_default.modelName,
-																	children: s.title ?? s.id.slice(0, 8)
-																}) }),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-																	className: UsageBilling_module_css_default.numCol,
-																	children: s.calls.toLocaleString()
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-																	className: UsageBilling_module_css_default.numCol,
-																	children: money(s.cost)
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-																	className: UsageBilling_module_css_default.numCol,
-																	children: localDayStamp(s.lastActive)
-																})
-															] }, s.id)) })
-														})
-													}) })] }, row.name)) })]
-												})
+													})]
+												}) }), expandedProject === row.name && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+													className: UsageBilling_module_css_default.rowlineDrillWrap,
+													children: stats.bySession?.filter((s) => projectName(s.cwd) === row.name).slice(0, 5).map((s) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: UsageBilling_module_css_default.rowlineDrill,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.rowlineName,
+															children: s.title ?? s.id.slice(0, 8)
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: UsageBilling_module_css_default.rowlineRight,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: UsageBilling_module_css_default.num,
+																children: money(s.cost)
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																className: UsageBilling_module_css_default.rowlineMuted,
+																children: [
+																	s.calls,
+																	" ",
+																	t("billing.calls")
+																]
+															})]
+														})]
+													}, s.id))
+												})] }, row.name))
 											})]
 										}),
 										stats.bySession !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-											className: UsageBilling_module_css_default.panel,
+											className: UsageBilling_module_css_default.ubCard,
 											"data-testid": "billing-panel-sessions",
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: UsageBilling_module_css_default.panelHead,
+												className: UsageBilling_module_css_default.ubCardHead,
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-													className: UsageBilling_module_css_default.panelTitle,
+													className: UsageBilling_module_css_default.ubCardTitle,
 													children: t("billing.sessions")
 												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: UsageBilling_module_css_default.panelHint,
+													className: UsageBilling_module_css_default.ubCardSub,
 													children: stats.bySession.length > SESSION_DISPLAY_LIMIT ? t("billing.sessionOverflow").replace("{limit}", String(SESSION_DISPLAY_LIMIT)).replace("{total}", String(stats.bySession.length)) : `${stats.bySession.length}`
 												})]
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: UsageBilling_module_css_default.tableScroll,
+												className: UsageBilling_module_css_default.ubTablewrap,
 												"data-testid": "billing-sessions-table",
 												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-													className: UsageBilling_module_css_default.modelTable,
+													className: UsageBilling_module_css_default.ubTable,
 													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.sessions") }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.sessionTitle") }),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.project") }),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
 															className: UsageBilling_module_css_default.numCol,
@@ -6535,136 +6805,202 @@ window.__ModuleLoader__.load({
 										})]
 									})]
 								}),
-								tab === "pricing" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								tab === "pricing" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: UsageBilling_module_css_default.tabPanel,
 									"data-testid": "billing-tab-panel-pricing",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-										className: UsageBilling_module_css_default.panel,
-										"data-testid": "billing-panel-pricing",
-										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.pricing")
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: UsageBilling_module_css_default.panelHint,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: UsageBilling_module_css_default.ubAlert,
+											role: "note",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.ubAlertLeft,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: UsageBilling_module_css_default.ubRate,
+													"data-testid": "billing-rate",
 													children: [
 														t("billing.todayRate"),
 														" 1 USD = ",
-														formatMoney(rateInfo.rate),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: clsx(UsageBilling_module_css_default.rateBadge, rateInfo.live ? UsageBilling_module_css_default.rateBadgeLive : UsageBilling_module_css_default.rateBadgeBuiltin),
-															children: rateInfo.live ? t("billing.rateLive") : t("billing.rateBuiltin")
-														})
+														formatMoney(rateInfo.rate)
 													]
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: clsx(UsageBilling_module_css_default.ubTag, rateInfo.live ? UsageBilling_module_css_default.ubTagSuccess : UsageBilling_module_css_default.ubTagNeutral),
+													children: rateInfo.live ? t("billing.rateLive") : t("billing.rateBuiltin")
 												})]
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: UsageBilling_module_css_default.pricingTip,
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: UsageBilling_module_css_default.ubAlertNote,
 												children: t("billing.pricingTip")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: UsageBilling_module_css_default.tableScroll,
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											className: UsageBilling_module_css_default.ubCard,
+											"data-testid": "billing-panel-pricing",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: UsageBilling_module_css_default.ubCardHead,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+													className: UsageBilling_module_css_default.ubCardTitle,
+													children: t("billing.pricing")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: UsageBilling_module_css_default.ubCardSub,
+													children: t("billing.pricingUnit")
+												})]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: UsageBilling_module_css_default.ubTablewrap,
 												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-													className: UsageBilling_module_css_default.pricingTable,
+													className: UsageBilling_module_css_default.ubTable,
 													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: "Model" }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.thModel") }),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
 															className: UsageBilling_module_css_default.numCol,
-															children: t("billing.input")
+															children: t("billing.thInputMiss")
 														}),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
 															className: UsageBilling_module_css_default.numCol,
-															children: t("billing.cacheHit")
+															children: t("billing.thInputHit")
 														}),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
 															className: UsageBilling_module_css_default.numCol,
 															children: t("billing.output")
 														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.band") })
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+															className: UsageBilling_module_css_default.numCol,
+															children: t("billing.band")
+														})
 													] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: catalogEntries().map((entry) => {
 														const hasPrice = entry.price.input > 0 || entry.price.output > 0;
 														return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
 															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																className: UsageBilling_module_css_default.modelCell,
+																className: UsageBilling_module_css_default.ubModel,
 																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: UsageBilling_module_css_default.modelDot,
-																	style: { background: resolveToken(entry.colorVar) }
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																	className: UsageBilling_module_css_default.modelName,
+																	className: UsageBilling_module_css_default.ubModelDot,
+																	style: { background: resolveToken(entry.colorVar) },
+																	"aria-hidden": "true"
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																	className: UsageBilling_module_css_default.ubModelName,
 																	children: [entry.name, entry.uncatalogued && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: UsageBilling_module_css_default.uncataloguedTag,
+																		className: UsageBilling_module_css_default.ubTagAlert,
 																		"data-testid": "billing-price-uncatalogued",
 																		children: t("billing.uncatalogued")
 																	})]
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: UsageBilling_module_css_default.modelProvider,
-																	children: providerName(entry.provider)
-																})] })]
+																})]
 															}) }),
 															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
 																className: UsageBilling_module_css_default.numCol,
-																children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																	className: UsageBilling_module_css_default.bandPrice,
-																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: unitMoney(entry.price.input, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: UsageBilling_module_css_default.bandPriceOff,
-																		children: unitMoney(entry.price.offPeak.input, entry.price.currency)
-																	})]
-																}) : unitMoney(entry.price.input, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																children: hasPrice ? unitMoney(entry.price.input, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 																	className: UsageBilling_module_css_default.na,
 																	children: "—"
 																})
 															}),
 															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
 																className: UsageBilling_module_css_default.numCol,
-																children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																	className: UsageBilling_module_css_default.bandPrice,
-																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: unitMoney(entry.price.cacheHit, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: UsageBilling_module_css_default.bandPriceOff,
-																		children: unitMoney(entry.price.offPeak.cacheHit, entry.price.currency)
-																	})]
-																}) : unitMoney(entry.price.cacheHit, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																children: hasPrice ? unitMoney(entry.price.cacheHit, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 																	className: UsageBilling_module_css_default.na,
 																	children: "—"
 																})
 															}),
 															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
 																className: UsageBilling_module_css_default.numCol,
-																children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																	className: UsageBilling_module_css_default.bandPrice,
-																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: unitMoney(entry.price.output, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: UsageBilling_module_css_default.bandPriceOff,
-																		children: unitMoney(entry.price.offPeak.output, entry.price.currency)
-																	})]
-																}) : unitMoney(entry.price.output, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																children: hasPrice ? unitMoney(entry.price.output, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 																	className: UsageBilling_module_css_default.na,
 																	children: "—"
 																})
 															}),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: entry.price.offPeak !== void 0 && entry.peakHours !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																className: UsageBilling_module_css_default.bandTag,
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
-																	t("billing.peak"),
-																	" ",
-																	entry.peakHours
-																] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																	className: UsageBilling_module_css_default.bandTagOff,
-																	children: [t("billing.offPeak"), " 50%"]
-																})]
-															}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																className: UsageBilling_module_css_default.flatTag,
-																children: t("billing.flat")
-															}) })
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+																className: UsageBilling_module_css_default.numCol,
+																children: hasPrice && entry.price.offPeak !== void 0 && entry.peakHours !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																	className: UsageBilling_module_css_default.ubPricepair,
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																		className: UsageBilling_module_css_default.ubChipPeak,
+																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																			className: UsageBilling_module_css_default.ubChipLabel,
+																			children: t("billing.ubPeak")
+																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																			className: UsageBilling_module_css_default.num,
+																			children: [
+																				unitMoney(entry.price.input, entry.price.currency),
+																				" / ",
+																				unitMoney(entry.price.output, entry.price.currency)
+																			]
+																		})]
+																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																		className: UsageBilling_module_css_default.ubChipOff,
+																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																			className: UsageBilling_module_css_default.ubChipLabel,
+																			children: t("billing.ubOff")
+																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																			className: UsageBilling_module_css_default.num,
+																			children: [
+																				unitMoney(entry.price.offPeak.input, entry.price.currency),
+																				" / ",
+																				unitMoney(entry.price.offPeak.output, entry.price.currency)
+																			]
+																		})]
+																	})]
+																}) : hasPrice ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: UsageBilling_module_css_default.flatTag,
+																	children: t("billing.flat")
+																}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: UsageBilling_module_css_default.na,
+																	children: "—"
+																})
+															})
 														] }, entry.key);
 													}) })]
 												})
-											})
-										]
-									})
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											className: UsageBilling_module_css_default.ubCard,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: UsageBilling_module_css_default.ubCardHead,
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+													className: UsageBilling_module_css_default.ubCardTitle,
+													children: t("billing.pricingNotes")
+												})
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+												className: UsageBilling_module_css_default.ubNotes,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+														className: UsageBilling_module_css_default.ubNotesItem,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.ubNotesTerm,
+															children: t("billing.cacheHit")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.ubNotesDesc,
+															children: t("billing.noteCache")
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+														className: UsageBilling_module_css_default.ubNotesItem,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.ubNotesTerm,
+															children: t("billing.peakBand")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.ubNotesDesc,
+															children: t("billing.noteBand")
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+														className: UsageBilling_module_css_default.ubNotesItem,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.ubNotesTerm,
+															children: t("billing.pricingSource")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: UsageBilling_module_css_default.ubNotesDesc,
+															children: t("billing.noteSource")
+														})]
+													})
+												]
+											})]
+										})
+									]
 								}),
 								renderSlot("billing.dashboard.decor", { position: "footer" })
 							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+							className: UsageBilling_module_css_default.modalFooter,
+							"data-testid": "billing-footer",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("billing.footer") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("billing.footerCredit").replace("{version}", stats.pluginVersion === void 0 ? "—" : `v${stats.pluginVersion}`) })]
 						})
 					]
 				})
@@ -7150,57 +7486,66 @@ window.__ModuleLoader__.load({
 			const money = (cny) => formatMoney(cny, "cny");
 			if (sessionId === void 0) return null;
 			const hasCost = sessionCost > 0 || turnCost > 0;
+			const isPeak = tier.tier === "peak";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: UsageBilling_module_css_default.liveCostBar,
+				className: UsageBilling_module_css_default.feeBar,
 				"data-testid": "billing-live-cost-bar",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: tier.tier === "peak" ? UsageBilling_module_css_default.liveTierPeak : UsageBilling_module_css_default.liveTierOff,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: isPeak ? UsageBilling_module_css_default.feeChipPrimary : UsageBilling_module_css_default.feeChipOff,
 						"data-testid": "billing-live-tier",
-						children: [
-							tier.tier === "peak" ? t("billing.tierPeak") : t("billing.tierOff"),
-							" · ",
-							formatSwitchCountdown(tier.nextSwitchInMs),
-							" ",
-							tier.tier === "peak" ? t("billing.tierToOff") : t("billing.tierToPeak")
-						]
+						children: isPeak ? t("billing.tierPeak") : t("billing.tierOff")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: UsageBilling_module_css_default.feeCount,
+						children: formatSwitchCountdown(tier.nextSwitchInMs)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: UsageBilling_module_css_default.feeSuffix,
+						children: isPeak ? t("billing.tierToOff") : t("billing.tierToPeak")
 					}),
 					hasCost && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: UsageBilling_module_css_default.liveCostSep,
+							className: UsageBilling_module_css_default.feeSep,
 							"aria-hidden": "true",
 							children: "·"
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: UsageBilling_module_css_default.liveCostItem,
+							className: UsageBilling_module_css_default.feeItem,
 							"data-testid": "billing-live-turn",
 							children: [
 								t("billing.liveTurn"),
 								" ",
-								money(turnCost)
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: UsageBilling_module_css_default.feeNum,
+									children: money(turnCost)
+								})
 							]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: UsageBilling_module_css_default.liveCostSep,
+							className: UsageBilling_module_css_default.feeSep,
 							"aria-hidden": "true",
 							children: "·"
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: UsageBilling_module_css_default.liveCostItem,
+							className: UsageBilling_module_css_default.feeItem,
 							"data-testid": "billing-live-session",
 							children: [
 								t("billing.liveSession"),
 								" ",
-								money(sessionCost)
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: UsageBilling_module_css_default.feeNum,
+									children: money(sessionCost)
+								})
 							]
 						})
 					] }),
 					chips.map((chip) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: UsageBilling_module_css_default.liveCostSep,
+						className: UsageBilling_module_css_default.feeSep,
 						"aria-hidden": "true",
 						children: "·"
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: chip.pct <= 10 ? UsageBilling_module_css_default.liveQuotaCrit : UsageBilling_module_css_default.liveQuotaWarn,
+						className: chip.pct <= 10 ? UsageBilling_module_css_default.feeChipError : UsageBilling_module_css_default.feeChipAlert,
 						"data-testid": "billing-live-quota",
 						children: [
 							chip.name,