html,body{margin:0;min-height:100%;background:#f4f6f9}body{font-family:"Leelawadee UI","Noto Sans Thai",Tahoma,Arial,sans-serif}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#10233f,#1e4170)}.login-card{width:min(390px,100%);box-sizing:border-box;background:#fff;border-radius:20px;padding:30px;box-shadow:0 30px 90px #07152b66;display:grid;gap:12px;color:#11243f}.login-card p,.login-card h1{margin:0;text-align:center}.login-card>p{font-size:11px;letter-spacing:.18em;color:#718096}.login-card h1{margin-bottom:10px}.login-mark{width:58px;height:58px;margin:auto;border-radius:16px;background:#10233f;color:#fff;display:grid;place-items:center;font-weight:900}.login-card label{display:grid;gap:6px;font-size:12px;font-weight:700}.login-card input,.month-picker{border:1px solid #dbe2eb;border-radius:9px;padding:11px;background:#fff;color:#11243f;font:inherit}.login-card .primary{border:0;border-radius:10px;padding:12px;background:#2563eb;color:#fff;font:inherit;font-weight:800}.login-card>small{text-align:center;color:#8491a3}.form-error{padding:10px;border-radius:8px;background:#fff0f0;color:#a23535!important;letter-spacing:0!important;font-size:12px!important}.toast{position:fixed;right:18px;top:18px;z-index:99;padding:12px 16px;border-radius:10px;background:#10233f;color:#fff;box-shadow:0 10px 35px #0004}.toast.error{background:#a23535}.toast.success{background:#16865a}.hr-app .month-picker{padding:8px}.hr-app .topbar{gap:16px}.hr-app .top-actions{flex-wrap:wrap}.hr-app.modal-backdrop{position:fixed;inset:0;width:100%;min-height:100vh;background:#10233f80;display:grid;place-items:center;padding:20px;z-index:20;box-sizing:border-box}@media(max-width:760px){.hr-app .topbar{align-items:flex-start}.hr-app .top-actions{justify-content:flex-end}.hr-app #logout{display:none}}