.wallet-card{margin:0 0 14px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#18112f,#392472 58%,#704cff);color:#fff;box-shadow:0 12px 30px rgba(62,38,141,.22)}
.wallet-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.wallet-title{font-size:13px;font-weight:900}.wallet-id{margin-top:3px;color:#cfc7ed;font-size:9px;letter-spacing:.5px}.wallet-balance{text-align:right}.wallet-balance small{display:block;color:#cfc7ed;font-size:9px}.wallet-balance strong{font-size:23px}
.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.wallet-actions button{border:1px solid #ffffff28;border-radius:12px;padding:10px 11px;background:#ffffff12;color:#fff;font-weight:900;font-size:11px}.wallet-actions button:first-child{background:#fff;color:#4d35bb}
.wallet-note{margin-top:10px;color:#d8d2ef;font-size:9px;line-height:1.45}.wallet-history{display:grid;gap:8px}.wallet-tx{display:flex;justify-content:space-between;gap:12px;border:1px solid #e8e2f1;border-radius:12px;padding:10px;background:#faf8ff}.wallet-tx b{font-size:12px}.wallet-tx small{display:block;color:#817891;font-size:9px;margin-top:2px}.wallet-tx strong{font-size:12px;white-space:nowrap}.wallet-tx.credit strong{color:#16805a}.wallet-tx.debit strong{color:#bd3f55}
.wallet-topup-box{display:grid;gap:12px}.wallet-topup-box input{width:100%;border:1px solid #ddd6ee;border-radius:13px;padding:13px 14px;font-size:18px;font-weight:900;outline:none}.wallet-topup-box input:focus{border-color:#7d5cff;box-shadow:0 0 0 3px #704cff16}
.wallet-presets{display:flex;flex-wrap:wrap;gap:7px}.wallet-presets button{border:1px solid #ddd5ef;border-radius:999px;padding:8px 10px;background:#faf8ff;color:#5a46b8;font-size:10px;font-weight:900}.wallet-topup-submit{border:0;border-radius:13px;padding:13px;background:linear-gradient(135deg,#6040f2,#9b50ff);color:#fff;font-weight:950}.wallet-status{padding:11px 12px;border-radius:12px;background:#fff6df;border:1px solid #f1dea6;color:#7b5b00;font-size:11px;line-height:1.45}
.wallet-payment{margin-top:2px;padding:16px;border-radius:18px;background:linear-gradient(145deg,#111327,#1b1740);color:#fff;box-shadow:0 12px 28px rgba(28,22,70,.16)}
.wallet-pay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wallet-pay-head b{display:block;font-size:18px}.wallet-pay-head small{display:block;margin-top:3px;color:#b9b2cf;font-size:10px}
.wallet-timer{text-align:right}.wallet-timer span{display:block;color:#9f98b5;font-size:9px}.wallet-timer strong{display:block;margin-top:2px;font-size:21px;color:#fff}
.wallet-card-row{margin-top:16px;padding:13px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff08}.wallet-card-number{font-size:18px;font-weight:950;letter-spacing:.7px}.wallet-card-row button{margin-top:9px;border:1px solid #ffffff20;border-radius:9px;padding:8px 10px;background:#ffffff10;color:#fff;font-size:10px;font-weight:900}
.wallet-pay-sum{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 13px;border-radius:12px;background:#ffffff08}.wallet-pay-sum span{color:#aaa3bc;font-size:10px}.wallet-pay-sum b{font-size:17px}.wallet-pay-note{margin-top:9px;color:#aaa3bc;font-size:10px;line-height:1.45}
.wallet-paid-btn{width:100%;margin-top:14px;border:0;border-radius:13px;padding:13px;background:linear-gradient(135deg,#6847f5,#9a4cff);color:#fff;font-size:14px;font-weight:950}.wallet-paid-btn:disabled{opacity:.65}.wallet-cancel-btn{width:100%;margin-top:9px;border:1px solid #ffffff20;border-radius:13px;padding:12px;background:#ffffff08;color:#d7d0e7;font-size:12px;font-weight:900}.wallet-cancel-btn:active{background:#ffffff12}.wallet-cancel-btn:disabled{opacity:.5}.wallet-paid-state{margin-top:9px;color:#bdb6cf;font-size:10px;line-height:1.45}
.wallet-topup-box.is-paying>input,.wallet-topup-box.is-paying>.wallet-presets,.wallet-topup-box.is-paying>#walletTopupSubmit{display:none}
.wallet-checking{text-align:center;padding:24px 18px}.wallet-check-icon{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#6d4cf6;color:#fff;font-size:24px;font-weight:950}.wallet-checking h3{margin:0;font-size:17px}.wallet-checking p{margin:8px 0;color:#bbb4cd;font-size:11px;line-height:1.5}.wallet-checking small{color:#8e879f;font-size:9px}.wallet-cancelled .wallet-check-icon{background:#a8465b}