flex-col md:flex-row justify-between items-start md:items-center gap-4">
                <div>
                    <h1 class="text-3xl font-bold text-gray-900">Statistics Dashboard</h1>
                    <p class="text-gray-600 mt-1">Track platform metrics and growth analytics</p>
                    <p class="text-sm text-gray-500 mt-2">
                        Current period: <span class="font-semibold">{{ period }}</span>
                    </p>
                </div>
                <!-- Time Period 