.billing-workspace{width:100%;max-width:2304px;min-width:0;min-height:calc(100dvh - 4rem);margin-inline:auto;padding:36px clamp(16px,3vw,48px) 56px}.billing-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.billing-page-heading h1{font-family:var(--font-display);font-size:clamp(26px,2vw,34px);font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere}.billing-page-description{color:var(--muted-foreground);font-size:14px;line-height:1.7;margin-top:8px;max-width:65ch}.billing-navigation{display:flex;flex-wrap:wrap;gap:8px 24px;margin-block:20px 28px;box-shadow:inset 0 -1px 0 var(--border)}.billing-navigation a{display:inline-flex;align-items:center;min-height:48px;padding:8px 4px;white-space:nowrap;color:var(--muted-foreground);font-size:14px;border-bottom:2px solid transparent}.billing-navigation a[aria-current=page]{color:var(--foreground);border-color:var(--brand);font-weight:600}.billing-navigation a:hover{color:var(--foreground)}.billing-filters button:focus-visible,.billing-navigation a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.billing-filters{display:flex;flex-wrap:wrap;gap:4px;border-radius:12px;padding:4px;background:var(--surface)}.billing-filters button{min-height:40px;padding:8px 14px;font-size:13px;border-radius:8px;color:var(--muted-foreground);white-space:nowrap;cursor:pointer}.billing-filters button:hover{color:var(--foreground)}.billing-filters button[aria-pressed=true]{background:var(--muted);color:var(--foreground)}.billing-history-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:28px 0 16px}.billing-history-toolbar h2{font-family:var(--font-display);font-size:20px;font-weight:600}.billing-record-count{font:400 13px var(--font-body);color:var(--muted-foreground);margin-inline-start:12px}.credits-summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;background:var(--surface);padding:28px;border-radius:16px}.credits-refresh{position:absolute;inset-block-start:16px;inset-inline-end:16px;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:10px;color:var(--muted-foreground);cursor:pointer}.credits-refresh:hover{color:var(--foreground);background:var(--muted)}.credits-refresh:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.credits-available{min-width:0}.credits-balance-row{display:flex;align-items:center;flex-wrap:wrap;gap:20px 32px;margin-top:16px}.credits-balance{font-family:var(--font-display);font-size:clamp(40px,4vw,64px);line-height:1.05;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.credits-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-content:center}.credits-metrics dt{color:var(--muted-foreground);font-size:13px}.credits-metrics dd{font-family:var(--font-display);font-size:clamp(20px,2vw,28px);font-weight:600;margin-top:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.credits-records{min-width:0}.credits-list{background:var(--surface);border-radius:14px;overflow:clip}.credits-columns,.credits-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:16px 24px;align-items:center}.credits-row+.credits-row{border-top:1px solid color-mix(in oklch,var(--border) 50%,transparent)}.credits-columns,.credits-row:hover{background:var(--muted)}.credits-columns{display:none;color:var(--muted-foreground);font-size:12px}.credits-row .credit-amount{grid-column:2;grid-row:1/span 2;font-weight:600;font-size:16px;font-variant-numeric:tabular-nums;text-align:end}.credits-row time{grid-column:1;font-size:12px;font-variant-numeric:tabular-nums}.credits-row time,.credits-row[data-kind=reserve] .credit-amount{color:var(--muted-foreground)}.credits-row[data-kind=grant] .credit-amount,.credits-row[data-kind=release] .credit-amount{color:var(--billing-positive)}.billing-workspace,[data-subscribe-page]{--billing-positive:oklch(0.45 0.1 155)}.dark .billing-workspace,.dark [data-subscribe-page]{--billing-positive:oklch(0.77 0.11 155)}.billing-empty{padding:48px 24px;border-radius:14px;background:var(--surface);color:var(--muted-foreground);text-align:center;font-size:14px}.billing-held-hint{margin-top:16px;max-width:75ch;font-size:12px;line-height:1.8;color:var(--muted-foreground)}@media (min-width:768px){.credits-columns,.credits-row{grid-template-columns:minmax(0,.65fr) minmax(0,1fr) minmax(0,1fr)}.credits-columns{display:grid}.credits-row .credit-amount{grid-column:1;grid-row:1;text-align:start}.credits-row .credit-kind{grid-column:2;grid-row:1}.credits-row time{grid-column:3;grid-row:1;text-align:end;font-size:13px}.credits-columns span:last-child{text-align:end}.credits-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.credits-summary{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);align-items:center;gap:40px;min-height:208px}.credits-metrics{gap:20px}}@media (min-width:1920px){.credits-summary{grid-template-columns:minmax(360px,.65fr) minmax(0,1.35fr);padding:32px}.credits-records{min-height:calc(100dvh - 440px)}.credits-row{min-height:64px}}@media (max-width:479px){.billing-workspace{padding-top:24px}.billing-page-heading{flex-wrap:wrap}.billing-navigation{gap:4px 12px}.billing-navigation a{font-size:12px}.credits-summary{padding:20px}.credits-row{padding:16px}.billing-filters button{padding-inline:10px;min-height:44px}}