*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan:#1aafe6;--cyan-light:#e8f7fd;--cyan-mid:#b3e4f7;--pink:#e8197a;--pink-light:#fde8f2;--pink-mid:#f7b3d7;--bg:#fff;--bg-soft:#f7f8fa;--bg-softer:#eeeef2;--text:#0d0d0d;--text-2:#3a3a3a;--text-3:#6b6b6b;--text-4:#9ca3af;--border:#e5e7eb;--border-soft:#f3f4f6;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:24px}html,body{height:100%;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,sans-serif;font-size:16px}#root{height:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:Plus Jakarta Sans,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#f7f8fa 25%,#eeeef2 50%,#f7f8fa 75%) 0 0/600px 100%;border-radius:6px;animation:1.4s linear infinite shimmer}.toggle-track{cursor:pointer;border:none;border-radius:100px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s;display:inline-flex;position:relative}.toggle-track[aria-checked=true]{background:#1aafe6}.toggle-track[aria-checked=false]{background:#e5e7eb}.toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;box-shadow:0 1px 3px #00000026}.toggle-track[aria-checked=true] .toggle-thumb{left:21px}.toggle-track[aria-checked=false] .toggle-thumb{left:3px}.topup-spinner{border:3px solid #e5e7eb;border-top-color:#1aafe6;border-radius:50%;width:44px;height:44px;animation:.75s linear infinite spin}@keyframes otpShake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-5px)}30%,60%,90%{transform:translate(5px)}}.otp-shake{animation:.45s otpShake}@media (width<=767px){table{min-width:520px}div:has(>table){-webkit-overflow-scrolling:touch;overflow-x:auto!important}}.auth-page{min-height:100vh;display:flex}.auth-left{flex:1}.auth-right{flex-shrink:0;width:50%}.auth-shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both auth-shake}@keyframes auth-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@media (width<=900px){.auth-page{flex-direction:column}.auth-left{order:2;padding:48px 24px}.auth-right{order:1;width:100%;padding:40px 20px}}