.customer-recharge-page{--recharge-blue:#087fca;--recharge-red:#ef3340;width:min(960px,100%);margin:0 auto}.customer-recharge-hero{background:linear-gradient(125deg,#fff,#eff8fd 68%,#fff3f4);border:1px solid #d8e6ee;border-radius:17px;justify-content:space-between;align-items:center;margin-bottom:17px;padding:27px 29px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 32px #0f37500d}.customer-recharge-hero:after{content:"";background:linear-gradient(135deg,#087fca24,#ef33401f);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;right:-55px}.customer-recharge-hero>div,.customer-recharge-hero>button{z-index:1;position:relative}.customer-recharge-hero span,.customer-recharge-history-title span{color:var(--recharge-blue);letter-spacing:.17em;font-size:9px;font-weight:900}.customer-recharge-hero h1{color:#102e44!important;margin:7px 0!important;font-size:27px!important}.customer-recharge-hero p{color:#617a8b;max-width:650px;margin:0;font-size:12px;line-height:1.7}.customer-recharge-hero>button{color:#0870aa;cursor:pointer;background:#ffffffd1;border:1px solid #c8dce8;border-radius:8px;padding:10px 13px;font-size:10px;font-weight:800}.customer-wallet-card{border:1px solid #dce7ee;color:#fff!important;background:linear-gradient(120deg,#0b2d47,#075f95 68%,#8f3542)!important;padding:23px 25px!important;box-shadow:0 12px 32px #09385829!important}.customer-wallet-card div{color:#fff!important}.customer-wallet-card>div:first-child>div:first-child{color:#a9c9dc!important}.customer-wallet-card>div:last-child{background:#ffffff17;border-radius:7px;padding:7px 10px}.customer-recharge-tabs{background:#fff;border:1px solid #dce7ee;padding:5px;border-radius:11px!important;gap:5px!important}.customer-recharge-tabs button{border:0!important;border-radius:8px!important;min-width:0!important;padding:11px 20px!important;font-size:12px!important}.customer-recharge-panel{border:1px solid #dce7ee;border-radius:14px!important;padding:25px!important;box-shadow:0 8px 28px #0f37500b!important}.customer-recharge-panel button{transition:all .16s}.customer-recharge-panel button:hover:not(:disabled){transform:translateY(-1px)}.customer-bank-card{border:1px solid #d8e5ec!important;border-left:3px solid var(--recharge-blue)!important;background:#f5f9fb!important}.customer-code-panel{min-height:300px}.customer-recharge-history-title{justify-content:space-between;align-items:end;margin:28px 2px 11px;display:flex}.customer-recharge-history-title h2{color:#17364c!important;margin:4px 0 0!important;font-size:18px!important}.customer-recharge-history-title small{color:#7c909e;font-size:10px}.customer-recharge-history{border:1px solid #dce7ee;padding:8px 20px!important;box-shadow:0 7px 25px #0f37500a!important}.customer-recharge-history>div{padding:13px 4px!important}.customer-recharge-history>div:last-child{border-bottom:0!important}@media (width<=680px){.customer-recharge-hero{flex-direction:column;align-items:flex-start;gap:15px;padding:22px}.customer-recharge-tabs button{flex:1;padding:10px!important}.customer-recharge-panel{padding:18px!important}.customer-recharge-panel>div[style*=grid-template-columns]{grid-template-columns:repeat(2,1fr)!important}.customer-recharge-history-title{flex-direction:column;align-items:flex-start;gap:4px}}