/* Password Field Enhancements */
.toggle-password:hover,
.generate-password-btn:hover {
    background: #e9ecef !important;
    transform: scale(1.05);
}

.toggle-password:active,
.generate-password-btn:active {
    background: #dee2e6 !important;
    transform: scale(0.95);
}

/* Responsive password field */
@media (max-width: 480px) {
    .form-group>div[style*="display: flex"] {
        flex-wrap: wrap;
    }

    .form-group>div[style*="display: flex"] input {
        min-width: 100%;
        margin-bottom: 5px;
    }

    .form-group>div[style*="display: flex"] button {
        flex: 1;
    }
}