.login-container{display:flex;min-height:100vh;position:relative;background-color:#f8fafc}.login-background{position:absolute;width:100%;height:100%;overflow:hidden}.login-wave{position:absolute;bottom:0;left:0;width:100%;height:20%;background:linear-gradient(135deg,#3b82f62e,#2563eb2e);clip-path:ellipse(100% 100% at 0% 100%)}.login-content{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem;z-index:1}.login-card{padding:1rem;width:100%;max-width:420px}.login-header{text-align:center}.login-logo{height:60px;margin-bottom:1.5rem}.login-title{font-size:1.75rem;font-weight:700;color:#1e293b}.login-form{display:flex;flex-direction:column;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative;margin-bottom:1rem}.login-options{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.remember-me{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569;cursor:pointer}.forgot-password{font-size:.875rem;color:#3b82f6;text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:.75rem;border-radius:8px;font-weight:600;font-size:1rem;background-color:#3b82f6;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.login-button:hover{background-color:#2563eb}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-status{padding:.75rem 1rem;background-color:#ecfdf5;color:#059669;border-radius:8px;font-size:.875rem;margin-bottom:1.5rem;text-align:center}.login-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#64748b}.signup-link{color:#3b82f6;font-weight:500;text-decoration:none}.login-input{width:100%;border-radius:8px;font-size:.875rem;background-color:#fff;transition:all .2s ease;outline:none;padding:10px 10px 10px 43px;border:1px solid #e2e8f0;color:#1e293b;box-shadow:0 1px 2px #0000000d}.login-input:focus{outline:none;border-color:#3b82f6;border:1px solid #3B82F6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:hover,.form-group input:focus{border-color:#4f46e5;background-color:#fff}.form-group input:hover{background-color:#f8fafc}.form-group input:focus{box-shadow:0 0 0 4px #4f46e51a;outline:none}.login-input:hover{border-color:#cbd5e1}.input-error{font-size:.75rem;color:#ef4444;margin-top:.25rem;display:block}.login-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151;transition:all .2s ease}.login-btn{width:100%;padding:.75rem;border-radius:8px;font-weight:600;transition:all .2s ease;background-color:#3b82f6;color:#fff;display:flex;justify-content:center;align-items:center}.login-btn:hover{background-color:#2563eb}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-subtitle{color:#6b7280;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.login-logo-placeholder{display:flex;align-items:center;justify-content:center}.status-message{padding:.75rem;border-radius:8px;background-color:#ebf8ff;color:#3182ce;font-size:.875rem;text-align:center}.signup-link{color:#3182ce;font-weight:500;text-decoration:none}.signup-link:hover{text-decoration:underline}.input-with-icon{position:relative}.input-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#635bff;pointer-events:none}.custom-input{width:100%;padding:10px 10px 10px 35px;border:1px solid #ccc;border-radius:4px}.custom-input.error{border-color:red}.error-message{color:red;font-size:.875rem;margin-top:4px}.has-error label{color:red}.login-input::-moz-placeholder{color:#94a3b8;opacity:1}.login-input::placeholder{color:#94a3b8;opacity:1}.login-input.error{border-color:#ef4444}.login-input.error:focus{box-shadow:0 0 0 3px #ef44441a}