:root{--blue:#005293;--blue-dark:#003f70;--yellow:#fecb00;--text:#202c3c;--muted:#6b7280;--border:#dfe3e8}html,body,#app{min-height:100%}body{margin:0;color:var(--text);background:#fff;font-family:Nunito,Arial,sans-serif}
.smarthr-login-page{min-height:100vh;display:flex;justify-content:center;overflow:auto}.smarthr-login-column{width:100%;max-width:460px;min-height:100vh;padding:32px;background:#fff;box-shadow:none}.smarthr-login-form{min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:space-between}
.smarthr-login-brand{align-self:center;display:inline-flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.smarthr-login-brand:hover{color:var(--text);text-decoration:none}.smarthr-login-brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#0874bd,var(--blue));box-shadow:0 7px 14px rgba(0,82,147,.22);font-size:22px;font-weight:800}.smarthr-login-brand-copy{display:flex;flex-direction:column;line-height:1.05}.smarthr-login-brand-copy strong{font-size:20px;font-weight:800}.smarthr-login-brand-copy small{margin-top:5px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.smarthr-login-content{width:100%;padding:64px 0}.smarthr-login-heading{margin-bottom:28px;text-align:center}.smarthr-login-heading h1{margin:0 0 8px;color:#111827;font-size:30px;font-weight:700}.smarthr-login-heading p{margin:0;color:var(--muted);font-size:15px}.smarthr-login-field{margin-bottom:20px}.smarthr-login-field label{display:block;margin-bottom:8px;color:#344054;font-size:14px;font-weight:700}
.smarthr-login-input{height:48px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#fff;transition:.18s}.smarthr-login-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,82,147,.1)}.smarthr-login-input.is-invalid{border-color:#dc3545}.smarthr-login-input input{min-width:0;height:100%;flex:1;padding:0 14px;border:0;outline:0;color:var(--text);background:transparent;font-size:15px}.smarthr-login-input>span,.smarthr-password-toggle{width:46px;height:100%;display:inline-flex;flex:0 0 46px;align-items:center;justify-content:center;border:0;color:#7b8492;background:transparent}.smarthr-login-input svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.smarthr-password-toggle{cursor:pointer}.smarthr-password-toggle:hover{color:var(--blue)}.smarthr-login-error{display:block;margin-top:6px;color:#dc3545;font-size:13px}
.smarthr-login-submit{width:100%;height:48px;margin-top:4px;border:1px solid var(--blue);border-radius:8px;color:#fff;background:linear-gradient(135deg,#0874bd,var(--blue));font-size:15px;font-weight:700;cursor:pointer;transition:.18s}.smarthr-login-submit:hover{background:linear-gradient(135deg,var(--blue),var(--blue-dark));transform:translateY(-1px)}.smarthr-login-submit:focus{outline:0;box-shadow:none}.smarthr-login-footer{color:#89919d;font-size:13px;text-align:center}
@media(max-width:575.98px){.smarthr-login-page{background:#fff}.smarthr-login-column{max-width:none;padding:24px;box-shadow:none}.smarthr-login-form{min-height:calc(100vh - 48px)}.smarthr-login-content{padding:48px 0}}