text-lg font-medium">{{ group.name }}</h3>
                          <p class="text-gray-600 dark:text-gray-400 text-sm mt-1">{{ group.description }}</p>
                          <div class="mt-2 flex items-center space-x-4 text-sm">
                            <span class="text-gray-500 dark:text-gray-400">
                              <i class="fas fa-users mr-1"></i> {{ group.members.count }}/{{ group.max_members }}
                            </span>
                            <span class="text-gray-