.pos-login-shell{min-height:100vh;padding:38px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(circle at 18% 12%,#e5ebff,transparent 35%),linear-gradient(145deg,#f7f9fc,#e9eff8);color:#14243b;font-family:Noto Sans Thai,system-ui,sans-serif}.pos-login-brand{display:flex;align-items:center;gap:13px;width:min(100%,430px)}.pos-login-brand>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:white;background:#234a9e;font-weight:900;font-size:20px}.pos-login-brand div{display:flex;flex-direction:column;line-height:1.45}.pos-login-brand strong{font-size:20px}.pos-login-brand small{color:#52627a;font-size:13px}.pos-login-card{width:min(100%,430px);padding:34px;border-radius:22px;border:1px solid #dce4ef;background:white;box-shadow:0 24px 60px #1b33501c}.pos-login-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:#e8efff;color:#214fae;font-size:26px}.pos-login-card h1{margin:18px 0 2px;font-size:29px;line-height:1.3}.pos-login-card>p{margin:0 0 24px;color:#52627a;font-size:15px;line-height:1.6}.pos-login-card form{display:grid;grid-gap:17px;gap:17px}.pos-login-card label{display:grid;grid-gap:8px;gap:8px;font-size:15px;font-weight:700}.pos-login-card input{width:100%;min-height:52px;padding:11px 14px;border:1px solid #bbc9db;border-radius:11px;color:#14243b;background:white;font:inherit;font-weight:500}.pos-login-card input:focus{outline:3px solid #bdcfff;border-color:#315dc3}.pos-login-card button{min-height:54px;margin-top:4px;border:0;border-radius:11px;background:#2459c8;color:white;font:800 17px Noto Sans Thai,system-ui,sans-serif;cursor:pointer}.pos-login-card button:hover:not(:disabled){background:#1748ae}.pos-login-card button:disabled{opacity:.65;cursor:wait}.pos-login-error{margin:0;padding:11px 13px;border-radius:9px;background:#fff0ed;color:#9b2d23;font-size:14px}.pos-login-help{margin:0;color:#52627a;text-align:center;font-size:13px}@media(max-width:480px){.pos-login-card{padding:25px 20px}}.pos-login-card>button{width:100%;min-height:52px;margin-top:12px;border:0;border-radius:11px;background:#2459c8;color:white;font:800 16px Noto Sans Thai,system-ui,sans-serif;cursor:pointer}.pos-login-card>button.pos-login-secondary{color:#234a9e;background:#e9efff}.pos-login-card>button:disabled{opacity:.6;cursor:wait}