.billing-status{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.billing-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.billing-usage>div{padding:12px;border:1px solid var(--line);border-radius:8px}
.billing-usage strong{display:block;font-size:24px}
.billing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.billing-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.billing-card h3{margin-top:12px}.billing-card p{margin-top:4px}.billing-card .row{margin-top:12px}
.stripe-payment-form{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.billing-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}
.billing-card:hover{border-color:var(--accent)}
.billing-card .row.between{align-items:flex-start}
@media(max-width:680px){.billing-usage,.billing-cards{grid-template-columns:1fr}}