.um-form-container {
      max-width: 400px;
      margin: 0 auto;
      padding: 2rem;
      border-radius: 10px;
      background-color: #f9fafb;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      font-family: 'Segoe UI', sans-serif;
    }
    
    .um-form-container h2 {
      text-align: center;
      margin-bottom: 1rem;
      color: #333;
    }
    
    .um-form-container input,
    .um-form-container select,
    .um-form-container button {
      display: block;
      width: 100%;
      font-size: 1rem;
      border: 1px solid #ccc;
      border-radius: 6px !important;
      transition: all 0.2s ease !important;
    }
    
    .um-form-container input:focus,
    .um-form-container select:focus {
      border-color: #2D868F !important;
      outline: none !important;
      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2) !important;
    }
    
    .um-form-container button {
      background-color: #9ca76b;
      margin-top: 2rem;
      color: #fff;
      cursor: pointer;
      border: none;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
    
    .um-form-container button:hover {
      background-color: #28a745;
      transform: translateY(-3px);
    }
    
    .logout-btn {
                background-color: #dc3545 !important;
            }
            .logout-btn:hover {
                background-color: #b02a37 !important;
                transform: translateY(-3px);
            }
    
    /* Stil placeholder + autocomplete */
    .um-form-container input::placeholder,
    .um-form-container select::placeholder {
      color: #6b7280; /* gri moderat */
      opacity: 1;
    }
    
    /* Forțăm culoarea textului în input-uri și select */
    .um-form-container input,
    .um-form-container select {
      color: #111827;
      background-color: #fff;
    }
    
    /* Rezolva problema la autocomplete pentru parolă */
    .um-form-container input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
      box-shadow: 0 0 0px 1000px #fff inset !important;
      -webkit-text-fill-color: #111827 !important;
    }
    
    /* Icon calendar mai vizibil + padding */
    .um-form-container input[type=\"date\"] {
      padding-right: 2rem;
      color: #111827;
    }
    
    .password-wrapper {
                position: relative;
            }
    
            .password-wrapper input[type="password"],
            .password-wrapper input[type="text"] {
                width: 100%;
                padding-right: 40px;
            }
    
            .password-wrapper .toggle-password {
                position: absolute;
                top: 50%;
                right: 10px;
                transform: translateY(-50%);
                cursor: pointer;
                color: #666;
            }
    
            .password-wrapper .toggle-password:hover {
                color: #9ca76b;
            }
            
            
    .password-wrapper {
    position: relative;
    margin-bottom: 15px;
    }
    .password-wrapper .toggle-password {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        color: #777;
    }