.admin-coin-balance{color:#55e4b7;white-space:nowrap;font-weight:700}.admin-actions{flex-wrap:wrap;min-width:240px}.wallet-service-cost{padding:12px 16px;margin-bottom:18px;background:#142b2b;border:1px solid #285b54;border-radius:8px;font-size:12px;color:#a8e6ce}.wallet-settings{margin-top:20px;padding:22px}.wallet-settings>summary{cursor:pointer;font-weight:700;font-size:15px}.wallet-settings .muted{font-size:12px}.wallet-rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.wallet-rate-grid input,.wallet-settings input:not([type=checkbox]),#wallet-adjust-form input,#wallet-adjust-form select{width:100%;height:40px;background:var(--input);border:1px solid var(--border);border-radius:6px;padding:0 10px;color:var(--text)}.wallet-settings hr{border:0;border-top:1px solid var(--border);margin:25px 0}.wallet-settings h2{font-size:15px;margin-bottom:12px}.wallet-form-actions{display:flex;gap:10px;flex-wrap:wrap}.wallet-settings [role=status]{font-size:12px;color:var(--muted);min-height:18px}.wallet-history{width:min(1100px,calc(100vw - 40px))}.wallet-bank-details{margin:20px 0}.wallet-bank-details>div{display:grid;grid-template-columns:155px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.wallet-bank-details dt{color:var(--muted);font-size:12px}.wallet-bank-details dd{margin:0;overflow-wrap:anywhere}.wallet-bank-details dd .button{margin-left:10px}.wallet-bank-notice{background:#302a17;border:1px solid #625434;border-radius:7px;padding:12px;font-size:12px;color:#e7cc81}.wallet-exchange{color:var(--green);font-weight:700}.wallet-topup-preview{font-size:13px}.wallet-topup-preview strong{color:var(--green)}#wallet-adjust-form>.field-label{margin-top:16px}#wallet-adjust-form select{display:block}.wallet-profile-balance{color:var(--muted)}.wallet-profile-balance strong{color:var(--green)}.wallet-history .admin-table td{max-width:350px}@media(max-width:850px){.wallet-rate-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wallet-rate-grid{grid-template-columns:1fr}.wallet-settings{padding:15px}.wallet-bank-details>div{grid-template-columns:1fr;gap:5px}.wallet-bank-details dd .button{margin-left:0;margin-top:8px}.wallet-history{width:calc(100vw - 20px)}}

.wallet-settings select{width:100%;height:40px;background:var(--input);border:1px solid var(--border);border-radius:6px;padding:0 10px;color:var(--text)}.wallet-qr-result{display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px 0;padding:18px;background:#0b1018;border:1px solid var(--border);border-radius:12px}.wallet-qr-result[hidden]{display:none}.wallet-qr-result img{display:block;width:min(280px,100%);height:auto;background:white;border-radius:8px}.wallet-qr-result strong{color:var(--green);font-size:20px}.wallet-topup{max-height:calc(100dvh - 30px);overflow-y:auto}

/* Bank transfer card; account and memo are supplied by the authenticated server. */
.wallet-topup{width:min(480px,calc(100vw - 24px));padding:24px;background:#15191f;border:1px solid #343b48;border-radius:18px;max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-width:thin}
.wallet-topup .modal-header{margin-bottom:18px}.wallet-topup .modal-header h2{font-size:21px;line-height:1.35}.wallet-topup .small-label{font-size:9px;letter-spacing:1.8px}
.wallet-topup .wallet-bank-notice{font-size:12px;line-height:1.6;background:#1a2433;border-color:#2e4566;color:#afc9f1;padding:10px 12px;margin:0 0 16px}
.wallet-amount-panel{padding:16px 18px;background:#101216;border:1px solid #363c44;border-radius:12px;margin-bottom:20px}.wallet-amount-panel .field-label{font-size:12px;color:#c7d8ef;margin:0 0 10px}
.wallet-amount-input{position:relative}.wallet-amount-input input{display:block;width:100%;height:48px;background:#1e2229;border:1px solid #647184;border-radius:8px;padding:0 38px 0 14px;color:#f4f7fc;font-size:18px;font-weight:700}.wallet-amount-input input:focus{outline:2px solid #6786ff;outline-offset:2px}.wallet-amount-input>span{position:absolute;right:15px;top:14px;color:#92a6c6;font-weight:700}
.wallet-amount-panel>p{font-size:11px;line-height:1.55;color:#91a4c1;margin:9px 0 0}.wallet-amount-panel .wallet-topup-preview{margin-top:10px;font-size:12px}.wallet-topup-preview>span{white-space:nowrap}
.wallet-transfer-card{--bank-color:#2455c5;--bank-end:#453cce;border:1px solid #38404b;background:#101214;border-radius:15px;overflow:hidden;box-shadow:0 10px 28px #0004}.wallet-transfer-card[data-bank=mb]{--bank-color:#1736b6;--bank-end:#3b58ed}.wallet-transfer-card[data-bank=vcb]{--bank-color:#006847;--bank-end:#159447}
.wallet-transfer-header{display:flex;align-items:center;gap:12px;padding:18px;background:linear-gradient(120deg,var(--bank-color),var(--bank-end));color:white}.wallet-bank-mark{display:flex;align-items:center;justify-content:center;min-width:70px;min-height:46px;max-width:105px;padding:9px;border-radius:9px;background:#fff;color:var(--bank-color);font-size:21px;font-weight:900;letter-spacing:-1px;overflow-wrap:anywhere}.wallet-transfer-header>div{min-width:0;flex:1}.wallet-transfer-header>div>span{font-size:8px;letter-spacing:1.2px;opacity:.8}.wallet-transfer-header strong{display:block;font-size:19px;margin-top:5px;overflow-wrap:anywhere}.wallet-bank-secure{display:grid;place-items:center;min-width:24px;height:24px;border:1px solid #ffffff70;border-radius:50%;font-size:13px}
.wallet-transfer-body{padding:20px 18px 17px}.wallet-qr-stage{display:flex;align-items:center;flex-direction:column;gap:10px}.wallet-qr-wordmark{font-size:21px;letter-spacing:-1px;color:#f4f7fc;font-weight:900}.wallet-qr-wordmark>span{color:#f25566}.wallet-qr-placeholder{width:220px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;background:#181e28;border:1px dashed #57667c;border-radius:10px;color:#92a8ca;text-align:center}.wallet-qr-placeholder[hidden]{display:none}.wallet-qr-placeholder svg{width:55px;height:55px;fill:none;stroke:#6d8cdb;stroke-width:3}.wallet-qr-placeholder p{font-size:12px;line-height:1.7;margin:0}.wallet-qr-placeholder.is-loading{opacity:.6}
.wallet-topup .wallet-qr-result{margin:0;padding:0;border:0;background:transparent;gap:12px;width:100%}.wallet-topup .wallet-qr-result img{width:min(240px,100%);height:auto;border:8px solid white;border-radius:9px}.wallet-topup .wallet-qr-result strong{font-size:19px;color:#dbe6ff}.wallet-qr-caption{font-size:11px;color:#92abda;margin:0 0 6px}
.wallet-topup .wallet-bank-details{margin:18px 0 0;display:grid;gap:10px}.wallet-topup .wallet-bank-details>div{display:block;padding:12px 13px;border:1px solid #3c444e;border-radius:10px;background:#1c222a}.wallet-topup .wallet-bank-details dt{text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.7px;color:#8da7df;margin-bottom:6px}.wallet-topup .wallet-bank-details dd{display:flex;align-items:center;gap:8px;justify-content:space-between;color:#e7edfc;font-size:15px;font-weight:700;min-height:23px}.wallet-topup .wallet-bank-details dd>strong{overflow-wrap:anywhere;min-width:0}.wallet-topup .wallet-bank-details .wallet-transfer-memo{background:#14251f;border-color:#355548}.wallet-transfer-memo dt,.wallet-transfer-memo dd>strong{color:#5fdb9c!important}
.wallet-copy{flex:0 0 33px;width:33px;height:33px;border:1px solid transparent;border-radius:9px;background:#0b1018;color:#93b1ff;cursor:pointer;font-size:20px;display:grid;place-items:center}.wallet-copy:hover{border-color:#607cae;background:#152238}.wallet-copy:focus-visible{outline:2px solid #8aaaff;outline-offset:2px}.wallet-transfer-memo .wallet-copy{color:#5fdb9c;background:#0d1b15}
.wallet-transfer-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.wallet-transfer-actions .button{min-height:35px;height:auto;padding:9px 12px;font-size:11px}.wallet-transfer-actions [hidden]{display:none}.wallet-transfer-footer{padding:12px 17px;background:linear-gradient(110deg,#225de0,#543be3);color:#e6edff;font-size:10px;text-align:center;line-height:1.6}.wallet-manual-note{font-size:11px;color:#9eabc0;line-height:1.7;margin:15px 0 8px}.wallet-topup>#wallet-own-history{display:block;margin:auto;font-size:11px}.wallet-topup [hidden]{display:none!important}
@media(max-width:480px){.wallet-topup{padding:19px 15px}.wallet-topup .modal-header h2{font-size:19px}.wallet-transfer-header{padding:16px 14px}.wallet-transfer-body{padding:17px 13px}.wallet-bank-mark{min-width:59px;font-size:19px}.wallet-transfer-header strong{font-size:17px}}

.wallet-topup .wallet-final-notice{color:#ff626b;font-size:12px;font-weight:600;line-height:1.65;margin:9px 0 0;max-width:350px}