.billing-dashboard{--billing-input:var(--bl-global-link,#255fa8);--billing-output:var(--bl-global-accent,#7841bc);--billing-error:var(--bl-global-ink);container-type:inline-size;container-name:billing}html[data-brandlab-theme=dark] .billing-dashboard{--billing-input:#54a8ff;--billing-output:#ba8cff;--billing-error:#ffaaa9}.billing-dashboard,.billing-dashboard *{box-sizing:border-box}.billing-dashboard>main{width:100%;max-width:1300px;margin-inline:auto;min-width:0;padding:32px 24px 80px}.billing-dashboard .eyebrow,.billing-dashboard .intro{color:var(--bl-global-muted)}.billing-dashboard .intro{margin:10px 0 20px}.billing-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.billing-top h1{font-size:clamp(32px,5vw,52px);margin:10px 0}.billing-return{font-size:13px;border:1px solid var(--bl-global-border);border-radius:9px;padding:10px 14px;white-space:nowrap}.billing-filters{display:flex;gap:6px;margin:15px 0 23px}.billing-filters button{border:1px solid var(--bl-global-border);border-radius:9px;color:var(--bl-global-ink);background:var(--bl-global-surface);padding:9px 16px;cursor:pointer}.billing-filters button.selected{background:var(--bl-global-ink);color:var(--bl-global-canvas)}.billing-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.billing-panel,.billing-stats section{background:var(--bl-global-surface);color:var(--bl-global-ink);border:1px solid var(--bl-global-border);border-radius:15px;padding:22px;min-width:0}.billing-stats section{display:flex;flex-direction:column;gap:12px}.billing-panel small,.billing-stats small,.billing-stats span{color:var(--bl-global-muted);font-size:12px}.billing-stats strong{font-size:clamp(24px,3vw,36px);font-weight:550;letter-spacing:-.045em}.billing-panels{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);grid-gap:14px;gap:14px;margin-top:14px}.billing-panel h2{font-size:18px;font-weight:550;margin:0 0 7px}.billing-panel p{font-size:13px;color:var(--bl-global-muted);line-height:1.6;margin:0 0 16px}.billing-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.billing-panel-head strong{font-size:16px}.billing-chart{height:235px;display:flex;gap:10px;padding:14px 0 0;min-width:0;max-width:100%;overflow:hidden}.billing-chart-grid{display:flex;flex-direction:column;justify-content:space-between;color:var(--bl-global-muted);font-size:11px;min-width:34px;padding-bottom:10px}.billing-chart svg{width:100%;height:100%;min-width:0;max-width:100%;overflow:hidden}.billing-chart line{stroke:var(--bl-global-border);stroke-width:.45;vector-effect:non-scaling-stroke}.billing-chart polyline{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.billing-line-input{stroke:var(--billing-input)}.billing-line-output{stroke:var(--billing-output)}.billing-legend{display:flex;gap:20px;margin:15px 0;font-size:12px;color:var(--bl-global-muted)}.billing-legend span{display:flex;align-items:center;gap:8px}.billing-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.billing-blue{background:var(--billing-input)}.billing-purple{background:var(--billing-output)}.billing-empty{padding:30px 0!important;color:var(--bl-global-muted)!important}.billing-feature{margin:20px 0}.billing-feature>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;flex-wrap:wrap}.billing-feature>div:first-child span{color:var(--bl-global-muted)}.billing-meter{height:9px;background:var(--bl-global-border);border-radius:12px;overflow:hidden;margin:12px 0}.billing-meter span{height:100%;background:linear-gradient(90deg,var(--billing-input),var(--billing-output));display:block;border-radius:inherit}.billing-allowance strong{font-size:32px}.billing-allowance span{color:var(--bl-global-muted)}.billing-comparison{margin-top:14px}.billing-benefits{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.billing-benefits span{border:1px solid var(--bl-global-border);background:var(--bl-global-hover);border-radius:20px;padding:9px 13px;font-size:12px}.billing-notices{width:100%;max-width:800px;margin:28px auto 0}.billing-notice{padding:18px;border:1px solid var(--bl-global-border);border-radius:10px;background:var(--bl-global-surface);color:var(--bl-global-ink);font-size:14px;line-height:1.7;overflow-wrap:anywhere}.billing-notice a{text-decoration:underline;text-underline-offset:3px}.billing-notice button{margin:8px 8px 0 0;border:1px solid var(--bl-global-border);border-radius:9px;padding:10px 14px;font:inherit;background:var(--bl-global-hover);color:var(--bl-global-ink);cursor:pointer}.billing-panel summary{font-size:12px;color:var(--bl-global-muted);cursor:pointer;margin-top:15px}.billing-table-scroll{overflow:auto;max-width:100%;max-height:280px;margin-top:12px}.billing-panel table{width:100%;border-collapse:collapse;font-size:12px}.billing-panel td,.billing-panel th{padding:8px;border-bottom:1px solid var(--bl-global-border);text-align:right}.billing-panel td:first-child,.billing-panel th:first-child{text-align:left}.billing-small{color:var(--bl-global-muted)}.billing-payment{width:100%;margin:15px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.billing-payment>div{max-width:650px;flex:1 1 280px;min-width:0}.billing-payment button{border:0;border-radius:10px;background:var(--bl-global-ink);color:var(--bl-global-canvas);padding:13px 20px;font-weight:600;font-size:13px;cursor:pointer}.billing-payment>button{flex:0 1 auto;max-width:100%;white-space:normal}.billing-payment button:disabled{opacity:.55;cursor:not-allowed}.billing-panel p.billing-payment-error{flex-basis:100%;color:var(--billing-error)!important;padding:0!important;margin:0!important}.billing-packs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:18px 0}.billing-packs button{border:1px solid var(--bl-global-border);color:var(--bl-global-ink);background:var(--bl-global-hover);border-radius:9px;padding:12px 14px;font-size:13px;font-weight:600;cursor:pointer}.billing-packs button:hover{border-color:var(--bl-global-muted)}.billing-packs button:disabled{opacity:.5;cursor:not-allowed}.billing-invoices{margin-top:14px}.billing-dashboard .billing-panels,.billing-dashboard .billing-stats{width:100%;min-width:0;align-items:stretch;grid-auto-rows:auto}.billing-dashboard .billing-panel,.billing-dashboard .billing-panels>.billing-panel,.billing-dashboard .billing-stats>section{position:relative;min-width:0;min-height:0;height:auto;max-width:100%;overflow-wrap:anywhere}.billing-dashboard .billing-panel-head strong,.billing-dashboard .billing-stats strong{white-space:normal;overflow-wrap:anywhere}.billing-dashboard :is(a,button,input,summary):focus-visible{outline:2px solid var(--bl-global-ink);outline-offset:3px}@media(max-width:1100px){.billing-dashboard .billing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-dashboard .billing-panels{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.billing-dashboard .billing-stats{grid-template-columns:minmax(0,1fr)}.billing-dashboard .billing-payment{align-items:stretch}.billing-dashboard .billing-payment>button{width:100%}.billing-dashboard .billing-legend{flex-wrap:wrap}}@media(max-width:540px){.billing-dashboard>main{padding:22px 16px 50px}.billing-top{align-items:flex-start;flex-direction:column}.billing-panel-head{flex-direction:column;gap:8px}.billing-panel,.billing-stats section{padding:17px}.billing-stats strong{font-size:26px}.billing-chart{height:190px}}@container billing (max-width:800px){.billing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-panels{grid-template-columns:minmax(0,1fr)}}@container billing (max-width:540px){.billing-dashboard .billing-stats{grid-template-columns:minmax(0,1fr)}.billing-panel-head,.billing-top{align-items:flex-start;flex-direction:column}.billing-payment>button{width:100%}.billing-legend{flex-wrap:wrap}}