{{-- 근태 월간 통계 카드 (HTMX로 갱신) --}}
<div class="grid gap-4" style="grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));">
    <div class="bg-white rounded-lg shadow-sm p-4">
        <div class="text-sm text-gray-500">정시출근</div>
        <div class="text-2xl font-bold text-emerald-600">{{ $stats['onTime'] }}건</div>
    </div>
    <div class="bg-white rounded-lg shadow-sm p-4">
        <div class="text-sm text-gray-500">지각</div>
        <div class="text-2xl font-bold text-amber-600">{{ $stats['late'] }}건</div>
    </div>
    <div class="bg-white rounded-lg shadow-sm p-4">
        <div class="text-sm text-gray-500">결근</div>
        <div class="text-2xl font-bold text-red-600">{{ $stats['absent'] }}건</div>
    </div>
    <div class="bg-white rounded-lg shadow-sm p-4">
        <div class="text-sm text-gray-500">휴가</div>
        <div class="text-2xl font-bold text-blue-600">{{ $stats['vacation'] }}건</div>
    </div>
    <div class="bg-white rounded-lg shadow-sm p-4">
        <div class="text-sm text-gray-500">기타</div>
        <div class="text-2xl font-bold text-gray-600">{{ $stats['etc'] }}건</div>
    </div>
</div>
