.login-input{width:100%;padding:12px 16px;font-size:16px;color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:all .2s ease}.login-input:focus{border-color:#96c049;box-shadow:0 0 0 3px #96c0491a}.login-input:hover{border-color:#9ca3af}.login-input.error{border-color:#f87171}.login-input.error:focus{border-color:#f87171;box-shadow:0 0 0 3px #f871711a}.login-password{padding-right:48px}.login-button{width:100%;padding:12px 16px;font-size:16px;font-weight:500;color:#fff;background-color:#96c049;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.login-button:hover:not(:disabled){background-color:#7fa834}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-eye-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.login-eye-button:hover{color:#374151}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background-color:#f9fafb}.login-form-container{width:100%;max-width:384px;display:flex;flex-direction:column;gap:32px}.login-header{text-align:center}.login-logo{height:48px;width:auto;margin:0 auto 24px}.login-title{font-size:24px;font-weight:600;color:#111827;margin-bottom:8px}.login-subtitle{color:#6b7280}.login-form{display:flex;flex-direction:column;gap:16px}.login-input-group{position:relative}.login-error{font-size:14px;color:#ef4444;margin-top:4px;font-weight:500}.login-forgot{text-align:right}.login-forgot-link{font-size:14px;color:#96c049;text-decoration:none;font-weight:500;transition:color .2s ease}.login-forgot-link:hover{color:#7fa834}.login-register{text-align:center}.login-register-text{font-size:14px;color:#6b7280;font-weight:300}.login-register-link{color:#96c049;text-decoration:none;font-weight:500;transition:color .2s ease}.login-register-link:hover{color:#7fa834}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.login-loading{display:flex;align-items:center;justify-content:center}