<div class="row g-3 mb-4">
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:rgba(249,115,22,.12);color:var(--accent);">
                <i class="bi bi-receipt"></i>
            </div>
            <div class="stat-body">
                <div class="stat-value"><?= number_format((int)($summary['total_orders'] ?? 0)) ?></div>
                <div class="stat-label">Total Orders</div>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:rgba(34,197,94,.12);color:#22c55e;">
                <i class="bi bi-currency-dollar"></i>
            </div>
            <div class="stat-body">
                <div class="stat-value"><?= money((float)($summary['delivered_revenue'] ?? 0)) ?></div>
                <div class="stat-label">Revenue (Delivered)</div>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:rgba(59,130,246,.12);color:#3b82f6;">
                <i class="bi bi-check-circle"></i>
            </div>
            <div class="stat-body">
                <div class="stat-value"><?= number_format((int)($summary['delivered_orders'] ?? 0)) ?></div>
                <div class="stat-label">Delivered</div>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:rgba(239,68,68,.12);color:#ef4444;">
                <i class="bi bi-x-circle"></i>
            </div>
            <div class="stat-body">
                <div class="stat-value"><?= number_format((int)($summary['cancelled_orders'] ?? 0)) ?></div>
                <div class="stat-label">Cancelled</div>
            </div>
        </div>
    </div>
</div>
