.filter-bar{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.filter-search{position:relative;max-width:400px}.filter-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.filter-search-input{width:100%;padding:12px 12px 12px 42px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-body);font-family:inherit;background-color:var(--surface);color:var(--text);outline:none;transition:border-color .2s ease}.filter-search-input:focus{border-color:var(--primary-muted)}.filter-search-input::placeholder{color:var(--text-dim)}.filter-group{overflow-x:auto;padding-bottom:4px}.filter-pills{gap:8px}.filter-pills,.filter-row{display:flex;flex-wrap:wrap}.filter-row{gap:24px}.filter-group-inline{display:flex;gap:6px;flex-wrap:wrap}.filter-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 16px;border:1.5px solid var(--border);border-radius:100px;font-size:var(--font-small);font-family:inherit;font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-transform:capitalize}.filter-pill:hover{border-color:var(--text-muted);color:var(--text)}.filter-pill-active{background-color:var(--primary);border-color:var(--primary);color:#fff}.filter-pill-active:hover{background-color:var(--primary-light);border-color:var(--primary-light);color:#fff}.filter-pill-sm{padding:4px 12px;font-size:var(--font-xs)}