.customer-topup{max-width:1040px;margin:0 auto;display:grid;gap:24px}.customer-topup .p-console-heading{margin-bottom:0}.customer-topup h1{font-size:24px}.customer-topup h2{font-size:16px;margin:0 0 8px}.customer-topup p{color:#70757e;line-height:1.6}.customer-topup .topup-balance{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:26px 28px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.topup-balance div{display:flex;flex-direction:column;gap:12px}.topup-balance span{font-size:13px;color:#777}.topup-balance strong{font-size:30px;font-weight:600;letter-spacing:-.6px}.topup-balance div+div strong{color:#737981;font-size:25px}.customer-topup .topup-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px 28px}.topup-card>p{font-size:13px;margin:0 0 24px}.topup-packages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.topup-packages button{background:#fff;color:#292d34;border:1px solid #dce0e5;border-radius:10px;font-size:24px;font-weight:600;padding:22px 12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.topup-packages button span{font-size:11px;color:#777;font-weight:400}.topup-packages button.selected{border-color:#19202a;box-shadow:inset 0 0 0 1px #19202a;background:#f6f7f9}.topup-packages button:focus-visible{outline:3px solid #8bafff;outline-offset:3px}.topup-packages button:disabled{opacity:.6;cursor:wait}.topup-checkout{display:flex;align-items:center;gap:16px;margin-top:24px}.topup-checkout span{font-size:12px;color:#777}.customer-topup .topup-notice{padding:14px 18px;border-radius:8px;background:#f2f5f9;color:#4b5563;font-size:13px;margin:0}.customer-topup .topup-error{background:#fff1f0;color:#b42318}.topup-table{overflow-x:auto;margin-top:20px}.topup-table table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.topup-table th{padding:12px 16px;background:#f8f9fb;color:#767d88;font-weight:500;white-space:nowrap}.topup-table td{padding:16px;border-bottom:1px solid #f0f1f3;white-space:nowrap}.topup-table .topup-empty{text-align:center;padding:30px 10px}.customer-topup button:disabled{cursor:not-allowed}@media(max-width:700px){.customer-topup{gap:16px}.customer-topup .topup-card,.customer-topup .topup-balance{padding:20px}.topup-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.topup-packages button{padding:18px 12px;font-size:22px}.topup-checkout{align-items:stretch;flex-direction:column}.topup-balance strong{font-size:25px}.topup-balance div+div strong{font-size:22px}}