.billing-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;scroll-margin-top:24px}.billing-panel h2{margin:0 0 6px}.billing-panel p{margin:4px 0;color:#5b6b84}.billing-status{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#15315d}.billing-status:before{content:'';width:8px;height:8px;border-radius:50%;background:#16a36a}.billing-status[data-state="past_due"]:before,.billing-status[data-state="unpaid"]:before,.billing-status[data-state="canceled"]:before{background:#d13c3c}.billing-price{font-size:28px;font-weight:800;color:#102544}.billing-price small{font-size:13px;font-weight:500;color:#65758f}.billing-actions{display:flex;gap:10px;align-items:center}.billing-review{padding-top:12px}.billing-review-price{display:flex;align-items:baseline;gap:8px;padding:18px;border:1px solid #dbe5f5;border-radius:12px;background:#f5f8ff}.billing-review-price strong{font-size:32px;line-height:1;color:#102544}.billing-review-price span{color:#65758f}.billing-due{display:grid;gap:4px;margin:16px 0;padding:12px 14px;border-radius:9px;background:#eef8f3;color:#176546}.billing-review h3{font-size:15px;margin:20px 0 8px}.billing-review ul{display:grid;gap:8px;margin:0;padding-left:22px;color:#334765}.billing-review-note{font-size:13px;line-height:1.55;color:#5b6b84}@media(max-width:680px){.billing-panel{grid-template-columns:1fr}.billing-actions{align-items:stretch;flex-direction:column}.billing-actions button{width:100%}.billing-review-price strong{font-size:28px}}