[hidden]{display:none!important}body{background:#f5f9f8}.account-nav{max-width:1160px;margin:auto;height:100px;display:flex;align-items:center;gap:30px;padding:0 25px}.account-nav img{width:90px;height:74px;object-fit:contain}.account-nav>a:nth-child(2){margin-left:auto;font-size:11px;color:#668489}.account-nav .button{font-size:10px;padding:11px 16px}main{max-width:1110px;margin:15px auto 60px;padding:0 25px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:615px;background:white;border:1px solid #e2ece9;border-radius:23px;overflow:hidden}.welcome{background:linear-gradient(135deg,#1b333a,#267a81);color:white;padding:50px 40px;position:relative}.welcome h1{font-size:36px;letter-spacing:-1.5px;margin:18px 0;line-height:1.25}.welcome>p{font-size:12px;color:#cce5e4;line-height:1.8}.welcome-feature{display:flex;gap:17px;margin-top:32px}.welcome-feature>span{width:36px;height:36px;background:#ffffff16;border-radius:10px;display:grid;place-items:center;font-size:22px;flex-shrink:0;color:#91e5dd}.welcome h3{font-size:12px;font-weight:500;margin:0 0 6px}.welcome-feature p{color:#b6d7d7;font-size:10px;line-height:1.9;margin:0}.welcome-brand{font-size:9px;color:#b7d9d7;margin-top:45px}.auth-card{padding:45px 40px}.auth-card h2{font-size:29px;letter-spacing:-1px}.auth-card>p{color:#7c8b8f;font-size:11px;line-height:1.9}.auth-tabs{display:flex;background:#f0f6f4;border-radius:9px;padding:4px;margin:25px 0 22px}.auth-tabs button{border:0;background:transparent;padding:10px;flex:1;font-size:11px;color:#6e8585;border-radius:7px}.auth-tabs .selected{background:white;box-shadow:0 2px 5px #213d3a0c;color:#276e73;font-weight:600}label{display:block;font-size:11px;margin:17px 0 6px;color:#435d60}input{margin-top:7px;border-color:#dce8e5;font-size:12px;padding:13px;border-radius:9px}button:disabled{opacity:.55;cursor:wait}.error{color:#ac4545;font-size:11px;line-height:1.8;min-height:1px}.support-note{font-size:9px!important;text-align:center;margin-top:21px}.support-note a{color:#258f98}.wallet-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.wallet-heading h1{font-size:31px;margin:10px 0 5px;letter-spacing:-1px}.wallet-heading p{font-size:11px;color:#778a8d}.wallet-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.balance-card{background:linear-gradient(130deg,#203b42,#268f98);color:white;border-radius:20px;padding:35px;position:relative;overflow:hidden;min-height:260px}.balance-card>span:first-child{font-size:12px;color:#cae6e5}.balance-card strong{display:block;font-size:48px;font-weight:600;letter-spacing:-2px;margin:16px 0 24px;position:relative;z-index:1}.balance-card p{font-size:10px;color:#c3dddd;max-width:210px;line-height:1.8;position:relative;z-index:1}.balance-art{position:absolute;right:14px;bottom:-40px;font:240px Arial;color:#ffffff0d}.topup-card,.history-card{background:white;padding:28px;border:1px solid #e0ebe8;border-radius:18px}.topup-card h2,.history-card h2{margin:0;font-size:19px;letter-spacing:-.5px}.topup-card p,.history-card p{font-size:10px;line-height:1.8;color:#7b8b8d}.peso-input{display:flex;align-items:center;position:relative}.peso-input span{position:absolute;left:14px;top:20px;color:#6c8588}.peso-input input{padding-left:35px;font-size:19px;font-weight:500}.amount-chips{display:flex;gap:9px;margin-top:12px}.amount-chips button{border:1px solid #deece7;color:#568285;background:#f9fcfb;border-radius:7px;flex:1;padding:7px;font-size:10px}.amount-chips button:hover{background:#eaf6f3}.topup-card .full{margin-top:14px}.account-notice{padding:13px 17px;font-size:11px;color:#497b7f;background:#e8f4f0;border-radius:9px;margin:22px 0}.history-card{margin-top:24px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.history-heading .button{padding:12px;font-size:10px}table{width:100%;border-collapse:collapse;font-size:10px}td,th{padding:16px 9px;text-align:left;border-bottom:1px solid #e8eeeb}th{font-weight:500;color:#879595}td{color:#486268}td:first-child{font-size:9px}.table-scroll{overflow:auto;margin-top:14px}.empty-state{text-align:center;padding:38px 12px;color:#527b7b;font-size:13px}.empty-state span{font-size:10px;color:#8a9998;line-height:2.8}.wallet-note{font-size:10px;color:#849391;text-align:center;margin:24px}.badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:9px;background:#edf3f1;color:#6c8181}.badge.paid{background:#e2f5eb;color:#3b8b66}.badge.review,.badge.failed{background:#fff1df;color:#aa7842}.text-button{border:0;border-radius:5px;background:#edf6f3;color:#2c8088;padding:7px 10px;font-size:9px}#payment-dialog{width:440px}#payment-dialog p{font-size:11px;line-height:1.8;color:#71858b}#payment-qr{display:block;max-width:250px;width:100%;margin:20px auto;border-radius:12px}#payment-reference{font-size:9px!important;overflow-wrap:anywhere}@media(max-width:700px){.account-nav{height:80px;padding:0 18px;gap:15px}.account-nav img{width:72px;height:60px}.account-nav>a:nth-child(2){font-size:9px}main{padding:0 16px;margin-top:8px}.auth-layout{grid-template-columns:1fr}.welcome{padding:28px}.welcome h1{font-size:29px}.welcome-feature,.welcome-brand{display:none}.welcome>p{margin-bottom:0;font-size:10px}.auth-card{padding:30px 25px}.auth-card h2{font-size:26px}.wallet-grid{grid-template-columns:1fr;gap:17px}.wallet-heading{display:block}.wallet-heading>.button{margin-top:10px;padding:12px 16px;font-size:10px}.balance-card{min-height:215px;padding:28px}.balance-card strong{font-size:42px}.topup-card,.history-card{padding:23px}.history-heading{display:block}.history-heading>.button{margin-top:10px}.table-scroll table{min-width:550px}.wallet-heading h1{font-size:27px}.wallet-note{font-size:9px;line-height:1.8}}

#google-auth{margin-top:24px}#google-button{display:flex;justify-content:center;min-height:40px;max-width:100%}#google-error:empty{display:none}.auth-divider{display:flex;align-items:center;gap:12px;color:#7c8b8f;font-size:10px;margin-top:21px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e2ece9;flex:1}#google-auth+.auth-tabs{margin-top:18px}

.forgot-password{display:block;margin:12px 0 0 auto;padding:4px 0;border:0;background:transparent;color:#227c83;font-size:11px;text-decoration:underline;text-underline-offset:3px}#reset-dialog{width:min(440px,calc(100% - 30px));max-height:calc(100% - 32px);overflow-y:auto}#reset-dialog h2{font-size:25px}#reset-dialog>p{font-size:12px;line-height:1.8;color:#5b7477}#reset-dialog input{font-size:16px}#reset-dialog .full{margin-top:22px}#reset-status{color:#227c65!important}#reset-status:empty,#reset-error:empty{display:none}.reset-help a{color:#227c83;text-decoration:underline}