.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:400px;animation:slideUp .3s ease-out}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.login-header p{color:#666;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#333;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .2s ease}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:12px;color:#c33;font-size:14px;display:flex;align-items:center;gap:8px}.error-icon{font-size:16px}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:14px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e1e5e9}.forgot-password-link{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;text-decoration:underline;padding:8px 0;margin-bottom:15px;transition:color .2s ease;display:block;width:100%}.forgot-password-link:hover{color:#764ba2}.login-footer p{color:#666;font-size:14px;margin:0}.password-requirements{color:#666;font-size:12px;margin-top:4px;line-height:1.4}.form-actions{display:flex;flex-direction:column;gap:12px;margin-top:10px}.cancel-button{background:transparent;color:#666;border:2px solid #e1e5e9;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){border-color:#ccc;color:#333}.cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.login-container{padding:10px}.login-card{padding:30px 20px}.login-header h1{font-size:24px}}.password-reset-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.password-reset-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:400px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.password-reset-header{text-align:center;margin-bottom:30px}.password-reset-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 10px}.password-reset-header p{color:#666;font-size:14px;margin:0;line-height:1.5}.password-reset-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-weight:500;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.reset-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.reset-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #667eea4d}.reset-button:active:not(:disabled){transform:translateY(0)}.reset-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.link-button{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;text-decoration:underline;padding:8px 0;transition:color .2s ease}.link-button:hover:not(:disabled){color:#764ba2}.link-button:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;justify-content:center;margin-top:10px}.password-reset-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e1e5e9}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:12px;color:#c33;font-size:14px;display:flex;align-items:center;gap:8px;animation:shake .3s ease-in-out}.success-message{background-color:#efe;border:1px solid #cfc;border-radius:6px;padding:12px;color:#363;font-size:14px;display:flex;align-items:center;gap:8px;animation:slideDown .3s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon,.success-icon{font-size:16px;flex-shrink:0}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.password-reset-container{padding:10px}.password-reset-card{padding:30px 20px}.password-reset-header h1{font-size:24px}.form-group input{font-size:16px}}@media (prefers-color-scheme: dark){.password-reset-card{background:#2d3748;color:#e2e8f0}.password-reset-header h1{color:#e2e8f0}.password-reset-header p{color:#a0aec0}.form-group label{color:#e2e8f0}.form-group input{background:#4a5568;border-color:#4a5568;color:#e2e8f0}.form-group input:focus{border-color:#667eea;background:#4a5568}.form-group input:disabled{background-color:#2d3748;color:#718096}.password-reset-footer{border-top-color:#4a5568}.error-message{background-color:#2d1b1b;border-color:#4a2c2c;color:#feb2b2}.success-message{background-color:#1b2d1b;border-color:#2c4a2c;color:#b2feb2}}