*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#172033}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-brand{display:flex;align-items:center;padding:64px;background:linear-gradient(135deg,#0d6efd,#6941c6);color:#fff}.auth-brand-content{max-width:560px;margin:auto}.auth-logo{width:150px;margin-bottom:54px}.auth-brand h1{font-size:42px;margin:0 0 18px}.auth-brand p{font-size:18px;line-height:1.6;opacity:.9;margin-bottom:36px}.auth-point{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:16px}.auth-point i{font-size:24px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:#f6f8fb}.auth-card{width:min(430px,100%);background:#fff;padding:42px;border-radius:18px;box-shadow:0 18px 55px rgba(29,41,57,.12)}h2{font-size:30px;margin:0 0 8px}.auth-card>p{color:#667085;margin:0 0 28px}label{display:block;font-weight:600;margin:18px 0 8px}input{width:100%;height:48px;border:1px solid #d0d5dd;border-radius:9px;padding:0 14px;font-size:15px}input:focus{outline:3px solid rgba(13,110,253,.14);border-color:#0d6efd}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;right:4px;top:4px;width:40px;height:40px;border:0;background:transparent;font-size:20px}.auth-btn{width:100%;height:48px;margin-top:26px;border:0;border-radius:9px;background:#0d6efd;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.auth-btn:disabled{opacity:.65}.auth-message{display:none;padding:12px;border-radius:8px;background:#fee4e2;color:#b42318;margin:16px 0}.auth-message.show{display:block}.auth-footer{text-align:center;color:#98a2b3;font-size:13px;margin-top:28px}@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{min-height:100vh;padding:20px}.auth-card{padding:30px 24px}}
.auth-switch{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;font-size:14px;color:#667085}.auth-switch button{border:0;background:transparent;color:#4f46e5;font-weight:700;padding:4px;cursor:pointer}.auth-switch button:hover{text-decoration:underline}
.forgot-link{display:flex;justify-content:flex-end;margin-top:8px}.forgot-link button,.auth-back-btn,#resendResetCode{border:0;background:transparent;color:#e41f07;font-weight:700;cursor:pointer}.forgot-link button:hover,.auth-back-btn:hover,#resendResetCode:hover{text-decoration:underline}.auth-secondary-btn{width:100%;height:46px;margin-top:18px;border:1px solid #e41f07;border-radius:9px;background:#fff;color:#e41f07;font-weight:700;cursor:pointer}.auth-secondary-btn:disabled,.auth-back-btn:disabled,#resendResetCode:disabled{opacity:.55;cursor:not-allowed}.auth-back-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px auto 0}.verification-code{text-align:center;font-size:20px;font-weight:700;letter-spacing:.45rem}.reset-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#667085;font-size:13px}.auth-message.success{background:#dcfae6;color:#067647}.auth-message.info{background:#eff8ff;color:#175cd3}

/* Dark mode for the sign-in page (follows the mode saved by the CRMS toggle) */
:root[data-bs-theme="dark"]{color-scheme:dark}
:root[data-bs-theme="dark"] body{color:#e6e9f2;background:#0a0e1a}
:root[data-bs-theme="dark"] .auth-brand{background:linear-gradient(135deg,#1b2350,#3b1d5e)}
:root[data-bs-theme="dark"] .auth-panel{background:#0a0e1a}
:root[data-bs-theme="dark"] .auth-card{background:#10162a;border:1px solid #222a42;box-shadow:0 18px 55px rgba(0,0,0,.45)}
:root[data-bs-theme="dark"] .auth-card>p,:root[data-bs-theme="dark"] .auth-switch,:root[data-bs-theme="dark"] .reset-meta{color:#98a2b3}
:root[data-bs-theme="dark"] input{background:#0a0e1a;border-color:#2a3350;color:#e6e9f2}
:root[data-bs-theme="dark"] input::placeholder{color:#667085}
:root[data-bs-theme="dark"] .password-field button{color:#98a2b3}
:root[data-bs-theme="dark"] .auth-secondary-btn{background:transparent}
:root[data-bs-theme="dark"] .auth-message{background:#2e1519;color:#fca5a5}
:root[data-bs-theme="dark"] .auth-message.success{background:#0d2a1f;color:#4ade80}
:root[data-bs-theme="dark"] .auth-message.info{background:#16224d;color:#a5b4fc}
:root[data-bs-theme="dark"] .auth-footer{color:#7c869b}