.billing-page { max-width: 1100px; margin: 0 auto; container-type: inline-size; }
.billing-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.billing-heading h2 { margin: 0 0 6px; }
.billing-heading p { margin: 0; }
.billing-switch { display: flex; gap: 8px; flex-wrap: wrap; }
.billing-purchase { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 36px; padding: 28px; }
.billing-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 20px 0; }
.billing-option { font: inherit; padding: 14px; text-align: left; color: var(--text-primary); background: var(--bg-tertiary); border: 1px solid var(--glass-border); border-radius: 10px; cursor: pointer; }
.billing-option.selected { border-color: var(--accent-color); box-shadow: inset 0 0 0 1px var(--accent-color); }
.billing-input-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.billing-input-row .form-control { width:150px; text-align:right; }
#billing-range { width:100%; accent-color:var(--accent-color); height:28px; cursor:pointer; }
.billing-range-labels { display:flex; justify-content:space-between; color:var(--text-muted); font-size:.8rem; }
.billing-page .text-muted { font-size:.85rem; line-height:1.6; }
.billing-checkout { border-left:1px solid var(--glass-border); padding-left:28px; }
.billing-checkout > strong { display:block; font-size:2rem; margin:12px 0; overflow-wrap:anywhere; }
.billing-checkout > button { width:100%; margin-top:16px; }
#billing-error { color:var(--danger-color, #c0392b); font-size:.9rem; }
.billing-bank-details { padding:16px; background:var(--bg-tertiary); border-radius:10px; margin:16px 0; }
.billing-bank-details > * { display:block; margin:4px 0; }
.billing-bank-details span { font-size:1.3rem; letter-spacing:.08em; }
.billing-balances { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-bottom:24px; }
.billing-balance-card { padding:24px; }
.billing-balance-card > strong { display:block; font-size:2rem; margin:10px 0; }
.billing-balance-card p { margin:8px 0; }
.billing-history-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px; }
@media(max-width:700px){.billing-heading{align-items:start;flex-direction:column}.billing-purchase{grid-template-columns:1fr;gap:24px;padding:20px}.billing-checkout{border-left:0;border-top:1px solid var(--glass-border);padding:20px 0 0}.billing-balances{grid-template-columns:1fr}.billing-history-heading{align-items:start;flex-direction:column}.billing-input-row .form-control{width:120px}}
@container(max-width:700px){.billing-purchase{grid-template-columns:1fr;gap:24px;padding:20px}.billing-checkout{border-left:0;border-top:1px solid var(--glass-border);padding:20px 0 0}.billing-balances{grid-template-columns:1fr}.billing-history-heading{align-items:start;flex-direction:column}}