  <div class="row">
        <div class="col-12">
            <div class="card modern-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0"><i class="fas fa-receipt me-2"></i>Group Expenses</h5>
                    <button id="openAddTransactionBtn" class="btn btn-primary add-expense-btn" data-group-id="{{ group.id }}">
                        <i class="fas fa-plus me-1"></i> Add Group Expense
                    </button>
    