.billing-page{background:var(--bg);min-height:100vh}.billing-content{max-width:1160px;margin:0 auto;padding:56px 32px 90px}.billing-intro{justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px;display:flex}.billing-eyebrow{color:var(--quiet);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px}.billing-eyebrow:before{content:"// ";color:var(--accent)}.billing-intro h1{letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(40px,6vw,64px);font-weight:500;line-height:.98}.billing-intro p:last-child{max-width:590px;color:var(--muted);margin:0;font-size:16px;line-height:1.6}.billing-refresh{border:1px solid var(--line);background:var(--bg);min-height:38px;color:var(--ink);font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:0;flex:none;padding:0 16px}.billing-refresh:hover{border-color:var(--ink)}.billing-refresh:disabled{opacity:.5;cursor:default}.billing-period{border-top:1px dashed var(--line-dash);align-items:baseline;gap:18px;padding:20px 0;display:flex}.billing-period span{color:var(--accent-ink);font:500 11px var(--mono);letter-spacing:.08em}.billing-period span i{background:var(--accent);border-radius:0;width:6px;height:6px;margin-right:8px;display:inline-block}.billing-period strong{letter-spacing:-.03em;font-size:22px;font-weight:500}.billing-period small{color:var(--quiet);font:12px var(--mono);margin-left:auto}.billing-summary{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.billing-stat{background:var(--bg);flex-direction:column;min-height:160px;padding:26px 28px;display:flex}.billing-stat>span{color:var(--quiet);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.billing-stat strong{overflow-wrap:anywhere;max-width:100%;font:500 28px var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:16px 0 8px}.billing-stat small{color:var(--quiet);margin-top:auto;font-size:12px}.billing-stat-free strong{color:var(--success)}.billing-note,.billing-error{border:1px solid var(--line);border-left:2px solid var(--line-dash);background:var(--surface-1);color:var(--muted);margin-top:20px;padding:14px 17px;line-height:1.5}.billing-error{border-left-color:var(--warm-a);color:var(--ink)}.billing-loading{color:var(--muted);padding:40px 0}.billing-history{margin-top:72px}.billing-section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.billing-section-title .billing-eyebrow{margin-bottom:10px}.billing-section-title h2{letter-spacing:-.035em;margin:0;font-size:32px;font-weight:500}.billing-section-title>span{color:var(--quiet);font:12px var(--mono)}.billing-section-title p{color:var(--muted);line-height:1.6}.billing-section-title>a{color:var(--ink);font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-decoration:none}.billing-section-title>a:hover{color:var(--accent-ink)}.billing-empty{border:1px dashed var(--line-dash);background:var(--surface-1);padding:48px 32px}.billing-empty strong{font-size:18px;font-weight:500}.billing-empty p{color:var(--muted);line-height:1.5}.billing-empty a{color:var(--accent-ink);text-decoration:none}.billing-table-wrap{border:1px solid var(--line);overflow-x:auto}.billing-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.billing-table th{background:var(--surface-1);color:var(--quiet);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:15px 20px}.billing-table td{border-top:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;padding:18px 20px}.billing-table td:first-child,.billing-table td:last-child{color:var(--ink)}.billing-model{margin-bottom:4px;font-weight:500;display:block}.billing-table code{color:var(--quiet);font-size:11px}.billing-status{text-transform:capitalize;align-items:center;gap:7px;display:inline-flex}.billing-status i{background:var(--line-dash);border-radius:0;width:6px;height:6px}.billing-status.active i{background:var(--success)}.billing-footnote{color:var(--quiet);margin-top:24px;font-size:12px;line-height:1.5}@media (max-width:700px){.billing-content{padding:43px 18px 70px}.billing-intro{margin-bottom:35px;display:block}.billing-refresh{margin-top:23px}.billing-period{flex-wrap:wrap;gap:8px 13px}.billing-period small{flex-basis:100%;margin-left:0}.billing-summary{grid-template-columns:1fr}.billing-stat{min-height:130px}.billing-history{margin-top:53px}}
