.billing-current{color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy-2));border-radius:20px;grid-template-columns:1fr 1fr auto;align-items:center;gap:26px;padding:28px;display:grid}.billing-current h2{margin:9px 0 5px;font-size:25px}.billing-current p{color:#ffffffa8;margin:0}.billing-dates small,.billing-dates strong,.billing-dates span{display:block}.billing-dates small{color:#ffffff8c}.billing-dates strong{margin:5px 0}.billing-dates span{color:var(--yellow);font-size:12px}.billing-actions{gap:8px;display:grid}.billing-actions form{margin:0}.billing-actions button{width:100%}.billing-history{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:28px;padding:24px}.table-wrap{overflow-x:auto}.billing-history table{border-collapse:collapse;width:100%;font-size:13px}.billing-history th,.billing-history td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:13px 10px}.billing-history th{color:var(--muted);text-transform:uppercase;font-size:11px}.billing-history td:last-child a{color:var(--navy);font-weight:800}.payment-status{border-radius:99px;padding:5px 8px;font-size:11px;font-weight:850;display:inline-flex}.payment-paid{color:#08786e;background:#d9faf6}.payment-pending{color:#806900;background:#fff2b5}.payment-expired,.payment-canceled{color:#5e6879;background:#ebeff5}.payment-refunded{color:#8b2c24;background:#fee9e7}@media (width<=850px){.billing-current{grid-template-columns:1fr}.billing-actions{flex-wrap:wrap;display:flex}.billing-actions button{width:auto}}