.search-bar{display:flex;gap:var(--space-md);align-items:center;width:100%}.search-bar__input-wrapper{flex:1 1;position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;left:var(--space-md);font-size:18px;color:var(--color-text-secondary);pointer-events:none}.search-bar__input{padding-left:40px!important}.search-bar__filter{position:relative}.search-bar__filter-btn{padding:var(--space-md) var(--space-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-default);white-space:nowrap}.search-bar__filter-btn:hover{background-color:var(--color-primary);color:white;border-color:var(--color-primary)}.search-bar__filter-menu{position:absolute;top:100%;right:0;background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;min-width:200px;margin-top:var(--space-sm)}.search-bar__filter-item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light)}.search-bar__filter-item:last-child{border-bottom:none}.search-bar__filter-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:14px;color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.search-bar__filter-label input{cursor:pointer;accent-color:var(--color-primary)}[data-theme=dark] .search-bar__filter-btn{background-color:var(--color-bg-primary);border-color:var(--color-border-dark)}[data-theme=dark] .search-bar__filter-menu{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}[data-theme=dark] .search-bar__filter-item{border-bottom-color:var(--color-border-dark)}@media (max-width:576px){.search-bar{flex-direction:column}.search-bar__filter-btn{width:100%}.search-bar__filter-menu{left:0;right:auto;width:100%}}.filter-bar{justify-content:space-between;padding:var(--space-md) var(--space-lg);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.filter-bar,.filter-bar__content{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.filter-bar__content{flex:1 1}.filter-bar__label{font-size:14px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.filter-bar__filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.filter-bar__badge{display:inline-flex;align-items:center;gap:6px}.filter-bar__remove{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;padding:0;margin-left:4px;transition:all var(--transition-default)}.filter-bar__remove:hover{transform:scale(1.2)}.filter-bar__clear{padding:6px 12px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-default);white-space:nowrap}.filter-bar__clear:hover{background-color:color-mix(in srgb,var(--color-bg-primary) 84%,var(--color-text-primary) 16%);color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-border-light) 80%,var(--color-text-primary) 20%)}.filter-bar__clear:focus-visible{outline:2px solid color-mix(in srgb,var(--color-border-light) 70%,var(--color-text-primary) 30%);outline-offset:2px}[data-theme=dark] .filter-bar{background-color:var(--color-bg-primary)}[data-theme=dark] .filter-bar__clear{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}@media (max-width:576px){.filter-bar,.filter-bar__content{flex-direction:column;align-items:flex-start}.filter-bar__content{width:100%}.filter-bar__clear{width:100%;text-align:center}}