.category-filter{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.category-filter__header{margin-bottom:var(--spacing-md)}.category-filter__title{color:var(--color-neutral-900);font-size:var(--font-size-lg);font-weight:600;margin:0}.category-filter__options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.category-filter__option{background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);color:var(--color-neutral-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.category-filter__option:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.category-filter__option--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.category-filter__option--active:hover{background:var(--color-primary-700);border-color:var(--color-primary-700)}.category-filter__count{color:var(--color-neutral-600);font-size:var(--font-size-sm);font-weight:500}