.wallet-page{max-width:760px;margin:0 auto;padding:12px 0}.wallet-page h2{font-size:28px}.wallet-balances{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wallet-balances article{padding:18px;border:1px solid #bd912b55;background:#33271466;border-radius:12px}.wallet-balances strong{display:block;font-size:28px;margin-top:5px}.wallet-balances small{color:#dbbd70}.wallet-balances .coupon{background:#1c2545;border-color:#7977d055}.wallet-balances .coupon strong{color:#b9a4ff}.wallet-banner{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #bd912b55;border-radius:12px;background:#342b1666;margin:24px 0}.wallet-banner p{font-size:12px;margin:6px 0}.wallet-banner .btn{white-space:nowrap;margin:0;font-size:13px}.wallet-columns{display:grid;grid-template-columns:0.85fr 1.3fr;gap:18px}.wallet-box{background:#111925;border:1px solid #ffffff20;border-radius:12px;padding:18px}.wallet-box h3{font-size:17px;margin:0 0 18px}.wallet-packages{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wallet-package{margin:0;cursor:pointer;position:relative}.wallet-package input{position:absolute;opacity:0;width:1px}.wallet-package span{display:flex;flex-direction:column;gap:7px;text-align:center;border:1px solid #ffffff24;border-radius:10px;padding:16px 5px}.wallet-package input:checked+span{border-color:#e8c66a;background:#c29c2320}.wallet-package input:focus-visible+span{outline:2px solid #fff}.wallet-package strong{font-size:23px;color:#e8c66a}.wallet-package b{font-size:13px}.wallet-package small{font-size:10px}.wallet-box .wallet-buy{width:100%;margin:12px 0;font-size:13px}.wallet-history-heading{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wallet-history-heading h3{flex:1}.wallet-history-heading input{width:135px;font-size:11px;padding:6px}.wallet-history-heading button{background:transparent;border:0;color:#e8c66a;cursor:pointer}.wallet-transaction{display:flex;gap:12px;justify-content:space-between;border-top:1px solid #ffffff16;padding:18px 0;font-size:13px}.wallet-transaction[hidden]{display:none}.wallet-transaction small{display:block;font-size:10px;margin-top:6px}.wallet-transaction>strong{color:#64dcb2;white-space:nowrap}.user-nav{display:flex;align-items:center;gap:12px;margin-left:auto}.coin-pill{display:inline-block;background:#332714;border:1px solid #d1a33777;color:#f3d479;border-radius:20px;padding:5px 12px;font-size:12px}.user-menu{position:relative}.user-menu>summary{list-style:none;cursor:pointer}.user-menu>summary::-webkit-details-marker{display:none}.user-menu-panel{position:absolute;right:0;top:52px;width:250px;background:#111925f5;border:1px solid #ffffff25;border-radius:14px;padding:14px;z-index:100;box-shadow:0 15px 50px #0008}.user-menu-panel>small{display:block;font-size:11px;margin:6px 0 10px}.user-menu-panel>a{display:block!important;padding:10px!important;border-radius:6px;font-size:13px}.user-menu-panel>a:hover{background:#ffffff12}.user-menu-panel hr{border:0;border-top:1px solid #ffffff20;margin:12px 0}.user-menu-panel form button{background:transparent;color:#ffaaaa;padding:8px;margin:0;border:0;cursor:pointer}@media(max-width:600px){.wallet-columns{grid-template-columns:1fr}.wallet-banner{flex-direction:column;align-items:stretch}.wallet-balances{gap:8px}.wallet-balances article{padding:12px}}
.coin-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;object-fit:contain}.wallet-package strong .coin-icon{width:25px;height:25px}.coin-pill .coin-icon{width:16px;height:16px}
/* Wallet purchase and payment screens. Keep shared navigation styles above. */
.wallet-surface{background:radial-gradient(ellipse at top right,#103d3e 0,transparent 55%),#001719;color:#e7eff3}.wallet-surface header{background:#03141d;border-bottom:1px solid #224448}.wallet-surface .brand{color:#67d9ca}.wallet-surface .wrap{max-width:1000px}.wallet-page{max-width:900px;padding:8px 0}.wallet-page>h2{color:#edf4f7}.wallet-balances article{background:#073433;border-color:#176052}.wallet-balances small{color:#73c7b2}.wallet-balances .coupon{background:#152f43}.wallet-banner{background:#18382f;border-color:#6a6331;color:#cfdee3}.wallet-banner .btn{background:#209d79;color:#fff}.wallet-columns{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:22px;align-items:start}.wallet-box{min-width:0;padding:24px;background:#052b32;border:1px solid #24474d;border-radius:16px;box-shadow:0 12px 30px #0002}.wallet-box h3{font-size:21px;line-height:1.3;color:#edf4f7;margin-bottom:22px}.wallet-package{margin:0}.wallet-packages{gap:12px}.wallet-package>span{position:relative;min-height:120px;padding:20px 7px 16px;border:2px solid #26494e;border-radius:12px;background:#06292f;gap:7px}.wallet-package strong{font-size:29px;color:#ffce43;line-height:1.25}.wallet-package b{font-size:15px;color:#c9dde4}.wallet-package small{font-size:11px;color:#738e9a}.wallet-package input:checked+span{background:#0b403b;border-color:#36b88d;box-shadow:0 0 0 1px #36b88d44}.wallet-package .coin-icon{width:28px;height:28px}.wallet-saving{position:absolute;right:10px;top:-10px;background:linear-gradient(100deg,#ffbe38,#ff486b);color:#172327;border-radius:20px;padding:3px 10px;font-style:normal;font-size:9px;font-weight:800;line-height:1.2}.wallet-page .wallet-buy{display:block;width:100%;margin:14px 0 0;padding:14px 10px;border:0;border-radius:11px;background:#209d79;color:#fff;text-align:center;text-decoration:none;font:inherit;font-weight:700;box-shadow:0 6px 18px #20ad7d28;cursor:pointer}.wallet-page button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.wallet-connection-note,.wallet-preview-link{display:block;font-size:12px;line-height:1.6;margin:14px 0 0;color:#92b0bb}.wallet-preview-link{color:#68d8c3}.wallet-history-heading{gap:8px;margin-bottom:4px}.wallet-history-heading h3{font-size:21px;margin:0 0 12px}.wallet-history-heading input{width:116px;background:#052b32;border-color:#254a51;color:#c8dce1;font-size:11px;color-scheme:dark}.wallet-history-heading button{padding:5px;margin:0;color:#81cdbf;font-size:11px}.wallet-transaction{padding:20px 0;border-color:#193e45;gap:12px;line-height:1.4}.wallet-transaction-detail{min-width:0;flex:1}.wallet-transaction-detail>b{font-size:14px;overflow-wrap:anywhere}.wallet-transaction small{color:#829daa;line-height:1.4;font-size:11px;margin-top:6px;overflow-wrap:anywhere}.wallet-status{display:inline-block;border-radius:4px;padding:3px 5px;font-size:9px;font-weight:700;vertical-align:middle;background:#735d2433;color:#e9c77c}.wallet-status.success{background:#0e624944;color:#7cd6bb}.wallet-transaction-amount{text-align:right;flex-shrink:0}.wallet-transaction-amount strong{color:#78e0bf;font-size:15px;white-space:nowrap}.wallet-transaction-amount small{font-size:10px}.wallet-transaction-amount .coin-icon{width:17px;height:17px}.wallet-history-check{display:inline-block;color:#f7d464;font-size:12px;margin-top:10px}.wallet-empty-history{color:#95adb5;font-size:14px}.wallet-payment-intro{text-align:center;color:#c6d9e0;font-size:16px;line-height:1.55;margin:0 0 20px}.wallet-qr{max-width:250px;aspect-ratio:1;margin:0 auto 16px;padding:16px;border-radius:13px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #0002}.wallet-qr img{display:block;width:100%;height:100%;object-fit:contain}.wallet-qr-placeholder{border:2px dashed #51bfa0;background:#f3fbf8;color:#164b42;align-content:center;gap:12px}.wallet-qr-placeholder>span{font-size:48px;font-weight:800;letter-spacing:4px}.wallet-qr-placeholder small{color:#427567;text-align:center;font-size:13px;line-height:1.5}.wallet-preview-notice{text-align:center;font-size:12px;color:#ffc755;margin:8px 0}.wallet-payment-price{text-align:center;font-size:17px;margin:14px 0}.wallet-payment-price strong{color:#ffd148}.wallet-order-no{text-align:center;font-size:13px;color:#7795a3;margin:0 0 20px}.wallet-bank-caption{text-align:center;color:#9cb6c1;font-size:13px;margin:14px 0 10px}.wallet-banks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#36766a transparent}.wallet-bank{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border:1px solid #315259;border-radius:9px;background:#13343b;color:#c1d5dd;padding:9px 4px;font-size:10px;line-height:1.25;text-decoration:none}.wallet-bank:hover{border-color:#38bd93;background:#184c47}.wallet-bank img,.wallet-bank-initial{width:36px;height:36px;border-radius:7px;object-fit:contain;background:#fff}.wallet-bank-initial{display:grid;place-items:center;background:linear-gradient(135deg,#174c6e,#29a87e);color:#fff;font-weight:700;font-size:22px}.wallet-bank>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:25px}.wallet-bank.is-preview{opacity:.8}.wallet-payment-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 12px}.wallet-payment-actions form{margin:0}.wallet-page .wallet-cancel,.wallet-page .wallet-check{display:block;width:100%;padding:13px 6px;margin:0;border-radius:11px;font:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.wallet-page .wallet-cancel{background:#14363d;border:1px solid #36575d;color:#dae8ed}.wallet-page .wallet-check{background:#209d79;border:1px solid #209d79;color:white}.wallet-payment-result{font-size:13px;color:#a5d7c8;line-height:1.5}.wallet-payment-help{display:flex;align-items:flex-start;gap:9px;padding:15px 12px;border:1px solid #155d78;border-radius:9px;background:#073544;color:#b7d0da;font-size:12px;line-height:1.6}.wallet-payment-help>span{font-size:18px}.wallet-payment-help p{margin:0 0 10px;line-height:1.6}.wallet-payment-help p:last-child{margin-bottom:0}.wallet-payment-help ul{padding-left:18px;margin:0 0 10px}.wallet-payment-help li{margin-bottom:6px}.wallet-payment-help b{color:#e1eef2}.wallet-muted{color:#829eac}.wallet-payment-done{text-align:center;padding:20px 0}.wallet-payment-done>span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto;background:#145740;color:#86f0bb;font-size:34px;border-radius:50%}.wallet-payment-done h4{font-size:22px;margin-bottom:8px}
@media(max-width:600px){.wallet-surface .wrap{margin:20px auto;padding:0 14px}.wallet-surface .header-inner{gap:7px}.wallet-columns{grid-template-columns:minmax(0,1fr);gap:22px}.wallet-box{padding:22px 20px;border-radius:16px}.wallet-box h3{font-size:21px}.wallet-package>span{min-height:119px}.wallet-package strong{font-size:29px}.wallet-balances strong{font-size:25px}.wallet-banner{margin:20px 0}.wallet-saving{font-size:9px;right:7px}.wallet-history-heading{flex-wrap:wrap}.wallet-history-heading h3{flex-basis:calc(100% - 142px);font-size:20px}.wallet-history-heading input{width:103px}.wallet-history-heading button{font-size:10px}.wallet-transaction-detail>b{font-size:13px}.wallet-transaction-amount strong{font-size:14px}.wallet-payment-intro{font-size:15px}.wallet-qr{max-width:240px}.wallet-bank img,.wallet-bank-initial{width:34px;height:34px}.wallet-page .wallet-cancel,.wallet-page .wallet-check{font-size:14px}}