/* PasswordStrengthMeter.css */
.password-meter-container {
    margin-top: 8px;
  }
  
  .password-strength-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
  }
  
  .password-strength-text {
    font-size: 12px;
    color: #a0aec0; /* Gray-400 */
  }
  
  .password-strength-bar {
    display: flex;
    gap: 4px;
  }
  
  .password-bar-segment {
    height: 4px;
    width: 25%;
    border-radius: 9999px;
    transition: background-color 0.3s;
  }
  
  .bg-red {
    background-color: #f56565; /* Red-500 */
  }
  
  .bg-orange {
    background-color: #ed8936; /* Orange-500 */
  }
  
  .bg-yellow {
    background-color: #ecc94b; /* Yellow-500 */
  }
  
  .bg-green {
    background-color: #48bb78; /* Green-500 */
  }
  
  .bg-gray {
    background-color: #4a5568; /* Gray-600 */
  }
  
  .password-criteria {
    margin-top: 8px;
  }
  
  .criteria-item {
    display: flex;
    align-items: center;
    font-size: 12px;
  }
  
  .icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
  
  .text-green {
    color: #48bb78; /* Green-500 */
  }
  
  .text-gray {
    color: #a0aec0; /* Gray-400 */
  }
  