.api-billing-page,.api-billing-container{width:100%}.billing-tabs{gap:var(--space-2);padding:var(--space-1);margin-bottom:var(--space-6);background:var(--color-bg-band);border:1px solid var(--color-border);border-radius:var(--radius-button);display:flex;overflow-x:auto}.billing-tab{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid transparent;flex:none;padding:.65rem 1rem;display:inline-flex}.billing-tab:hover{color:var(--color-text);background:var(--color-surface)}.billing-tab.active{color:#fff;background:var(--brand-gradient);box-shadow:0 8px 20px rgba(0,86,255,.2)}.billing-content{min-height:20rem}.billing-loading,.billing-error{min-height:20rem;padding:var(--space-7);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);place-items:center;display:grid}.billing-loading{color:var(--color-text-muted)}.loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-info);border-radius:50%;width:3rem;height:3rem}.billing-error{color:var(--color-error);background:var(--color-error-surface);border-color:var(--color-error-border)}.billing-error .error-icon{color:var(--color-error)}.retry-btn,.download-btn,.method-btn,.add-payment-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;padding:.55rem .85rem;display:inline-flex}.retry-btn,.method-btn.primary,.add-payment-btn{color:#fff;background:var(--brand-gradient);border-color:transparent}.billing-summary-cards{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.summary-card{position:relative;overflow:hidden}.summary-card:after{content:"";background:var(--brand-gradient);height:2px;position:absolute;top:0;left:0;right:0}.summary-card-header{margin-bottom:var(--space-4);color:var(--color-text-muted);justify-content:space-between;display:flex}.summary-icon{color:var(--color-info)}.summary-amount{color:var(--color-text);font-family:var(--font-display);font-size:max(1.75rem,min(3vw,2.5rem));font-weight:800}.summary-label{margin:var(--space-1)0 0;color:var(--color-text-muted)}.current-plan-card,.history-header,.payment-header,.billing-info{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.current-plan-card{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(16rem,.8fr);display:grid}.plan-info h3,.upcoming-charges h3,.history-header h2,.payment-header h2,.billing-info h3{color:var(--color-text);margin-top:0}.plan-name-large{color:var(--color-info);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:800}.plan-price-large{margin:var(--space-2)0;color:var(--color-text);font-family:var(--font-display);font-size:2.4rem;font-weight:800}.plan-period,.next-billing{color:var(--color-text-muted);font-family:var(--font-primary);font-size:.9rem;font-weight:400}.charges-list{gap:var(--space-2);display:grid}.charge-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-band);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex}.charge-info{gap:.2rem;display:grid}.charge-description,.charge-amount{color:var(--color-text);font-weight:700}.charge-date{color:var(--color-text-muted);font-size:.8rem}.history-header,.payment-header{margin-bottom:var(--space-4);box-shadow:none}.history-header h2,.payment-header h2{margin-bottom:var(--space-1)}.history-subtitle,.payment-subtitle{color:var(--color-text-muted);margin:0}.history-table{min-width:48rem}.amount-cell{font-weight:700}.invoice-cell{color:var(--color-text-muted);font-family:var(--font-mono)}.download-btn{color:var(--color-info);border-color:var(--color-info-border)}.billing-history .empty-state{min-height:16rem;padding:var(--space-6);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);place-items:center;display:grid}.empty-icon{color:var(--color-text-faint)}.payment-methods-list{gap:var(--space-3);display:grid}.payment-method-card{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);display:flex}.method-info{align-items:center;gap:var(--space-3);min-width:0;display:flex}.method-icon{color:var(--color-info);flex:none}.method-details{gap:.2rem;display:grid}.method-type{color:var(--color-text);font-weight:700}.method-number,.method-expiry{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.85rem}.method-actions{gap:var(--space-2);display:flex}.no-payment-method{padding:var(--space-7);text-align:center;background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-card)}.no-payment-content{justify-items:center;gap:var(--space-3);color:var(--color-text-muted);display:grid}.no-payment-icon{color:var(--color-text-faint)}.billing-info{margin-top:var(--space-5);color:var(--color-text-muted);background:var(--color-info-surface);border-color:var(--color-info-border);box-shadow:none}.info-header{align-items:center;gap:var(--space-2);color:var(--color-info);display:flex}.billing-info .info-content{line-height:1.6}@media (max-width:940px){.billing-summary-cards,.current-plan-card{grid-template-columns:1fr}}@media (max-width:620px){.billing-tabs{width:100%}.billing-tab{flex:1 0 auto}.payment-method-card{flex-direction:column;align-items:flex-start}.method-actions{width:100%}.method-actions button{flex:1}.charge-item{flex-direction:column;align-items:flex-start}}