.login-page{background:#c7dde0;min-height:100vh;font-family:Poppins,sans-serif}.login-card{z-index:2;background:#f8f8f8;border-radius:28px;width:100%;max-width:560px;padding:72px 28px 40px;position:relative;box-shadow:0 10px 35px #0000001f}.logo-circle{border:3px solid #ececec;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;display:flex;box-shadow:0 5px 16px #00000014}.welcome-title{text-align:center;color:#1d4864;margin-top:40px;font-size:50px;font-weight:700}.offer-text{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.offer-highlight-wrapper{display:inline-block;position:relative;overflow:hidden}.offer-highlight{color:#0aaec0;font-size:24px;font-weight:700}.offer-highlight-wrapper:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fffffff2,#0000);width:20px;height:140%;animation:2.5s linear infinite shinePass;position:absolute;top:-20%;left:-40%;transform:rotate(20deg)}@keyframes shinePass{0%{left:-40%}to{left:120%}}.offer-normal{color:#8f8f8f;font-size:22px;font-weight:500}.input-section{margin-top:62px}.input-label{color:#214c67;margin-bottom:18px;font-size:33px;font-weight:500}.phone-input{background:#fafafa;border:2px solid #ccd6da;border-radius:18px;align-items:center;width:100%;height:90px;padding:0 22px;transition:all .3s;display:flex}.phone-input.active{border-color:#20b7c2;box-shadow:0 0 10px #20b7c240}.phone-icon{color:#8f8f8f;margin-right:14px;font-size:32px;transition:all .3s}.phone-input.active .phone-icon{color:#20b7c2}.phone-input input{color:#7f7f7f;background:0 0;border:none;outline:none;width:100%;font-size:34px}.phone-input input::placeholder{color:#9d9d9d}.error-text{color:#e53935;margin-top:10px;font-size:15px;font-weight:500}.otp-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#1d95a7,#20b7c2);border:none;border-radius:18px;width:100%;height:92px;margin-top:88px;font-size:42px;font-weight:500;transition:all .3s}.otp-btn:hover{transform:scale(1.01)}.otp-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width:768px){.login-card{padding:65px 20px 32px}.logo-wrapper{top:6px}.logo-circle{width:92px;height:92px}.logo-img{width:34px}.logo-text{font-size:13px}.welcome-title{margin-top:34px;font-size:34px}.offer-highlight{font-size:18px}.offer-normal{font-size:17px}.input-section{margin-top:45px}.input-label{font-size:22px}.phone-input{height:66px}.phone-icon,.phone-input input{font-size:24px}.otp-btn{height:72px;margin-top:55px;font-size:30px}}@media (max-width:480px){.login-card{border-radius:24px;width:100%;padding:58px 18px 28px}.logo-wrapper{top:2px}.logo-circle{width:78px;height:78px}.logo-img{width:28px}.logo-text{font-size:11px}.welcome-title{margin-top:28px;font-size:25px}.offer-text{gap:4px;margin-top:10px}.offer-highlight{font-size:14px}.offer-normal{font-size:13px}.input-section{margin-top:42px}.input-label{margin-bottom:12px;font-size:16px}.phone-input{border-radius:14px;height:54px;padding:0 16px}.phone-icon{margin-right:10px;font-size:18px}.phone-input input{font-size:18px}.error-text{font-size:12px}.otp-btn{border-radius:14px;height:58px;margin-top:42px;font-size:22px}}.verify-page{--primary:#0e4a63;--cyan:#1ab0b7;--danger:#ef4444;--white:#fff;background:#cfe4e6;min-height:100vh;font-family:Poppins,sans-serif;overflow-x:hidden}.top-image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:38vh}.card-wrapper{justify-content:center;margin-top:-50px;padding:0 16px 40px;display:flex}.otp-card{background:#f8f8f8;border-radius:28px;width:100%;max-width:520px;padding:58px 22px 30px;position:relative;box-shadow:0 10px 35px #0000001f}.logo-wrapper{justify-content:center;width:100%;display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%)}.logo-circle{background:#fff;border:3px solid #ececec;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:92px;height:92px;display:flex;box-shadow:0 5px 16px #00000014}.logo-img{object-fit:contain;width:34px}.logo-text{color:#1d4864;letter-spacing:.8px;margin-top:2px;font-size:11px;font-weight:700}.otp-title{text-align:center;color:#1d4864;margin-top:40px;font-size:34px;font-weight:700;line-height:1.5}.otp-subtitle{text-align:center;color:#8f8f8f;margin-top:12px;font-size:17px;font-weight:500;line-height:1.5}.otp-section{margin-top:40px}.otp-label{color:#214c67;text-align:center;margin-bottom:18px;font-size:22px;font-weight:500}.otp-inputs{justify-content:center;gap:14px;display:flex}.otp-inputs input{text-align:center;color:#7f7f7f;background:#fafafa;border:2px solid #ccd6da;border-radius:16px;outline:none;width:68px;height:68px;font-size:28px;font-weight:500;transition:all .2s}.otp-inputs input:focus{border-color:var(--cyan);background:var(--white);box-shadow:0 0 0 4px #1ab0b72e}.otp-inputs input.error{border-color:var(--danger)!important}.otp-inputs input:disabled{opacity:.7;cursor:not-allowed}.errText{text-align:center;color:var(--danger);margin-top:10px;font-size:13px;font-weight:500}.phone-text{color:#9d9d9d;text-align:center;margin-top:12px;font-size:15px}.verify-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#1d95a7,#20b7c2);border:none;border-radius:18px;width:100%;height:72px;margin-top:42px;font-size:28px;font-weight:500;transition:all .3s}.verify-btn:hover{transform:scale(1.01)}.verify-btn:disabled{opacity:.75;cursor:not-allowed}.verify-btn.loading{pointer-events:none}.resend-btn{color:#1399ab;cursor:pointer;background:0 0;border:none;width:100%;margin-top:24px;font-size:21px;font-weight:500}.resend-btn:disabled{opacity:.6;cursor:not-allowed}.change-number{color:#7d7d7d;cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:18px;font-weight:500;display:flex}.topToast{z-index:9999;width:min(520px,100% - 24px);transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;top:16px;left:50%;transform:translate(-50%,-160%)}.topToast.show{transform:translate(-50%)}.topToastInner{min-height:54px;color:var(--primary);background:linear-gradient(135deg,#e6f7f8,#fff);border:1px solid #1ab0b759;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:700;display:flex;box-shadow:0 14px 40px #0e4a632e}.toastClose{cursor:pointer;opacity:.8;background:#0e4a6314;border:none;border-radius:10px;padding:6px 8px;font-size:13px}.toastClose:hover{opacity:1;background:#0e4a6326}@media (max-width:480px){.top-image{height:34vh}.card-wrapper{padding:0 12px 24px}.otp-card{border-radius:24px;width:100%;padding:52px 16px 24px}.logo-circle{width:78px;height:78px}.logo-img{width:28px}.logo-text{font-size:10px}.otp-title{margin-top:28px;font-size:25px}.otp-subtitle{font-size:14px}.otp-section{margin-top:34px}.otp-label{margin-bottom:14px;font-size:16px}.otp-inputs{gap:10px}.otp-inputs input{border-radius:12px;width:56px;height:56px;font-size:24px}.errText{font-size:12px}.phone-text{font-size:13px}.verify-btn{border-radius:14px;height:58px;margin-top:36px;font-size:20px}.resend-btn{font-size:17px}.change-number{font-size:14px}}.account-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#00000047;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.account-popup{text-align:center;background:#fff;border-radius:36px;width:100%;max-width:680px;padding:32px 28px 40px;animation:.25s popupShow;position:relative;box-shadow:0 30px 70px #00000026}.popup-close{color:#0e4a63;cursor:pointer;background:#f2f4f7;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.popup-close:hover{background:#e7edf2}.popup-icon-wrap{justify-content:center;margin-top:0;margin-bottom:6px;display:flex}.popup-icon-circle{background:#f7f9fb;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex;box-shadow:inset 0 0 0 1px #edf1f4}.popup-icon{color:#17b5c2;font-size:72px}.popup-title{color:#0e4a63;margin-top:8px;font-size:42px;font-weight:700;line-height:1.15}.popup-description{color:#7d7d7d;max-width:520px;margin-top:14px;margin-left:auto;margin-right:auto;font-size:22px;line-height:1.6}@keyframes popupShow{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.account-popup{border-radius:28px;padding:26px 20px 32px}.popup-close{width:44px;height:44px;font-size:20px}.popup-icon-circle{width:120px;height:120px}.popup-icon{font-size:54px}.popup-title{margin-top:6px;font-size:28px}.popup-description{margin-top:10px;font-size:16px;line-height:1.5}}.popup-create-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#1d95a7,#20b7c2);border:none;border-radius:18px;width:100%;max-width:360px;height:64px;margin-top:30px;font-size:22px;font-weight:600;transition:all .25s}.popup-create-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #20b7c240}.popup-create-btn:active{transform:translateY(1px)}.ca-page{background:radial-gradient(circle at top,#f6f8fb 0%,#eef2f7 45%,#e9eff7 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:flex}.ca-card{width:100%;max-width:420px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:22px;padding:26px 18px 18px}.ca-brand{justify-content:center;margin-bottom:0;display:flex}.ca-logo{object-fit:contain;width:auto;height:90px}.ca-title{text-align:center;color:#2b4756;letter-spacing:.2px;margin:6px 0 8px;font-size:34px;line-height:1.1}.ca-subtitle{text-align:center;color:#5a7282;margin:0 0 18px;font-size:15px}.ca-form{flex-direction:column;gap:14px;display:flex}.ca-field{background:#ffffffa6;border:1px solid #11182714;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.ca-iconWrap{color:#2f7f92;background:#24879b1a;border:1px solid #24879b1f;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.ca-input{color:#2b4756;background:0 0;border:0;outline:none;width:100%;font-size:16px}.ca-input::placeholder{color:#8aa0ad}.ca-uploadBox{cursor:pointer;text-align:left;background:#ffffff73;border:2px dashed #2f7f9259;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.ca-uploadIcon{color:#2f7f92;background:#2f7f921f;border:1px solid #2f7f9229;border-radius:14px;place-items:center;width:46px;height:46px;font-size:18px;display:grid}.ca-uploadTitle{color:#2b4756;font-weight:800}.ca-uploadHint{color:#6e8795;margin-top:2px;font-size:13px}.ca-avatarWrap{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.ca-avatar{width:110px;height:110px;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:50%;position:relative;overflow:hidden}.ca-avatarImg{object-fit:cover;width:100%;height:100%;display:block}.ca-avatarCam{display:none}.ca-avatarLabel{color:#2b4756;font-weight:700}.ca-hiddenFile{display:none}.ca-phoneRow{align-items:center;gap:10px;display:flex}.ca-code{text-align:center;color:#2b4756;background:#ffffffa6;border:1px solid #11182714;border-radius:14px;min-width:70px;padding:12px 10px;font-weight:700}.ca-phone{color:#2b4756;background:#ffffffa6;border:1px solid #11182714;border-radius:14px;outline:none;flex:1;padding:12px;font-size:16px}.ca-btn{cursor:pointer;color:#fff;background:linear-gradient(#2f8da1 0%,#1f6f82 100%);border:0;border-radius:18px;height:54px;margin-top:2px;font-size:20px;font-weight:800;box-shadow:0 18px 35px #1f6f8240}.ca-btn:active{transform:translateY(1px)}.ca-secure{color:#2b4756;justify-content:center;align-items:center;gap:10px;padding-top:6px;font-weight:700;display:flex}.ca-lock{font-size:16px}@media (max-width:420px){.ca-card{border-radius:20px;padding:22px 14px 16px}.ca-title{font-size:30px}.ca-logo{height:72px}.ca-avatar{width:96px;height:96px}.ca-btn{height:52px;font-size:18px}}html,body,#root{width:100%;min-height:100%;font-family:Poppins,sans-serif;overflow-x:hidden}.client-page{background-color:#0f90a4;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.client-overlay{z-index:1;background:linear-gradient(#008ca014,#008ca02e,#008ca057);position:absolute;inset:0}.client-header{z-index:20;background:#f8f8f8;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;display:flex;position:relative;box-shadow:0 2px 10px #0000000f}.header-left{flex-direction:column;align-items:center;min-width:80px;display:flex}.header-logo{object-fit:contain;width:42px}.header-logo-text{color:#15354d;letter-spacing:.6px;margin-top:4px;font-size:14px;font-weight:700}.wallet-box{cursor:pointer;background:linear-gradient(#fff,#f3fcfd);border:1.5px solid #159daf;border-radius:999px;justify-content:center;align-items:center;gap:14px;min-width:175px;height:72px;padding:0 30px;display:flex;position:relative;box-shadow:0 4px 14px #159daf1f}.wallet-icon{color:#159daf;flex-shrink:0;font-size:38px}.wallet-content{flex-direction:column;line-height:1.05;display:flex}.wallet-label{color:#6d7d86;font-size:13px;font-weight:500}.wallet-amount-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.wallet-amount{color:#159daf;letter-spacing:.3px;z-index:5;font-size:28px;font-weight:700;position:relative}.wallet-amount.active{animation:.8s walletPop,1.5s walletGlow}@keyframes walletPop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes walletGlow{0%{text-shadow:none}50%{text-shadow:0 0 10px #ffd700cc,0 0 18px #ffffffe6}to{text-shadow:none}}.wallet-star{color:#ffd54a;pointer-events:none;font-size:14px;animation:1s ease-in-out infinite walletBlink;position:absolute}.wallet-star.s1{top:-6px;left:-6px}.wallet-star.s2{bottom:-4px;left:4px}.wallet-star.s3{top:-6px;right:-4px}.wallet-star.s4{bottom:-4px;right:4px}.wallet-star.s5{font-size:10px;top:0;left:50%;transform:translate(-50%)}.wallet-star.s6{font-size:10px;bottom:0;left:50%;transform:translate(-50%)}@keyframes walletBlink{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.wallet-shine{z-index:3;background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:18px;height:140%;animation:1.6s ease-in-out walletShine;position:absolute;top:-20%;left:-10%}@keyframes walletShine{0%{opacity:0;transform:translate(-150%)}15%{opacity:1}45%{opacity:0;transform:translate(250%)}55%{opacity:0;transform:translate(-150%)}70%{opacity:1}to{opacity:0;transform:translate(250%)}}.wallet-dot{background:#2ecc71;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:0 0 8px #2ecc71b3}.nav-menu{z-index:999;position:relative}#burger-wrap{z-index:9999;width:60px;height:60px;position:relative}.burger{cursor:pointer;width:60px;height:60px;box-shadow:none;z-index:9999;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.burger:hover{transform:scale(1.05)}.burger span{background:#159daf;border-radius:20px;width:28px;height:3px;transition:all .3s;position:absolute}.burger span:before,.burger span:after{content:"";background:#159daf;border-radius:20px;width:28px;height:3px;transition:all .3s;position:absolute;left:0}.burger span:before{top:-8px}.burger span:after{top:8px}.open .burger span{background:0 0}.open .burger span:before{background:#fff;top:0;transform:rotate(45deg)}.open .burger span:after{background:#fff;top:0;transform:rotate(-45deg)}.menu-list{opacity:0;z-index:998;background:linear-gradient(135deg,#0b95a6,#106c79);flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:100vh;list-style:none;transition:all .45s;display:flex;position:fixed;top:0;right:-100%}.menu-list.list-open{opacity:1;right:0}.menu-list li{color:#fff;cursor:pointer;font-size:34px;font-weight:600;transition:all .3s}.menu-list li:hover{color:#dffcff;transform:scale(1.08)}.client-content{z-index:3;flex-direction:column;flex:1;align-items:center;width:100%;padding:40px 20px 30px;display:flex;position:relative}.voucher-title{text-align:center;color:#fff;margin-top:10px;margin-bottom:0;font-size:64px;font-weight:600;line-height:1.08}.button-container{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;margin-top:auto;display:flex}.request-btn{color:#108ea2;cursor:pointer;background:#f8f8f8;border:none;border-radius:24px;width:100%;max-width:540px;height:92px;font-size:40px;font-weight:500;transition:all .3s}.request-btn:hover{transform:scale(1.01)}.powered-text{color:#fff;opacity:.95;margin-top:18px;font-size:22px;font-weight:400}.wallet-dot-danger{background:#ff3b30;animation:.55s infinite dangerBlink;box-shadow:0 0 10px #ff3b30e6,0 0 18px #ff3b30e6}@keyframes dangerBlink{0%{opacity:.2;transform:translateY(-50%)scale(.7)}50%{opacity:1;transform:translateY(-50%)scale(1.5)}to{opacity:.2;transform:translateY(-50%)scale(.7)}}.add-money-btn{color:#fff;background:linear-gradient(135deg,#ff4d4d,#d80000);animation:1.2s infinite addMoneyPulse;box-shadow:0 8px 25px #ff000059}@keyframes addMoneyPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.no-money-text{color:#fff;text-align:center;letter-spacing:.3px;text-shadow:0 2px 10px #00000040;margin-top:14px;font-size:18px;font-weight:500;animation:1.4s infinite noMoneyBlink}@keyframes noMoneyBlink{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@media (max-width:768px){.client-header{padding:12px 14px}.header-logo{width:34px}.header-logo-text{font-size:12px}.wallet-box{gap:10px;min-width:150px;height:60px;padding:0 20px}.wallet-icon{font-size:30px}.wallet-label{font-size:11px}.wallet-amount{font-size:20px}.voucher-title{font-size:42px}.request-btn{border-radius:18px;height:72px;font-size:28px}.powered-text{font-size:18px}.menu-list li{font-size:28px}}@media (max-width:480px){.client-header{padding:10px 12px}.header-left{min-width:70px}.header-logo{width:30px}.header-logo-text{font-size:10px}.wallet-box{gap:8px;min-width:135px;height:52px;padding:0 16px}.wallet-icon{font-size:30px}.wallet-label{font-size:12px}.wallet-amount{font-size:18px}.burger{width:50px;height:50px}.burger span,.burger span:before,.burger span:after{width:24px}.menu-list li{font-size:24px}.client-content{flex-direction:column;min-height:calc(100vh - 80px);padding:20px 16px 24px;display:flex}.voucher-title{margin-top:20px;margin-bottom:auto;font-size:28px}.button-container{width:100%;margin-top:auto;padding-bottom:20px}.request-btn{border-radius:16px;max-width:100%;height:58px;font-size:22px}.powered-text{margin-top:14px;font-size:14px}.no-money-text{font-size:14px}}.header-left{flex-direction:column;align-items:center;min-width:80px;padding-top:6px;display:flex;position:relative;overflow:visible}@keyframes logoShine{0%{left:-150%}to{left:250%}}.header-left{position:relative;overflow:hidden}.header-left:after{content:"";background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:60%;height:200%;animation:4s infinite shineMove;position:absolute;top:-50%;left:-150%;transform:rotate(25deg)}@keyframes shineMove{0%{left:-150%}to{left:250%}}.animated-logo{transform-origin:50%;will-change:transform;animation:6s ease-in-out infinite logoMagic}@keyframes logoMagic{0%{filter:drop-shadow(0 0 #0ff0);transform:translateY(0)scale(1)rotate(0)}20%{filter:drop-shadow(0 0 6px #0ff6);transform:translateY(-3px)scale(1.05)rotate(0)}40%{filter:drop-shadow(0 0 12px #00ffffb3);transform:translateY(-3px)scale(1.08)rotate(180deg)}60%{filter:drop-shadow(0 0 18px #0ff);transform:translateY(-3px)scale(1.1)rotate(360deg)}80%{filter:drop-shadow(0 0 10px #0ff9);transform:translateY(-2px)scale(1.04)rotate(360deg)}to{filter:drop-shadow(0 0 #0ff0);transform:translateY(0)scale(1)rotate(360deg)}}.header-left:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:50%;height:150%;animation:4s infinite logoShine;position:absolute;top:-20%;left:-150%;transform:skew(-25deg)}:root{--primary:#0e4a63;--cyan:#1ab0b7;--soft:#f3f7fa;--text:#1d2e39;--border:#0e4a6324;--shadow:0 10px 25px #0f2d4614}*{box-sizing:border-box}.ch-page{background:var(--soft);height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;overflow:hidden}.ch-stickyHeader{z-index:50;background:var(--soft);position:sticky;top:0}.ch-navbar{border-bottom:1px solid var(--border);width:100%;box-shadow:var(--shadow);background:#fff;padding:16px;position:relative}.ch-backIcon{cursor:pointer;color:var(--primary);background:0 0;border:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ch-leftWrap{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.ch-brand{align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ch-logo{object-fit:cover;border:2px solid var(--primary);background:#fff;border-radius:50%;width:clamp(58px,12vw,82px);height:clamp(58px,12vw,82px)}.ch-balance{text-align:right;margin-left:auto}.ch-balanceLabel{color:#148b8f;font-size:clamp(14px,3.6vw,18px);font-weight:900}.ch-balanceValue{color:var(--primary);margin-top:6px;font-size:clamp(26px,6.5vw,44px);font-weight:800;line-height:1}.ch-clientName{color:#1d2e39d1;margin-top:4px;font-size:14px}.ch-tabsWrap{border-top:1px solid #0e4a6314;border-bottom:1px solid var(--border);background:#fff;position:relative;overflow:hidden}.ch-tabs{grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 10px;display:grid}.ch-tab{color:#0e4a63b3;cursor:pointer;background:0 0;border:0;padding:14px 10px;font-size:clamp(16px,4vw,24px);font-weight:700}.ch-tab.active{color:var(--primary)}.ch-tabDivider{background:#0e4a6333;width:1px;height:26px}.ch-activeLine{background:var(--primary);border-radius:6px;width:50%;height:4px;transition:transform .22s}.ch-scrollArea{height:calc(100vh - 140px);padding:16px 14px 28px;overflow-y:auto}.ch-list{flex-direction:column;gap:18px;display:flex}.ch-row{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:22px;grid-template-columns:110px 120px 1fr auto;align-items:center;gap:12px;padding:16px 18px;display:grid}.ch-date{color:#1d2e39eb;font-size:clamp(14px,3.8vw,22px);font-weight:600;line-height:1.3}.ch-viewBtn{color:#0f7f83;cursor:pointer;white-space:nowrap;background:#1ab0b71a;border:1px solid #1ab0b759;border-radius:999px;justify-self:center;padding:10px 14px;font-size:clamp(12px,3.2vw,14px);font-weight:800}.ch-viewBtn:hover{background:#1ab0b729}.ch-info{min-width:0}.ch-message{color:var(--text);word-break:break-word;font-size:clamp(14px,3.6vw,18px);font-weight:700;line-height:1.35}.ch-subText{color:#1d2e39b8;word-break:break-word;margin-top:4px;font-size:12px}.ch-amountWrap{white-space:nowrap;justify-self:end;align-items:center;gap:10px;display:inline-flex}.ch-dot{border-radius:50%;flex-shrink:0;width:22px;height:22px}.ch-dot.green{background:#1fa56a}.ch-dot.orange{background:#f59e0b}.ch-dot.red{background:#c62828}.ch-amount{color:var(--primary);font-size:clamp(18px,4.6vw,32px);font-weight:800}.ch-empty{border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;color:#1d2e39b8;background:#fff;border-radius:22px;padding:24px 18px;font-weight:600}.ch-tcCard{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:16px 18px}.ch-tcCard h3{color:var(--primary);margin:0 0 12px}.ch-tcCard ul{margin:0;padding-left:20px}.ch-tcCard li{margin-bottom:10px;line-height:1.5}@media (max-width:768px){.ch-row{grid-template-columns:90px 110px 1fr;grid-template-areas:"date action amount""info info info";align-items:start}.ch-date{grid-area:date}.ch-viewBtn{grid-area:action;place-self:center}.ch-info{grid-area:info;margin-top:4px}.ch-amountWrap{grid-area:amount;justify-self:end}}@media (max-width:520px){.ch-scrollArea{padding:14px 12px 24px}.ch-row{grid-template-columns:1fr auto;grid-template-areas:"date amount""info info""action action";gap:10px;padding:14px}.ch-date{font-size:14px}.ch-info{margin-top:2px}.ch-message{font-size:14px}.ch-subText{font-size:11px}.ch-viewBtn{text-align:center;grid-area:action;justify-self:stretch;width:100%;margin-top:4px}.ch-amountWrap{gap:8px}.ch-dot{width:18px;height:18px}.ch-amount{font-size:18px}.ch-logo{width:58px;height:58px}.ch-balanceValue{font-size:24px}.ch-clientName{font-size:12px}}:root{--primary:#0e4a63;--cyan:#1ab0b7;--text:#1d2e39;--shadow:0 14px 34px #0f2d462e;--active-green:#2e7d32;--active-bg:#2e7d321f;--active-border:#2e7d3238;--inactive-red:#c62828;--inactive-bg:#c628281f;--inactive-border:#c6282838}.dp-backdrop{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a18246b;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.dp-modal{width:min(430px,100vw - 28px);max-height:90vh;box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:16px 14px 14px;position:relative;overflow:hidden}.dp-x{cursor:pointer;width:34px;height:34px;color:var(--primary);background:#1ab0b724;border:0;border-radius:999px;font-size:16px;font-weight:900;transition:all .2s;position:absolute;top:10px;right:10px}.dp-x:hover{background:#1ab0b747;transform:scale(1.05)}.dp-profileWrap{place-items:center;margin-top:2px;display:grid}.dp-profile{object-fit:cover;border:3px solid #1ab0b740;border-radius:50%;width:74px;height:74px}.dp-title{text-align:center;color:var(--primary);margin:10px 0 12px;font-size:24px;font-weight:900}.dp-card{background:linear-gradient(#f3f7fabf,#fff);border:1px solid #0e4a631a;border-radius:16px;padding:10px}.dp-row{grid-template-columns:105px 1fr;align-items:center;gap:10px;padding:8px 2px;display:grid}.dp-label{color:#1d2e39cc;font-size:13px;font-weight:700}.dp-value{text-align:right;color:#1d2e39eb;white-space:nowrap;font-size:14px;font-weight:800}.dp-divider{background:#0e4a631a;height:1px;margin:0 2px}.dp-codeBox{background:#1ab0b71f;border:1px solid #1ab0b733;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.dp-codeText{color:var(--primary);letter-spacing:.5px;font-size:14px;font-weight:900}.dp-copyBtn{cursor:pointer;color:var(--primary);background:#0e4a6314;border:0;border-radius:10px;padding:8px 10px;font-size:14px;font-weight:900;transition:all .2s}.dp-copyBtn:hover{background:#0e4a632e}.dp-pill{white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;border-radius:999px;justify-self:end;padding:6px 14px;font-size:11px;font-weight:800}.dp-pill.active{background:var(--active-bg);color:var(--active-green);border:1px solid var(--active-border)}.dp-pill.inactive{background:var(--inactive-bg);color:var(--inactive-red);border:1px solid var(--inactive-border)}.dp-pill.partial{color:#856404;background:#fff3cd;border:1px solid #ffe69c}.dp-historyWrap{width:100%;margin-top:14px}.dp-historyTitle{color:#111827;margin-bottom:10px;font-size:15px;font-weight:800}.dp-historyScroll{flex-direction:column;gap:10px;max-height:210px;padding-right:3px;display:flex;overflow-y:auto}.dp-historyCard{background:#fafafa;border:1px solid #e5e7eb;border-radius:14px;flex-shrink:0;min-height:185px;padding:12px}.dp-historyTop{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dp-historyStatus{color:#0f766e;font-size:12px;font-weight:800}.dp-historyAmount{color:#111827;font-size:15px;font-weight:900}.dp-historyRow{color:#374151;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:12px;display:flex}.dp-empty{text-align:center;color:#6b7280;padding:18px;font-size:13px}.dp-closeBtn{cursor:pointer;color:#fff;background:linear-gradient(#0e4a63,#0b3f55);border:0;border-radius:14px;width:100%;margin-top:12px;padding:12px;font-size:16px;font-weight:900;transition:all .2s;box-shadow:0 10px 22px #0e4a6338}.dp-closeBtn:hover{transform:translateY(-1px)}@media (max-width:420px){.dp-modal{width:calc(100vw - 20px);padding:14px 12px 12px}.dp-row{grid-template-columns:88px 1fr}.dp-profile{width:66px;height:66px}.dp-title{font-size:21px}.dp-historyCard{min-height:175px}}:root{--deep-teal:#0e4a63;--cyan-teal:#1ab0b7;--sky-blue:#a9d6e2;--dark-slate:#1d2e39;--soft-white:#f3f7fa;--credit:#1fb26a;--debit:#e44b4b;--shadow:0 18px 55px #062a3829}.wl-page{background:var(--soft-white);min-height:100vh;padding:22px 16px 34px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:relative}.wl-topbar{z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:520px;margin:auto;display:flex;position:relative}.wl-back{color:var(--deep-teal);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;font-size:18px;font-weight:600;transition:all .2s;display:flex}.wl-back:hover{opacity:.8;transform:translate(-2px)}.wl-backIcon{color:var(--deep-teal);font-size:24px}.wl-profileBtn{cursor:pointer;background:0 0;border:none;transition:transform .2s}.wl-profileBtn:hover{transform:scale(1.05)}.wl-profileImg{object-fit:cover;border:2px solid var(--deep-teal);border-radius:50%;width:44px;height:44px;box-shadow:0 2px 8px #0000001a}.wl-greet{width:100%;max-width:520px;color:var(--dark-slate);z-index:2;margin:18px auto;position:relative}.wl-dear{letter-spacing:-.5px;color:var(--deep-teal);font-size:36px;font-weight:600}.wl-card{width:100%;max-width:520px;box-shadow:var(--shadow);z-index:2;background:#fff;border-radius:28px;margin:14px auto 0;transition:transform .2s,box-shadow .2s;position:relative}.wl-card:hover{transform:translateY(-2px);box-shadow:0 24px 60px #062a3833}.wl-balanceCard{border:1px solid var(--sky-blue);background:#fff;justify-content:space-between;align-items:center;padding:24px 22px;display:flex}.wl-balanceLabel{color:var(--deep-teal);text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:15px;font-weight:600}.wl-balanceValue{color:var(--deep-teal);margin-top:8px;font-size:52px;font-weight:800;line-height:1}.wl-infoBtn{background:var(--cyan-teal);color:#fff;cursor:pointer;border:none;border-radius:50%;width:42px;height:42px;font-size:18px;font-weight:700;transition:all .2s}.wl-infoBtn:hover{background:var(--deep-teal);transform:scale(1.05)}.wl-paymentsCard{border:1px solid var(--sky-blue);background:#fff;margin-bottom:40px;padding:20px 0 30px}.wl-cardTitle{color:var(--deep-teal);border-bottom:2px solid var(--sky-blue);margin-bottom:8px;padding:0 20px 16px;font-size:22px;font-weight:700}.wl-list{flex-direction:column;gap:12px;padding:0 16px 10px;display:flex}.wl-row{background:var(--soft-white);border:1px solid #0000;border-radius:20px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.wl-row:hover{border-color:var(--sky-blue);background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0e4a6314}.wl-iconWrap{background:#1ab0b71f;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.wl-moneyIcon{object-fit:contain;width:32px;height:28px}.wl-rowMid{flex:1}.wl-title{color:var(--dark-slate);margin-bottom:4px;font-size:16px;font-weight:700}.wl-sub{color:#8ba0ab;font-size:12px;font-weight:500}.wl-amount{text-align:right;min-width:85px;font-size:18px;font-weight:800}.wl-credit{color:var(--credit)}.wl-debit{color:var(--debit)}.wl-empty{text-align:center;color:#8ba0ab;padding:40px 20px;font-weight:500}.wl-error{border-left:4px solid var(--debit);background:#fff5f5;border-radius:16px;margin-top:10px;padding:16px}.wl-error-title{color:var(--dark-slate);margin-bottom:6px;font-weight:700}.wl-error-text{color:#c75c5c;font-size:13px}@media (min-width:900px){.wl-dear{font-size:44px}.wl-balanceValue{font-size:60px}.wl-card,.wl-topbar,.wl-greet{max-width:640px}.wl-row{padding:16px 20px}.wl-title{font-size:18px}.wl-amount{font-size:20px}}@media (max-width:480px){.wl-page{padding:18px 14px 30px}.wl-dear{font-size:28px}.wl-balanceValue{font-size:42px}.wl-cardTitle{padding:0 16px 14px;font-size:20px}.wl-row{padding:12px 14px}.wl-iconWrap{width:42px;height:42px}.wl-moneyIcon{width:28px;height:24px}.wl-title{font-size:15px}.wl-amount{min-width:75px;font-size:16px}}.ps-page{background:radial-gradient(circle at top,#f6f8fb 0%,#eef2f7 45%,#e9eff7 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:flex;position:relative}.ps-backBtnTop{cursor:pointer;width:42px;height:58px;color:var(--primary);z-index:10;background:0 0;border:none;position:absolute;top:20px;left:16px}.ps-card{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-width:420px;box-shadow:none;background:0 0;border:none;border-radius:22px;padding:26px 18px 20px}.ps-brand{justify-content:center;margin-bottom:2px;display:flex}.ps-logo{object-fit:contain;width:auto;height:90px}.ps-title{text-align:center;color:#2b4756;letter-spacing:.2px;margin:6px 0 8px;font-size:34px;font-weight:800;line-height:1.1}.ps-subtitle{text-align:center;color:#5a7282;margin:0 0 18px;font-size:15px}.ps-form{flex-direction:column;gap:14px;display:flex}.ps-field{background:#ffffffbf;border:1px solid #11182714;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.ps-iconWrap{color:#2f7f92;background:#24879b1a;border:1px solid #24879b1f;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.ps-input{color:#2b4756;background:0 0;border:0;outline:none;width:100%;font-size:16px;font-weight:500}.ps-input::placeholder{color:#8aa0ad}.ps-avatarWrap{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:2px;display:flex}.ps-avatar{width:112px;height:112px;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:50%;position:relative;overflow:hidden}.ps-avatarImg{object-fit:cover;width:100%;height:100%;display:block}.ps-avatarLabel{color:#2b4756;font-size:14px;font-weight:700}.ps-uploadBox{cursor:pointer;text-align:left;background:#ffffff80;border:2px dashed #2f7f9259;border-radius:16px;align-items:center;gap:12px;padding:14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.ps-uploadBox:hover{border-color:#2f7f9280;transform:translateY(-1px);box-shadow:0 10px 20px #1018280f}.ps-uploadIcon{color:#2f7f92;background:#2f7f921f;border:1px solid #2f7f9229;border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:18px;display:grid}.ps-uploadText{flex-direction:column;display:flex}.ps-uploadTitle{color:#2b4756;font-size:15px;font-weight:800}.ps-uploadHint{color:#6e8795;margin-top:2px;font-size:13px}.ps-hiddenFile{display:none}.ps-phoneRow{align-items:center;gap:10px;display:flex}.ps-code{text-align:center;color:#2b4756;background:#ffffffbf;border:1px solid #11182714;border-radius:14px;min-width:70px;padding:12px 10px;font-weight:700}.ps-phone{color:#2b4756;background:#ffffffbf;border:1px solid #11182714;border-radius:14px;outline:none;flex:1;padding:12px;font-size:16px;font-weight:500}.ps-phone::placeholder{color:#8aa0ad}.ps-btn{cursor:pointer;color:#fff;background:linear-gradient(#2f8da1 0%,#1f6f82 100%);border:0;border-radius:18px;height:54px;font-size:20px;font-weight:800;transition:transform .2s,opacity .2s;box-shadow:0 18px 35px #1f6f8240}.ps-btn:active{transform:translateY(1px)}.ps-btn:disabled{opacity:.7;cursor:not-allowed}.ps-secure{color:#2b4756;justify-content:center;align-items:center;gap:10px;padding-top:6px;font-weight:700;display:flex}.ps-lock{font-size:16px}@media (max-width:420px){.ps-card{border-radius:20px;padding:22px 14px 16px}.ps-title{font-size:30px}.ps-logo{height:72px}.ps-avatar{width:96px;height:96px}.ps-btn{height:52px;font-size:18px}.ps-backBtnTop{width:40px;height:40px;top:16px;left:12px}}.val-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh}.val-container{max-width:480px;min-height:100vh;margin:auto;padding:clamp(18px,4vw,26px);font-family:Inter,sans-serif}.val-header{justify-content:space-between;align-items:center;display:flex}.val-back-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;align-items:center;display:flex}.val-step-text{color:var(--text-light);margin-top:18px;font-size:clamp(12px,3vw,14px);font-weight:600}.val-progress-bar{background:#d9e6eb;border-radius:10px;height:6px;margin-top:6px;overflow:hidden}.val-progress{background:var(--cyan);border-radius:10px;width:40%;height:100%}.val-question{color:var(--primary);margin-top:22px;font-size:clamp(22px,5vw,30px);font-weight:700}.val-subtext{color:var(--text-light);margin-top:10px;font-size:clamp(13px,3vw,16px)}.val-options{margin-top:20px}.val-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000d}.val-card.active{border-color:var(--cyan);background:#e6f9fb}.val-label{color:var(--text-dark);font-size:clamp(15px,4vw,18px);font-weight:600}.val-radio{border:2px solid #c7d3d8;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.val-card.active .val-radio{border-color:var(--cyan)}.val-tick{color:var(--primary);font-size:16px;font-weight:700}.val-next-btn{background:linear-gradient(180deg,var(--cyan),var(--primary));color:#fff;cursor:pointer;border:none;border-radius:20px;width:100%;margin-top:26px;padding:18px;font-size:clamp(16px,4vw,20px);font-weight:700}.val-next-btn:active{transform:scale(.98)}:root{--primary:#0e4a63;--cyan:#1ab0b7;--text-dark:#1d2e39;--text-light:#6c7a87}.vs-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh}.vs-container{max-width:480px;min-height:100vh;margin:auto;padding:clamp(18px,4vw,26px);font-family:Inter,sans-serif}.vs-header{justify-content:space-between;align-items:center;display:flex}.vs-back-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;align-items:center;display:flex}.vs-step-text{color:var(--text-light);margin-top:18px;font-size:clamp(12px,3vw,14px);font-weight:600}.vs-progress-bar{background:#d9e6eb;border-radius:10px;height:6px;margin-top:6px}.vs-progress{background:var(--cyan);border-radius:10px;width:20%;height:100%}.vs-question{color:var(--primary);margin-top:22px;font-size:clamp(22px,5vw,30px);font-weight:700}.vs-subtext{color:var(--text-light);margin-top:10px;font-size:clamp(13px,3vw,16px)}.vs-options{margin-top:20px}.vs-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:14px;align-items:center;margin-bottom:14px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000d}.vs-card.active{border-color:var(--cyan);background:#e6f9fb}.vs-icon img{background:#d0f3f5;border-radius:12px;width:clamp(32px,10vw,46px);padding:8px}.vs-label{color:var(--text-dark);flex:1;font-size:clamp(15px,4vw,18px);font-weight:600}.vs-radio{border:2px solid #c7d3d8;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.vs-card.active .vs-radio{border-color:var(--cyan)}.vs-tick{color:var(--primary);font-size:16px;font-weight:700}.vs-next-btn{background:linear-gradient(180deg,var(--cyan),var(--primary));color:#fff;cursor:pointer;border:none;border-radius:20px;width:100%;margin-top:26px;padding:18px;font-size:clamp(16px,4vw,20px);font-weight:700}.vs-next-btn:active{transform:scale(.98)}:root{--primary:#0e4a63;--cyan:#1ab0b7;--text-dark:#1d2e39;--text-light:#6c7a87;--white:#fff}.vs2-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh}.vs2-container{flex-direction:column;justify-content:space-between;max-width:480px;min-height:100vh;margin:auto;padding:20px;font-family:Inter,sans-serif;display:flex}.vs2-sticky-header{z-index:10;background:0 0;position:sticky;top:0}.vs2-header{justify-content:space-between;align-items:center;display:flex}.vs2-back-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.vs2-step-text{color:var(--text-light);letter-spacing:.5px;margin-top:18px;font-size:clamp(12px,3vw,14px);font-weight:600}.vs2-progress-bar{background:#d9e6eb;border-radius:6px;height:6px;margin-top:6px;overflow:hidden}.vs2-progress{background:var(--cyan);border-radius:6px;width:60%;height:100%}.vs2-question{color:var(--primary);margin-top:22px;margin-bottom:10px;font-size:clamp(22px,5vw,30px);font-weight:700}.vs2-scroll-area{flex:1;padding-bottom:20px;overflow-y:auto}.theme-section{margin-bottom:20px}.vs2-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;display:grid}.vs2-card{background:var(--white);cursor:pointer;border:2px solid #0000;border-radius:14px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000f}.vs2-card.active{border-color:var(--cyan);background:#e6f9fb}.vs2-img-wrapper{background:#f5f5f5;justify-content:center;align-items:center;width:100%;min-height:110px;display:flex}.vs2-card-img{object-fit:cover;width:100%;height:110px;display:block}.vs2-card-img[src=""],.vs2-card-img:not([src]),.vs2-card-img[src=null],.vs2-card-img[src=undefined],:is(.vs2-card:has(.vs2-card-img[src=""]),.vs2-card:has(.vs2-card-img:not([src])),.vs2-card:has(.vs2-card-img[src=null]),.vs2-card:has(.vs2-card-img[src=undefined])){display:none}.vs2-card-label{color:var(--text-dark);text-align:center;background:#fff;padding:10px;font-size:clamp(14px,3.5vw,17px);font-weight:600}.vs2-check{background:var(--cyan);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #0003}.vs2-footer{background:0 0;padding-top:10px;padding-bottom:10px;position:sticky;bottom:0}.vs2-btn{background:linear-gradient(180deg,var(--cyan),var(--primary));color:#fff;cursor:pointer;border:none;border-radius:18px;width:100%;height:60px;font-size:clamp(16px,4vw,18px);font-weight:700;transition:all .2s}.vs2-btn:active{transform:scale(.97)}.vs2-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:360px){.vs2-img-wrapper{min-height:95px}.vs2-card-img{height:95px}.vs2-btn{height:56px}.vs2-card-label{padding:8px;font-size:13px}}@media (min-width:768px){.vs2-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;max-width:420px;margin-top:20px;margin-bottom:20px}}:root{--primary:#0e4a63;--cyan:#1ab0b7;--soft-white:#f3f7fa;--text-dark:#1d2e39;--text-light:#6c7a87;--white:#fff}.cb-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh}.cb-container{box-sizing:border-box;max-width:480px;min-height:100vh;margin:auto;padding:18px;font-family:Inter,sans-serif}.cb-header{justify-content:space-between;align-items:center;display:flex}.cb-back-btn{cursor:pointer;color:var(--primary);background:0 0;border:none}.cb-search-box{margin-top:16px}.cb-search-box input{background:var(--white);box-sizing:border-box;border:1.6px solid #d2dde4;border-radius:14px;width:100%;padding:14px;font-size:16px}.cb-tabs{scrollbar-width:none;gap:10px;margin:18px 0;display:flex;overflow-x:auto}.cb-tabs::-webkit-scrollbar{display:none}.cb-tab{white-space:nowrap;cursor:pointer;background:#e4ebf0;border:none;border-radius:20px;padding:8px 18px}.cb-tab.active{background:var(--primary);color:#fff}.cb-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px;display:grid}.cb-card{cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #0000;border-radius:10px;transition:all .2s;position:relative;overflow:hidden}.cb-card.active{border-color:var(--cyan)}.cb-img{object-fit:cover;width:100%;height:150px;display:block}.cb-tick{background:var(--cyan);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.cb-info-icon{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0e4a638c;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex;position:absolute;bottom:10px;right:10px}.cb-bottom{padding-bottom:20px}.cb-btn{background:linear-gradient(180deg,var(--cyan),var(--primary));color:#fff;cursor:pointer;border:none;border-radius:20px;width:100%;padding:18px;font-size:18px;font-weight:700}.cb-btn:disabled{opacity:.6;cursor:not-allowed}.cb-limit-text{color:var(--text-light);text-align:center;margin-top:14px;font-size:14px}.cb-empty{text-align:center;color:#6c7a87;padding:40px}@media (max-width:480px){.cb-container{padding:14px}.cb-grid{gap:12px}.cb-img{height:140px}.cb-btn{padding:16px;font-size:16px}}.bip-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bip-modal{background:#fff;border-radius:20px;width:90%;max-width:400px;animation:.2s popupFade;overflow:hidden}@keyframes popupFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bip-header{text-align:center;border-bottom:1px solid #eee;padding:18px;position:relative}.bip-title{color:#0e4a63;font-size:20px;font-weight:700}.bip-close{cursor:pointer;background:#f1f1f1;border:none;border-radius:50%;width:30px;height:30px;position:absolute;top:15px;right:15px}.bip-content{text-align:left;max-height:60vh;padding:20px;overflow-y:auto}.bip-section{margin-bottom:26px}.bip-heading{color:#1d2e39;text-align:center;margin-bottom:14px;font-size:16px;font-weight:700}.bip-ol{padding-left:20px}.bip-ol li{color:#444;margin-bottom:12px;font-size:14px;line-height:1.7}.bip-ul{padding-left:20px}.bip-ul li{color:#444;margin-bottom:10px;font-size:14px;line-height:1.7}:root{--primary:#0e4a63;--cyan:#1ab0b7;--white:#fff;--soft-white:#f3f7fa;--label-grey:#6c7a87}.rc-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh}.rc-container{max-width:480px;min-height:100vh;margin:auto;padding:18px;font-family:Inter,sans-serif}.rc-header{justify-content:space-between;align-items:center;display:flex}.rc-back-btn{cursor:pointer;color:var(--primary);background:0 0;border:none}.rc-title{color:var(--primary);font-size:22px;font-weight:700}.rc-summary-title{color:var(--primary);margin-top:20px;font-size:26px;font-weight:700}.rc-summary-sub{color:var(--label-grey);font-size:15px}.rc-card{background:var(--white);border-radius:16px;justify-content:space-between;align-items:center;margin:18px 0;padding:18px;display:flex;box-shadow:0 4px 10px #0000000f}.rc-img{object-fit:cover;border-radius:12px;width:70px;height:70px}.rc-label{color:var(--label-grey);font-size:12px;font-weight:600}.rc-value{color:var(--primary);margin:6px 0;font-size:20px;font-weight:700}.rc-edit-btn{color:var(--cyan);cursor:pointer;background:#1ab0b724;border:none;border-radius:10px;padding:6px 14px;font-weight:600}.rc-carousel{align-items:center;gap:8px;display:flex}.rc-carousel-track{align-items:center;gap:10px;display:flex}.rc-brand-small{opacity:.6;width:45px;height:45px}.rc-brand-big{width:70px;height:70px}.rc-arrow{cursor:pointer;color:var(--primary);background:0 0;border:none;font-size:26px}.rc-brand-text{color:var(--primary);margin-top:8px;font-size:16px;font-weight:700}.rc-total{text-align:center;color:var(--label-grey);margin-top:15px;font-size:15px}.rc-submit-btn{background:linear-gradient(180deg,var(--cyan),var(--primary));color:#fff;cursor:pointer;border:none;border-radius:20px;width:100%;padding:18px;font-size:18px;font-weight:700}:root{--primary:#0e4a63;--cyan:#1ab0b7;--light:#a9d6e2;--text:#1d2e39;--bg:#f3f7fa}*{box-sizing:border-box;margin:0;padding:0}.success-page{background:var(--bg);justify-content:center;width:100%;min-height:100dvh;font-family:Arial,sans-serif;display:flex;position:relative}.center-box{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:380px;padding:30px 16px;display:flex}.home-btn{color:var(--primary);cursor:pointer;font-size:26px;position:absolute;top:20px;left:16px}.circle{background:#e6f4f6;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:2s infinite pulseCircle;display:flex}.checkmark{width:75px;height:75px}.checkmark-circle{stroke:var(--primary);stroke-width:3px;stroke-dasharray:166;stroke-dashoffset:166px;animation:2s infinite strokeCircle}.checkmark-check{stroke:var(--cyan);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48px;animation:2s infinite strokeCheck}@keyframes strokeCircle{0%{stroke-dashoffset:166px;opacity:1}25%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:166px;opacity:1}}@keyframes strokeCheck{0%{stroke-dashoffset:48px;opacity:0}20%{stroke-dashoffset:48px;opacity:0}40%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:48px;opacity:0}}@keyframes pulseCircle{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.title{color:var(--text);font-size:22px;font-weight:700}.subtitle{color:var(--text);opacity:.7;font-size:14px}.voucher-box{background:#fff;border-radius:16px;width:100%;padding:16px;box-shadow:0 8px 20px #00000014}.voucher-label{color:var(--text);margin-bottom:10px;font-size:11px}.voucher-code{background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;letter-spacing:3px;border-radius:12px;justify-content:center;align-items:center;min-height:90px;padding:35px 20px;font-size:25px;font-weight:700;display:flex;box-shadow:0 10px 25px #1ab0b740}.actions{justify-content:space-around;margin-top:14px;display:flex}.action-item{color:var(--primary);cursor:pointer;flex-direction:column;align-items:center;font-size:12px;transition:all .2s;display:flex}.action-item:active{transform:scale(.9)}.action-item svg{margin-bottom:5px;font-size:20px}.validity{color:var(--primary);background:#e6f4f6;border-radius:20px;padding:8px 14px;font-size:12px}.redeem-wrapper{width:100%}.list-item{background:#fff;border:1px solid #eee;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex}.clickable{cursor:pointer}.left{color:var(--text);align-items:center;gap:10px;font-size:14px;display:flex}.left svg{color:var(--primary);font-size:18px}.arrow{color:#999;font-size:22px;transition:all .3s}.arrow.rotate{transform:rotate(90deg)}.redeem-dropdown{opacity:0;background:#fff;border-radius:0 0 14px 14px;width:100%;max-height:0;transition:all .4s;overflow:hidden}.redeem-dropdown.open{opacity:1;max-height:500px;padding-bottom:12px}.redeem-content{padding:8px 16px 0}.step{text-align:left;border-bottom:1px solid #f1f1f1;align-items:flex-start;gap:10px;padding:12px 0;display:flex}.step:last-child{border-bottom:none}.step span{min-width:24px;height:24px;color:var(--primary);background:#e6f4f6;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.step p{color:var(--text);font-size:13px;line-height:1.5}.buttons{flex-direction:column;gap:12px;width:100%;margin-top:10px;display:flex}.redeem-btn{background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .2s}.redeem-btn:active{transform:scale(.97)}.details-btn{border:2px solid var(--primary);width:100%;color:var(--primary);cursor:pointer;background:0 0;border-radius:14px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.details-btn:active{transform:scale(.97)}.tm-toast{color:#fff;z-index:999;background:#0e4a63;border-radius:30px;align-items:center;gap:10px;padding:14px 22px;font-size:14px;font-weight:600;animation:.35s forwards toastIn;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)translateY(40px);box-shadow:0 12px 30px #00000040}.tm-toast-icon{background:#1ab0b7;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(60px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.share-overlay{z-index:9999;position:fixed;inset:0}.share-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;position:absolute;inset:0}.share-sheet{background:#fff;border-radius:30px 30px 0 0;flex-direction:column;gap:22px;width:100%;padding:18px 24px 35px;animation:.35s slideUp;display:flex;position:absolute;bottom:0;left:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.top-success{z-index:10000;background:#fff;border-radius:22px;align-items:center;gap:14px;width:calc(100% - 30px);max-width:420px;padding:16px 18px;transition:all .45s;display:flex;position:fixed;top:-120px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001f}.show-success{top:20px}.top-success svg{color:#1db7b7;flex-shrink:0;font-size:48px}.top-success h4{color:#10213d;margin-bottom:4px;font-size:18px;font-weight:700}.top-success p{color:#7d8797;font-size:14px;line-height:1.4}.sheet-line{background:#e4e7ee;border-radius:50px;width:90px;height:8px;margin:0 auto}.share-header{justify-content:space-between;align-items:center;display:flex}.share-header h2{color:#081b44;font-size:26px;font-weight:700}.close-btn{cursor:pointer;color:#2f3a4f;background:#f1f3fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:30px;transition:none;display:flex}.close-btn:hover{background:#e4e7ee;transform:none}.field-wrapper{flex-direction:column;gap:10px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.label-row label{letter-spacing:1px;color:#3c4b63;font-size:14px;font-weight:700}.label-row span{color:#9ba4b5;font-size:13px}.input-box{border:2px solid #e6e8ef;border-radius:22px;align-items:center;gap:16px;height:60px;padding:0 24px;transition:all .3s;display:flex}.input-box:focus-within{border-color:#1db7b7;box-shadow:0 0 0 4px #1db7b71f}.input-box svg{color:#97a1b3;font-size:28px}.input-box input{color:#374151;background:0 0;border:none;outline:none;flex:1;font-size:18px}.input-box input::placeholder{color:#9ca3af}.send-btn{color:#fff;cursor:pointer;background:#1db7b7;border:none;border-radius:10px;justify-content:center;align-items:center;gap:14px;height:50px;font-size:22px;font-weight:600;transition:none;display:flex;transform:none}.send-btn:hover{background:#15a0a0;transition:none;transform:none}.send-btn:active{transition:transform 50ms;transform:scale(.98)}.send-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.send-btn svg{font-size:32px}.later-btn{color:#34506d;cursor:pointer;background:#fff;border:3px solid #e5e7ee;border-radius:10px;justify-content:center;align-items:center;gap:14px;height:50px;font-size:22px;font-weight:500;transition:none;display:flex;transform:none}.later-btn:hover{background:#f8fafc;transform:none}.later-btn:active{transform:scale(.98)}.later-btn svg{font-size:30px}.share-info{text-align:center;color:#a0a8b8;padding:0 12px;font-size:15px;line-height:1.6}.vd-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#00000059;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.vd-modal{background:#f4fbff;border:2px solid #9fd8e6;border-radius:26px;width:min(390px,92vw);padding:18px 18px 14px;position:relative;box-shadow:0 22px 60px #00000040}.vd-close{color:#0d3f55;cursor:pointer;background:#cfeff6;border:none;border-radius:999px;width:38px;height:38px;font-size:18px;position:absolute;top:14px;right:14px}.vd-top{flex-direction:column;align-items:center;gap:2px;margin-top:6px;display:flex}.vd-logo{object-fit:contain;width:80px;height:80px;margin-bottom:4px}.vd-title{text-align:center;color:#0c3f55;margin:10px 0 12px;font-size:22px;font-weight:800}.vd-code-pill{cursor:pointer;background:#bfe6f0;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:opacity .2s,transform .1s;display:flex}.vd-code-pill:active{transform:translateY(1px)}.vd-code-pill:disabled{opacity:.6;cursor:not-allowed}.vd-code{letter-spacing:1px;color:#21323b;font-size:22px;font-weight:900}.vd-clip{opacity:.85;font-size:18px}.vd-rows{margin-top:14px;padding:4px 2px}.vd-row{justify-content:space-between;align-items:center;padding:10px 4px;display:flex}.vd-left{color:#1b2d36;font-size:16px}.vd-right{color:#1b2d36;font-size:16px;font-weight:700}.vd-line{background:#cfe3ea;height:1px;margin:0 4px}.vd-row-brands{align-items:flex-start}.vd-brands{flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:220px;display:flex}.vd-brand-img{object-fit:cover;border-radius:10px;width:34px;height:34px;box-shadow:0 6px 14px #0000001f}.vd-done{color:#fff;cursor:pointer;background:linear-gradient(#1ab0b7,#0e4a63);border:none;border-radius:20px;width:100%;margin-top:12px;padding:18px;font-size:16px;font-weight:800;transition:opacity .2s,transform .1s}.vd-done:hover{opacity:.95}.vd-done:active{transform:translateY(1px)}.vd-foot{color:#586b75;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}