:root{--primary-coral: #3b82f6;--primary-coral-hover: #1e3a8a;--primary-coral-glow: rgba(230, 92, 59, .15);--bg-main: #f8fafc;--card-bg: #ffffff;--border-color: #e2e8f0;--text-main: #1e293b;--text-muted: #64748b}body.login-page-body{font-family:Inter,sans-serif;background-color:var(--bg-main);min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-main);margin:0;padding:20px}.login-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:48px;width:100%;max-width:480px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000008;animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.brand-header{text-align:center;margin-bottom:32px}.brand-icon{font-size:2.2rem;color:var(--primary-coral);margin-bottom:12px;display:inline-block}.brand-logo-img{height:48px;width:auto;margin-bottom:12px}.brand-title{font-size:1.5rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.brand-subtitle{font-size:.88rem;color:var(--text-muted)}.form-label{font-weight:500;font-size:.88rem;color:var(--text-main);margin-bottom:8px;display:block}.input-container{margin-bottom:24px}.form-control-custom{width:100%;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px 16px;color:var(--text-main);font-size:.95rem;transition:all .2s ease}.form-control-custom:focus{border-color:var(--primary-coral);box-shadow:0 0 0 4px var(--primary-coral-glow);outline:none}.form-control-custom::placeholder{color:#94a3b8}.form-control-custom.is-invalid{border-color:#1e3a8a}.form-control-custom.is-invalid:focus{box-shadow:0 0 0 4px #ef444426}.remember-forgot-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:28px}.remember-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted)}.remember-checkbox input{cursor:pointer;accent-color:var(--primary-coral);width:16px;height:16px;border:1px solid #cbd5e1;border-radius:4px}.forgot-password-link{color:var(--primary-coral);text-decoration:none;font-weight:500;transition:color .15s ease}.forgot-password-link:hover{color:var(--primary-coral-hover);text-decoration:underline}.btn-submit{background-color:var(--primary-coral);color:#fff;border:none;border-radius:8px;padding:14px;font-weight:600;font-size:.95rem;width:100%;cursor:pointer;transition:all .2s ease;text-align:center}.btn-submit:hover{background-color:var(--primary-coral-hover)}.btn-submit:active{transform:translateY(0)}.quick-login-divider{display:flex;align-items:center;margin:32px 0 20px;color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quick-login-divider:before,.quick-login-divider:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.quick-login-divider:before{margin-right:12px}.quick-login-divider:after{margin-left:12px}.quick-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-login-card{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:12px;cursor:pointer;text-align:center;transition:all .2s ease}.quick-login-card:hover{border-color:#cbd5e1;background-color:#f1f5f9;transform:translateY(-1px)}.quick-login-card.officer i{color:#3b82f6}.quick-login-card.manager i{color:#10b981}.quick-login-card i{font-size:1.1rem;margin-bottom:6px;display:inline-block}.quick-title{font-size:.8rem;font-weight:600;color:var(--text-main);margin-bottom:2px}.quick-email{font-size:.7rem;color:var(--text-muted)}