{{-- Upcoming Appointments (temporarily disabled) --}}
<div class="col-md-3 col-sm-6">
    <div class="text-decoration-none" aria-disabled="true">
        <div class="card border-0 shadow-sm h-100 hover-shadow transition">
            <div class="card-header bg-warning text-dark d-flex align-items-center gap-2">
                <i data-feather="calendar"></i>
                <h6 class="mb-0">Upcoming Appointments</h6>
            </div>
            <div class="card-body text-center">
                <h3 class="fw-bolder text-warning">--</h3>
                <div class="small text-muted">Temporarily disabled</div>
            </div>
        </div>
    </div>
</div>