
    <!-- Create Group Form (Hidden by default) -->
    <div id="groupFormContainer" class="expense-form mb-4" style="display: none;">
        {% include 'partials/create_group_form.html' %}
    </div>

    <!-- Groups Grid -->
    <div class="row">
        {% for group in groups %}
        <div class="col-md-4 mb-4">
            <div class="card h-100 modern-card">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ group.name }}</h5>
                </div>
        