.login-page{background:linear-gradient(135deg,#f5f7fa,#e8f0f5);min-height:100vh;position:relative;padding:1rem}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(76,175,80,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(76,175,80,.03) 0%,transparent 50%);pointer-events:none}.login-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;padding:3rem 2.5rem;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#4caf50,#66bb6a)}.login-header{text-align:center;margin-bottom:2.5rem}.brand-section{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:1.5rem}.brand-logo{width:50px;height:50px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #4caf5033}.brand-name{font-size:1rem;font-weight:600;color:#2c3e50;max-width:250px;text-align:left;line-height:1.3}.login-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem;margin-top:0}.login-subtitle{font-size:.95rem;color:#64748b;margin:0}.login-form{margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.9rem;font-weight:600;color:#334155;margin-bottom:.5rem}.input-wrapper{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#94a3b8;pointer-events:none}.form-input{width:100%;padding:14px 16px 14px 48px;font-size:1rem;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;background-color:#f8fafc;color:#1e293b}.form-input:focus{outline:none;border-color:#4caf50;background-color:#fff;box-shadow:0 0 0 4px #4caf501a}.form-input::placeholder{color:#cbd5e1}.form-input.is-invalid{border-color:#ef4444}.error-message{display:block;color:#ef4444;font-size:.85rem;margin-top:.5rem;font-weight:500}.alert{padding:12px 16px;border-radius:10px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;animation:slideDown .3s ease}.alert-danger{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.alert-success{background-color:#d1fae5;color:#059669;border:1px solid #a7f3d0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.checkbox-wrapper{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-custom{position:relative;width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;background-color:#fff;transition:all .3s ease;flex-shrink:0}.checkbox-wrapper input[type=checkbox]:checked~.checkbox-custom{background-color:#4caf50;border-color:#4caf50}.checkbox-wrapper input[type=checkbox]:checked~.checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label{margin-left:10px;font-size:.95rem;color:#475569}.btn-login{width:100%;padding:15px 24px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:2rem;box-shadow:0 4px 14px #4caf504d}.btn-login:hover{background:linear-gradient(135deg,#45a049,#5cb860);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.btn-login:active{transform:translateY(0)}.btn-icon{width:20px;height:20px;stroke-width:2.5}.login-footer{margin-top:1.5rem;text-align:center}.forgot-link{color:#4caf50;font-size:.9rem;text-decoration:none;font-weight:500;transition:color .3s ease}.forgot-link:hover{color:#45a049;text-decoration:underline}@media (max-width: 992px){.login-page{padding:.75rem}}@media (max-width: 768px){.login-page{padding:.5rem}.login-card{padding:2rem 1.5rem;border-radius:16px}.login-title{font-size:1.75rem}.brand-name{font-size:.9rem;max-width:200px}.brand-logo{width:45px;height:45px}.form-input{padding:13px 14px 13px 44px;font-size:.95rem}.input-icon{width:18px;height:18px}}@media (max-width: 576px){.login-page{padding:.5rem .25rem}.login-card{padding:1.75rem 1.25rem;border-radius:14px}.login-header{margin-bottom:2rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.875rem}.brand-section{flex-direction:column;gap:10px;margin-bottom:1.25rem}.brand-name{text-align:center;font-size:.875rem;max-width:100%}.brand-logo{width:42px;height:42px}.form-group{margin-bottom:1.25rem}.form-label{font-size:.875rem}.form-input{padding:12px 14px 12px 40px;font-size:.9rem}.input-icon{width:17px;height:17px;left:13px}.btn-login{padding:13px 20px;font-size:1rem;margin-top:1.5rem}.checkbox-label{font-size:.9rem}.login-footer{margin-top:1.25rem}.forgot-link{font-size:.875rem}}@media (max-width: 400px){.login-card{padding:1.5rem 1rem}.login-title{font-size:1.375rem}.brand-logo{width:38px;height:38px}}