.billing-center{max-width:980px;margin:0 auto}.billing-list{display:grid;gap:12px}.billing-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:16px}.billing-row>div{display:flex;align-items:center;gap:12px}.billing-row small{display:block;color:var(--muted);margin-top:5px}.billing-state{display:inline-flex;align-items:center;gap:7px;font-weight:800}.billing-state[data-state=paid]{color:#64e6a3}.billing-state[data-state=processing],.billing-state[data-state=pending],.billing-state[data-state=unpaid]{color:#f3cb66}.billing-state[data-state=overdue],.billing-state[data-state=disputed]{color:#ff927f}.payment-result dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px}.payment-result dt{color:var(--muted)}.payment-result dd{margin:0;font-weight:700}.billing-error{border-color:#a94b57}@media(max-width:620px){.billing-row,.billing-row>div{align-items:flex-start;flex-direction:column}.billing-row>div:last-child{width:100%}.billing-row button{width:100%}.payment-result dl{grid-template-columns:1fr;gap:4px}.payment-result dd{margin-bottom:10px}}