body.login{font-family:'Noto Sans Thai',Manrope,sans-serif;background:radial-gradient(ellipse at 20% 20%,#00A1CF18,transparent 60%),radial-gradient(ellipse at 85% 85%,#009A6814,transparent 55%),#FFFFFF}
body.login .login-card{padding:40px;max-width:520px;border:1px solid #00A1CF26;border-radius:28px;box-shadow:0 24px 80px -32px #02142C30}
body.login .login-card .admin-logo{width:190px;max-width:65%}
body.login .login-card h1{font-size:30px;line-height:1.5;font-weight:800;margin-block:12px}
body.login .login-card>p{font-size:16px;line-height:1.9}
body.login .login-card .eyebrow{color:#009A68;letter-spacing:.1em;font-size:11px}
body.login .admin-password-field{position:relative;display:block}
body.login .admin-password-field input{padding-right:58px;height:54px;font-size:18px}
body.login .admin-password-field #toggle-password{position:absolute;right:5px;top:5px;width:44px;height:44px;padding:11px;margin:0;display:grid;place-items:center;background:transparent;color:#02142C;border-radius:9px}
body.login #toggle-password svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
body.login #login-form>[type=submit]{height:54px;margin-top:20px;border-radius:12px}
body.login #status{font-size:14px;min-height:24px;margin:12px 0}
body.login .back{font-size:14px;text-decoration:none;font-weight:600}
body.login.dark{background:radial-gradient(ellipse at 20% 20%,#00A1CF14,transparent 65%),#02142C}
body.login.dark .login-card{background:#02142C;border-color:#00A1CF33;box-shadow:0 24px 80px -32px #00A1CF26}
body.login.dark .login-card :is(h1,p,label,.back){color:#E2E8F0}
body.login.dark .admin-password-field #toggle-password{color:#E2E8F0}
@media(max-width:540px){body.login .login-card{padding:30px 24px;border-radius:22px}body.login .login-card h1{font-size:26px}}

body.login .login-card .admin-password-field #toggle-password{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;top:7px!important;right:7px!important;margin:0!important;padding:10px!important;border-radius:9px!important;background:transparent!important;background-image:none!important;color:#02142C!important;box-shadow:none!important;border:0!important}
body.login.dark .login-card .admin-password-field #toggle-password{color:#E2E8F0!important}
body.login .login-card .admin-password-field #toggle-password svg{width:20px!important;height:20px!important}