@layer components{.filter-sidebar{gap:var(--spacing-3);background:var(--filter-surface);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-3) var(--spacing-4);min-width:0;color:var(--filter-text);flex-direction:column;align-self:start;display:flex;overflow:hidden}.filter-sidebar__mobile-header{padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--spacing-1);justify-content:space-between;align-items:center;display:none}.filter-sidebar__mobile-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--filter-text)}.filter-sidebar__mobile-close{cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-base);padding:var(--spacing-1);border-radius:var(--radius-sm);transition:color var(--transition-base);background:0 0;border:none;line-height:1}.filter-sidebar__mobile-close:hover{color:var(--text-primary)}.filter-sidebar__title{color:var(--filter-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin:0}.filter-sidebar__body{gap:var(--spacing-3);flex-direction:column;min-width:0;display:flex}.filter-sidebar__field{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.filter-sidebar__footer{margin-top:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--border-subtle)}.filter-sidebar__people-link{font-size:var(--font-size-xs);color:var(--filter-text);opacity:.6;transition:opacity var(--transition-fast);line-height:1.4;text-decoration:none;display:block}.filter-sidebar__people-link:hover{opacity:1}.filter-sidebar .currency-selector{justify-content:center;width:100%;min-width:0}.filter-sidebar .currency-selector__select{width:100%;min-width:0}.filter-sidebar-mobile-toolbar,.filter-sidebar-mobile-toggle{display:none}@media (max-width:768px){.filter-sidebar{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh;z-index:var(--z-modal);display:none;position:fixed;inset:auto 0 0;box-shadow:0 -4px 24px #0003}.filter-sidebar--open{display:flex}.filter-sidebar__mobile-header{flex:none;display:flex}.filter-sidebar__mobile-close{min-width:var(--tap-target-min);min-height:var(--tap-target-min);margin-right:calc(-1 * var(--spacing-2));font-size:var(--font-size-xl);justify-content:center;align-items:center;display:inline-flex}.filter-sidebar__body{overscroll-behavior:contain;min-height:0;padding-bottom:env(safe-area-inset-bottom,0);flex:auto;overflow-y:auto}.filter-sidebar__title{display:none}.filter-sidebar-mobile-toolbar{margin-bottom:var(--spacing-2);align-items:center;display:flex}.filter-sidebar-mobile-toggle{justify-content:center;align-items:center;gap:var(--spacing-2);min-height:var(--tap-target-min);padding:var(--spacing-1) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);flex-shrink:0;display:inline-flex}.filter-sidebar-mobile-toggle:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-sidebar-mobile-toggle__icon{font-size:.65rem;line-height:1}.filter-sidebar-mobile-toggle__badge{min-width:16px;height:16px;padding:0 var(--spacing-1);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-inverse);background:var(--accent);border-radius:var(--radius-full);justify-content:center;align-items:center;line-height:1;display:inline-flex}}.filter-sidebar .react-select__control,.filter-sidebar .react-select__input,.filter-sidebar .react-select__placeholder,.filter-sidebar .react-select__single-value,.filter-sidebar .react-select__option,.filter-sidebar .react-select__multi-value__label{font-size:var(--font-size-xs)}.filter-sidebar .currency-selector--compact .react-select__control{height:auto;min-height:38px;font-size:var(--font-size-xs);border:1.5px solid var(--border-strong)}.filter-sidebar .currency-selector--compact .react-select__value-container{min-height:36px;padding-left:var(--spacing-2);padding-right:var(--spacing-2)}}