Selector -->
                <div class="flex flex-wrap gap-2 items-center">
                    <span class="text-gray-700 font-medium">Time Period:</span>
                    <div class="bg-gray-100 rounded-lg p-1 flex">
                        {% for option in period_options %}
                            <a href="?period={{ option.value }}"
                               class="px-4 py-2 rounded-md text-sm font-medium {% if period == option.value %}bg-[#e74c3c] text-white{% else %}text-gray-700 hover:bg