.activity-filter {
                padding: 0.5rem 1rem;
                border-radius: 9999px;
                font-weight: 500;
                font-size: 0.875rem;
                transition: all 0.2s;
                background-color: #f3f4f6;
                color: #4b5563;
                cursor: pointer;
            }
            .dark .activity-filter {
                background-color: #374151;
                color: #d1d5db;
            }
            .activity-filter:hover {
                background-color: #e5e7eb;
            }
            .dark .activity-filter:hover {
                background-color: #4b5563;
            }
            .activity-filter.active {
                background-color: #4f46e5;
                color: white;
            }
            .dark .activity-filter.active {
                background-color: #6366f1;
                color: white;
            }