*{box-sizing:border-box}.billing-wrap{max-width:1180px;margin:30px auto;padding:0 20px}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.balance-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 34px #071b3412;border-top:4px solid #0b6fa4}.balance-card.credit{border-color:#25b15c}.balance-card.net{border-color:#f4b400}.balance-card small{color:#64748b}.balance-card strong{display:block;font-size:30px;margin-top:8px;color:#071b34}.billing-panel{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 34px #071b3412;margin:20px 0}.billing-table{width:100%;border-collapse:collapse}.billing-table th,.billing-table td{padding:13px;border-bottom:1px solid #e7edf2;text-align:left}.pay-btn,.primary-btn{display:inline-block;border:0;border-radius:9px;padding:11px 15px;background:#0b6fa4;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.pay-btn{background:#25b15c}.status{display:inline-block;padding:5px 10px;border-radius:999px;background:#e8eef5;font-size:12px;text-transform:capitalize}.status.paid,.status.successful{background:#e4f8eb;color:#166a39}.status.unpaid,.status.failed{background:#feeceb;color:#a12b24}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plan-card{background:#fff;border:1px solid #e2eaf0;border-radius:22px;padding:28px;box-shadow:0 12px 38px #071b3410;display:flex;flex-direction:column}.plan-card h2{color:#071b34}.plan-price{font-size:34px;font-weight:900;color:#0b6fa4}.plan-card ul{padding-left:20px;line-height:1.9;flex:1}.receipt{max-width:760px;margin:40px auto;background:#fff;padding:35px;border-radius:20px;box-shadow:0 14px 45px #071b3420}.receipt-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #edf1f5;padding-bottom:18px}.receipt-total{font-size:32px;font-weight:900;color:#25b15c}.notice-box{padding:14px;border-radius:10px;background:#fff5d6;color:#6d5200}.error-box{background:#feeceb;color:#94221c}.table-scroll{overflow:auto}@media(max-width:850px){.balance-grid,.plans-grid{grid-template-columns:1fr}.receipt-head{flex-direction:column}}