.billing-container{max-width:600px;padding:var(--space-xl) var(--space-lg) var(--space-3xl);margin:0 auto}.billing-header h1{font-size:var(--text-heading);font-weight:var(--font-semibold);color:var(--color-text-strong);letter-spacing:-.3px;margin-bottom:var(--space-xl)}.billing-section{padding:var(--space-lg);margin-bottom:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.billing-section h2{font-size:15px;font-weight:var(--font-semibold);color:var(--color-text-strong);margin-bottom:var(--space-base);line-height:1.3}.status-badge{padding:var(--space-xs) var(--space-base);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--font-semibold);letter-spacing:.3px;color:var(--color-surface);display:inline-block}.status-badge.trialing{background:var(--color-accent)}.status-badge.active{background:var(--color-success)}.status-badge.past_due{background:var(--color-warning)}.status-badge.canceled,.status-badge.unpaid{background:var(--color-error)}.status-badge.incomplete{background:var(--color-warning)}.trial-countdown{margin-top:var(--space-base);text-align:center}.trial-countdown .days-number{font-size:28px;font-weight:var(--font-semibold);color:var(--color-accent)}.trial-countdown .days-label{font-size:var(--text-body);color:var(--color-text-muted);margin-top:var(--space-xs)}.trial-countdown .trial-ended{font-size:var(--text-body);color:var(--color-error)}.billing-btn{width:100%;padding:var(--space-sm) var(--space-lg);font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-surface);background:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;border:none;font-family:inherit;transition:all .15s}.billing-btn:hover{background:var(--color-accent-hover)}.billing-btn:disabled{background:var(--color-border-hover);cursor:not-allowed}.plan-details{gap:var(--space-sm) var(--space-base);grid-template-columns:120px 1fr;display:grid}.plan-details .detail-label{font-size:var(--text-body);font-weight:var(--font-regular);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.plan-details .detail-value{font-size:var(--text-body);font-weight:var(--font-regular);color:var(--color-text)}.billing-loading{font-size:var(--text-body);color:var(--color-text-muted);text-align:center;padding:80px 0}.billing-error{font-size:var(--text-body);color:var(--color-error);text-align:center;padding:80px 0}@media (width<=1024px){.billing-container{padding:var(--space-xl) var(--space-lg) var(--space-2xl)}}@media (width<=767px){.billing-container{padding:var(--space-lg) var(--space-base) var(--space-2xl)}.billing-section{padding:var(--space-base)}.plan-details{gap:var(--space-xs);grid-template-columns:1fr}.billing-btn{min-height:44px}}