.billing-summary { margin-bottom:24px; }
.billing-summary h2 { margin:10px 0; font-size:28px; }
.billing-summary small,.billing-summary span { color:var(--text-muted,#64748b); }
.billing-admin-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.billing-account { margin-bottom:12px; overflow:hidden; }
.billing-account summary { display:flex; align-items:center; gap:12px; cursor:pointer; padding:20px; flex-wrap:wrap; }
.billing-account summary > strong { margin-inline-end:auto; }
.billing-input { width:100%; border:1px solid #cbd5e1; border-radius:10px; padding:12px; background:#fff; color:#172235; font:inherit; }
.billing-account .form-field,.billing-destination { margin-bottom:16px; }
.billing-check { display:flex; align-items:center; gap:10px; margin:18px 0; }
.billing-check input,.billing-student > input { width:20px; height:20px; accent-color:#16825d; flex-shrink:0; }
.billing-qr { display:block; max-width:220px; width:100%; height:auto; margin:16px auto; border:1px solid #e2e8f0; border-radius:12px; padding:8px; background:#fff; }
.billing-student { display:flex; align-items:center; gap:16px; padding:18px 0; border-bottom:1px solid #e2e8f0; cursor:pointer; }
.billing-student > div:nth-child(2) { flex:1; }
.billing-student span,.billing-student small,.billing-student strong { display:block; margin-bottom:6px; }
.billing-student small { color:#64748b; }
.billing-student > div:last-child { text-align:end; }
.billing-section-title { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.billing-checkout-bar { display:flex; align-items:end; gap:24px; margin-top:24px; flex-wrap:wrap; }
.billing-checkout-bar > div { margin-inline-start:auto; }
.billing-checkout-bar strong { display:block; font-size:24px; }
.billing-transfer { display:flex; justify-content:space-between; gap:16px; padding:20px 0; border-bottom:1px solid #e2e8f0; overflow-wrap:anywhere; }
.billing-transfer > div:last-child { display:flex; flex-direction:column; gap:12px; align-items:end; }
.billing-transfer-total { padding:20px; border-radius:16px; background:#eef8f4; text-align:center; }
.billing-transfer-total h2 { font-size:32px; margin:8px 0; }
.billing-steps { padding-inline-start:24px; line-height:1.8; }
.billing-steps li { margin:10px 0; }
.billing-destination { display:flex; flex-direction:column; gap:10px; padding:20px; border:1px solid #dbe4ed; border-radius:14px; overflow-wrap:anywhere; }
.billing-destination code { font-size:18px; user-select:all; }
.billing-form-error { color:#b91c1c; white-space:pre-wrap; }
@media(max-width:760px) { .billing-admin-grid { grid-template-columns:1fr; } .billing-section-title { display:block; } .billing-student { gap:10px; flex-wrap:wrap; } .billing-checkout-bar { align-items:stretch; flex-direction:column; gap:16px; } .billing-checkout-bar > div { margin:0; } .billing-transfer { flex-wrap:wrap; } }