/**
 * Password Strength Indicator Styles
 * Used by profile and signup pages for password validation visual feedback
 */

.password-strength {
    height: 5px;
    margin-top: 8px;
    border-radius: 3px;
    transition: all 0.3s ease;
    background-color: #e9ecef;
    width: 0%;
}

.strength-weak {
    background-color: #ff5b5b !important;
    width: 25% !important;
}

.strength-medium {
    background-color: #ffbb00 !important;
    width: 50% !important;
}

.strength-good {
    background-color: #2ab57d !important;
    width: 75% !important;
}

.strength-strong {
    background-color: #0ab39c !important;
    width: 100% !important;
}