@font-face{font-family:ClientThai;src:url("/fonts/NotoSansThai.ttf")format("truetype");font-weight:100 900;font-display:swap}.client-login{box-sizing:border-box;color:#183c42;background:radial-gradient(at 20% 0,#e3f1ef 0%,#0000 60%),#f4f7f7;flex:1;width:100%;min-height:0;padding:48px 24px;font-family:Tahoma,Segoe UI,sans-serif;display:flex;overflow-y:auto}.client-login *,.client-login :before,.client-login :after{box-sizing:border-box}.client-login-content{width:100%;max-width:432px;margin:auto}.client-login-brand{align-items:center;gap:14px;margin:0 4px 30px;display:flex}.client-login-brand p{margin:0}.client-login-brand-name{letter-spacing:-.4px;font-family:Segoe UI,Tahoma,sans-serif;font-size:19px;font-weight:650}.client-login-brand-caption{color:#637d80;font-size:12px;line-height:1.6;margin-top:6px!important}.client-login-card{background:#fff;border:1px solid #e1eaea;border-radius:24px;padding:34px;box-shadow:0 12px 44px #244f5310}.client-login-eyebrow{color:#167a79;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.client-login-intro h1{letter-spacing:-.6px;margin:0 0 9px;font-size:30px;font-weight:700;line-height:1.4}.client-login-intro p{color:#63787c;margin:0 0 28px;font-size:13px;line-height:1.85}.client-login-form{flex-direction:column;gap:20px;display:flex}.client-login-field{flex-direction:column;gap:9px;display:flex}.client-login-field label{color:#304e53;font-size:13px;font-weight:600}.client-login-field input{color:#183c42;background:#fbfcfc;border:1px solid #d8e3e4;border-radius:11px;width:100%;height:52px;padding:0 14px;font:16px Tahoma,Segoe UI,sans-serif;transition:border-color .15s,box-shadow .15s}.client-login-field input::placeholder{color:#85979a;font-size:14px}.client-login-field input:hover{border-color:#adc5c6}.client-login-field input:focus{background:#fff;border-color:#087f80;outline:none;box-shadow:0 0 0 3px #087f8019}.client-login-password{position:relative}.client-login-password input{padding-right:65px}.client-login-reveal{color:#287374;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:52px;height:44px;font:12px Tahoma,sans-serif;position:absolute;top:4px;right:4px}.client-login-reveal:hover{background:#eaf4f2}.client-login button:focus-visible{outline-offset:3px;outline:3px solid #57a7a8}.client-login-submit{color:#fff;cursor:pointer;background:#087f80;border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:52px;margin-top:4px;font:600 15px Tahoma,sans-serif;transition:background .15s;display:flex}.client-login-submit:hover{background:#06696b}.client-login-submit span:not(.client-login-spinner){font:22px/1 Segoe UI,sans-serif}.client-login button:disabled{cursor:wait;opacity:.65}.client-login input:disabled{opacity:.7}.client-login-help{text-align:center;color:#6c8185;border-top:1px solid #edf1f1;margin:26px 0 0;padding-top:22px;font-size:12px;line-height:1.85}.client-login-footer{color:#6d8385;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:11px;line-height:1.7;display:flex}.client-login-footer span{color:#4c9b91;font-size:8px}.client-login-notice,.client-login-error{border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.7}.client-login-notice{color:#88551d;background:#fff6df;margin-bottom:20px}.client-login-error{color:#a73532;background:#fff0ef;border:1px solid #f4d7d4;margin:0}.client-login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite client-login-spin}@keyframes client-login-spin{to{transform:rotate(360deg)}}@media (width<=420px){.client-login{padding:32px 20px}.client-login-card{border-radius:20px;padding:26px 22px}.client-login-brand{gap:12px;margin-bottom:24px}.client-login-brand-name{font-size:17px}.client-login-brand-caption{font-size:11px}.client-login-intro h1{font-size:28px}}@media (width<=340px){.client-login{padding:24px 14px}.client-login-card{padding:24px 18px}.client-login-brand-name{font-size:15px}}@media (height<=640px){.client-login{padding-top:24px;padding-bottom:24px}}@media (prefers-reduced-motion:reduce){.client-login *{transition:none!important;animation:none!important}}.client-login,.client-login input,.client-login button,.client-login-brand-name{font-family:ClientThai,system-ui,sans-serif}.client-login-content{flex-shrink:0;min-width:0}.client-login-brand>div{flex-shrink:1;min-width:0}.client-login-brand-name{overflow-wrap:anywhere}@media (width<=480px){.client-login{padding:20px max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left))}.client-login-brand{margin-bottom:20px}.client-login-card{padding:24px 22px}.client-login-intro p{margin-bottom:22px}.client-login-form{gap:16px}.client-login-help{margin-top:20px;padding-top:16px}.client-login-footer{margin-top:16px}}@media (height<=700px){.client-login{padding-top:16px;padding-bottom:16px}.client-login-brand{margin-bottom:16px}.client-login-card{padding-top:20px;padding-bottom:20px}.client-login-intro p{margin-bottom:18px}.client-login-help{margin-top:16px;padding-top:12px}.client-login-footer{margin-top:12px}}@media (width<=480px){.client-login input{font-size:16px}}.client-login-policy{text-align:center;margin:12px 0 0;font-size:12px;line-height:1.8}.client-login-policy a{color:#087f80}