.recharge-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(26,23,21,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:recharge-fade-in .2s ease-out}.recharge-modal{position:relative;width:100%;max-width:960px;background:var(--bg-card,#fff);border-radius:var(--radius-lg,24px);box-shadow:var(--shadow-xl,0 24px 64px rgba(26,23,21,.16));padding:64px 60px 48px;overflow:hidden;animation:recharge-scale-in .2s ease-out}.recharge-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ff2442,#ff6b7a 50%,#fe8da3)}.recharge-modal-header{margin-bottom:24px;text-align:center}.recharge-modal-title{font-size:32px;font-weight:700;color:var(--txt-primary,#1a1715);margin:0 0 8px;letter-spacing:-.5px}.recharge-modal-subtitle{font-size:13px;color:var(--txt-tertiary,#7a7572);margin:0}.recharge-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-overlay,rgba(255,245,247,.85));color:var(--txt-secondary,#4a4542);font-size:18px;line-height:1;cursor:pointer;transition:all .2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.recharge-modal-close:hover{background:var(--rose-blush,#fce4ec);color:var(--accent,#ff2442);transform:rotate(90deg)}.recharge-modal-alert{padding:12px 16px;border-radius:var(--radius-sm,8px);margin-bottom:16px;font-size:13px;font-weight:500}.recharge-modal-alert.danger{background:linear-gradient(135deg,#fff5f5,#ffe8ec);color:var(--accent,#ff2442);border:1px solid var(--rose-dust,#f8bbd0)}.recharge-packages{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:16px}.recharge-package-card{position:relative;background:var(--bg-card,#fff);border:1.5px solid var(--border-light,#f5f0eb);border-radius:var(--radius-md,16px);padding:28px 24px 26px;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:10px;outline:none}.recharge-package-card:hover{border-color:var(--rose-dust,#f8bbd0);transform:translateY(-2px);box-shadow:var(--shadow-md,0 6px 24px rgba(26,23,21,.08))}.recharge-package-card.selected{border-color:var(--accent,#ff2442);background:linear-gradient(135deg,#fff5f5,#ffe8ec);transform:scale(1.02);box-shadow:var(--shadow-glow,0 0 40px rgba(255,68,92,.25))}.recharge-package-card .badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;background:linear-gradient(135deg,#ff2442,#ff6b7a);color:#fff;letter-spacing:.3px}.recharge-package-name{font-size:17px;font-weight:600;color:var(--txt-primary,#1a1715)}.recharge-package-credits{display:flex;align-items:baseline;gap:4px}.recharge-package-credits .num{font-size:36px;font-weight:700;color:var(--accent,#ff2442);line-height:1;letter-spacing:-1px}.recharge-package-credits .unit{font-size:12px;color:var(--txt-tertiary,#7a7572)}.recharge-package-discount{display:inline-block;align-self:flex-start;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:linear-gradient(135deg,#ff2442,#ff6b7a);color:#fff}.recharge-package-price-row{display:flex;align-items:baseline;gap:6px;margin-top:4px}.recharge-package-price{font-size:30px;font-weight:700;color:var(--accent,#ff2442);letter-spacing:-.5px}.recharge-package-original{font-size:12px;color:var(--txt-muted,#a8a5a2);text-decoration:line-through}.recharge-custom{display:flex;align-items:center;gap:20px;padding:22px 24px;border:1.5px solid var(--border-light,#f5f0eb);border-radius:var(--radius-md,16px);background:var(--bg-card,#fff);cursor:pointer;transition:all .2s ease;margin-bottom:28px}.recharge-custom:hover{border-color:var(--rose-dust,#f8bbd0);box-shadow:var(--shadow-md,0 6px 24px rgba(26,23,21,.08))}.recharge-custom.selected{border-color:var(--accent,#ff2442);background:linear-gradient(135deg,#fff5f5,#ffe8ec);box-shadow:var(--shadow-glow,0 0 40px rgba(255,68,92,.25))}.recharge-custom-info{flex:1 1;min-width:0}.recharge-custom-title{font-size:17px;font-weight:600;color:var(--txt-primary,#1a1715);margin-bottom:4px}.recharge-custom-desc{font-size:15px;color:var(--txt-tertiary,#7a7572);font-weight:500}.recharge-custom-desc .highlight{color:var(--accent,#ff2442);font-size:18px;font-weight:700;margin:0 2px;letter-spacing:-.5px}.recharge-custom-stepper{display:flex;align-items:center;gap:8px;background:var(--cream,#fef9f5);border-radius:24px;padding:4px;border:1px solid var(--border-light,#f5f0eb)}.recharge-custom-stepper button{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-card,#fff);color:var(--accent,#ff2442);font-size:18px;font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1;display:flex;align-items:center;justify-content:center}.recharge-custom-stepper button:hover:not(:disabled){background:var(--accent,#ff2442);color:#fff}.recharge-custom-stepper button:disabled{opacity:.4;cursor:not-allowed}.recharge-custom-stepper input{width:56px;text-align:center;border:none;background:transparent;font-size:16px;font-weight:600;color:var(--txt-primary,#1a1715);outline:none;-moz-appearance:textfield}.recharge-custom-stepper input::-webkit-inner-spin-button,.recharge-custom-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.recharge-custom-result{text-align:right;min-width:100px}.recharge-custom-price{font-size:20px;font-weight:700;color:var(--accent,#ff2442);letter-spacing:-.5px}.recharge-custom-credits{font-size:12px;color:var(--txt-tertiary,#7a7572);margin-top:2px}.recharge-custom-bulk-tag{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:8px;background:linear-gradient(135deg,#ff2442,#ff6b7a);color:#fff;margin-left:4px;vertical-align:middle}.recharge-modal-cta{display:flex;gap:14px;margin-top:8px}.recharge-modal-cta .btn{flex:1 1;height:56px;font-size:16px;font-weight:600;border-radius:18px}.recharge-modal-cta .btn-cancel{flex:0 0 120px;background:var(--bg-card,#fff);color:var(--txt-secondary,#4a4542);border:1px solid var(--border-light,#f5f0eb)}.recharge-modal-cta .btn-cancel:hover{background:var(--rose-blush,#fce4ec);border-color:var(--rose-dust,#f8bbd0);color:var(--accent,#ff2442)}.recharge-loading{text-align:center;padding:40px 0;color:var(--txt-tertiary,#7a7572);font-size:14px}.recharge-qrcode-area{text-align:center;padding:12px 0 4px}.recharge-qrcode-hint{font-size:14px;color:var(--txt-secondary,#4a4542);margin:0 0 16px}.recharge-qrcode-img-wrap{display:flex;justify-content:center;margin-bottom:16px}.recharge-qrcode-img{width:220px;height:220px;border-radius:12px;border:1px solid var(--border-light,#f5f0eb);background:var(--cream,#fef9f5);padding:8px}.recharge-qrcode-amount{font-size:14px;color:var(--txt-secondary,#4a4542);margin:0 0 6px}.recharge-qrcode-amount strong{font-size:22px;color:var(--accent,#ff2442);margin:0 4px;font-weight:700}.recharge-qrcode-countdown{font-size:12px;margin:0 0 4px;color:var(--txt-tertiary,#7a7572)}.recharge-qrcode-countdown.urgent{color:var(--accent,#ff2442);font-weight:600}.recharge-qrcode-orderno{font-family:monospace;word-break:break-all}.recharge-qrcode-foot,.recharge-qrcode-orderno{font-size:11px;color:var(--txt-muted,#a8a5a2);margin:0 0 16px}.recharge-status-area{text-align:center;padding:32px 0 16px}.recharge-status-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:36px;font-weight:700;color:#fff;animation:recharge-pop .3s ease-out}.recharge-status-icon.success{background:linear-gradient(135deg,#179b63,#2dd4a4);box-shadow:0 8px 24px rgba(23,155,99,.3)}.recharge-status-icon.failed{background:linear-gradient(135deg,#ff2442,#ff6b7a);box-shadow:0 8px 24px rgba(255,68,92,.3)}.recharge-status-icon.expired{background:linear-gradient(135deg,#a8a5a2,#c4c0bd);box-shadow:0 8px 24px hsla(30,3%,65%,.3)}.recharge-status-title{font-size:20px;font-weight:700;color:var(--txt-primary,#1a1715);margin:0 0 8px}.recharge-status-desc{font-size:13px;color:var(--txt-tertiary,#7a7572);margin:0 0 8px}.recharge-status-desc strong{color:var(--accent,#ff2442);font-weight:700}.recharge-status-foot{font-size:11px;color:var(--txt-muted,#a8a5a2);margin:8px 0 0}@keyframes recharge-fade-in{0%{opacity:0}to{opacity:1}}@keyframes recharge-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes recharge-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@media (max-width:640px){.recharge-modal{padding:32px 20px 24px}.recharge-packages{grid-template-columns:1fr;gap:10px}.recharge-custom{flex-wrap:wrap;gap:12px}.recharge-custom-info{width:100%}}