/* Filter Button Tweaks */
.filter-btn {
    padding: 0.6rem 1.25rem;
    border-radius: 50px;
    border: 1px solid #e2e8f0;
    background: white;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-main);
    transition: var(--transition);
    box-shadow: var(--shadow-sm);
}

.filter-btn:hover {
    background: var(--bg-surface);
    transform: translateY(-1px);
}

.filter-btn.active {
    background: var(--primary);
    color: white;
    border-color: var(--primary);
    box-shadow: var(--shadow-md);
}