@layer components{.sidebar{background:var(--color-surface);display:flex;flex-direction:column;overflow:hidden;position:fixed;top:var(--header-height);left:0;bottom:0;width:85vw;max-width:22rem;z-index:var(--z-overlay);transform:translate(-100%);transition:transform var(--transition-slow);padding:var(--space-4);border-right:1px solid var(--color-border)}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-actions{flex-shrink:0;padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--color-border-light)}@media(min-width:768px){.sidebar-scroll{padding-bottom:4rem}.sidebar-actions{position:absolute;bottom:0;left:0;right:0;margin:0;padding:var(--space-3);padding-top:var(--space-3);background:var(--color-surface);border-top:1px solid var(--color-border-light);min-height:2.75rem}}.sidebar.open{transform:translate(0)}.mobile-search-bar,.desktop-only{display:none}.sidebar-search-mobile{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-2)}.mobile-filter-toggle{display:inline-flex;align-items:center;gap:var(--space-2);position:fixed;bottom:var(--space-4);left:var(--space-3);z-index:var(--z-dropdown);padding:.625rem 1.25rem;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);box-shadow:var(--shadow-lg);transition:background var(--transition-fast);min-height:2.75rem}.mobile-filter-toggle:hover{background:var(--color-primary-hover)}.mobile-filter-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-filter-toggle svg{width:1.125rem;height:1.125rem;color:var(--color-text-inverse)}.mobile-filter-toggle .filter-badge{background:color-mix(in oklch,var(--color-text-inverse) 25%,transparent);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);padding:0 var(--space-1-5);border-radius:var(--radius-xs);min-width:1.125rem;text-align:center;line-height:1.25rem}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.mobile-sidebar-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.mobile-close-button{display:flex;align-items:center;justify-content:center;padding:var(--space-2);color:var(--color-text-muted);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);min-width:2.75rem;min-height:2.75rem}.mobile-close-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.mobile-close-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-close-button svg{width:1.25rem;height:1.25rem}.sidebar-overlay{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--color-overlay);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-section{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.sidebar-section:last-child{border-bottom:none}.sidebar-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-3)}.search-form{display:flex;gap:var(--space-2)}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none}.search-input{width:100%;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-clear{position:absolute;right:var(--space-2);padding:var(--space-1);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;min-width:1.75rem;min-height:1.75rem}.search-clear:hover{color:var(--color-text-muted)}.search-button{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:background var(--transition-fast);min-height:2.5rem}.search-button:hover{background:var(--color-primary-hover)}.category-nav{display:flex;flex-direction:column;gap:var(--space-1)}.category-item{display:flex;flex-direction:column}.category-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);text-align:left;width:100%;transition:background var(--transition-fast);min-height:2.25rem}.category-button:hover{background:var(--color-surface-hover)}.category-button>.checkbox-box{margin-top:0;background:var(--color-surface)}.category-button.active>.checkbox-box{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.category-row{display:grid;grid-template-columns:1fr 2rem;align-items:center;gap:0 var(--space-1);min-height:2.5rem}.category-row .category-button{min-width:0}.category-chevron-btn{grid-column:2;justify-self:center;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:background var(--transition-fast),color var(--transition-fast)}.category-chevron-btn:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.category-chevron-btn svg{width:1rem;height:1rem;transition:transform var(--transition-fast)}.category-chevron-btn.expanded svg{transform:rotate(180deg)}.category-label{flex:1;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary)}.category-button.active .category-label{color:var(--color-primary);font-weight:var(--font-semibold)}.subcategory-list{display:flex;flex-direction:column;padding-inline-start:calc(var(--space-3) + 1.125rem + var(--space-2));margin-top:var(--space-1);gap:var(--space-0-5)}.subcategory-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);text-align:left;font-size:var(--text-sm);color:var(--color-text-muted);transition:background var(--transition-fast),color var(--transition-fast);min-height:2rem}.subcategory-button>.checkbox-box{margin-top:0;background:var(--color-surface)}.subcategory-button:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.subcategory-button.active{color:var(--color-primary);font-weight:var(--font-medium)}.subcategory-button.active>.checkbox-box{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.sidebar-categories{padding-bottom:var(--space-4);margin-bottom:var(--space-2);border-bottom:2px solid var(--color-border)}.sidebar-filters{display:flex;flex-direction:column;gap:var(--space-1)}.filter-accordion{border-bottom:1px solid var(--color-border-light)}.filter-accordion:last-of-type{border-bottom:none}.filter-accordion[open] .filter-accordion-header svg:last-child{transform:rotate(180deg)}.filter-accordion-header{display:grid;grid-template-columns:1fr 2rem;align-items:center;gap:0 var(--space-1);min-height:2.5rem;padding:var(--space-3) 0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.filter-accordion-header::-webkit-details-marker{display:none}.filter-accordion-header>*:first-child{min-width:0}.filter-accordion-header .filter-accordion-header-label{display:flex;align-items:center;gap:var(--space-2)}.filter-accordion-header .sidebar-title{flex:1;margin:0;min-width:0}.filter-accordion-header>svg{grid-column:2;justify-self:center;width:1rem;height:1rem;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.filter-accordion-header>.checkbox-item{display:flex;align-items:center;gap:var(--space-2);flex:1;padding:0;margin:0;cursor:pointer}.filter-accordion-header>.checkbox-item .sidebar-title{flex:1}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding-inline:var(--space-1-5);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full)}.filter-accordion .checkbox-list{padding-top:var(--space-1);padding-bottom:var(--space-3)}.filter-search-inline{margin-bottom:var(--space-2);font-size:var(--text-sm);padding:var(--space-1-5) var(--space-2)}.checkbox-list{display:flex;flex-direction:column;gap:var(--space-1-5);max-height:16rem;overflow-y:auto;padding-right:var(--space-1)}.checkbox-list-compact{gap:0}.checkbox-list-compact .checkbox-item{padding:var(--space-1) var(--space-2);align-items:center;min-height:unset}.checkbox-list-compact .checkbox-box{margin-top:0}.checkbox-item{position:relative;display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast);min-height:2rem}.checkbox-item:hover{background:var(--color-surface-hover)}.checkbox-item input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.checkbox-box{width:1.125rem;height:1.125rem;margin-top:.1875rem;border:2px solid var(--color-border-medium);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast);background:var(--color-surface)}.checkbox-box svg{width:.75rem;height:.75rem}.checkbox-item:has(input:checked) .checkbox-box{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.checkbox-label{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.checkbox-label.sidebar-title{margin:0;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text)}.checkbox-item-nested{padding-inline-start:calc(var(--space-6) + var(--space-2))}.checkbox-indeterminate{font-weight:var(--font-bold);font-size:var(--text-sm);line-height:1;color:var(--color-text-inverse)}.checkbox-item:has(.checkbox-indeterminate) .checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.filter-accordion-header>.checkbox-item .checkbox-box{width:2.25rem;height:1.25rem;margin-top:0;border-radius:var(--radius-full);border:none;background:var(--color-border-medium);position:relative;display:block}.filter-accordion-header>.checkbox-item .checkbox-box:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:var(--radius-full);background:var(--color-surface);transition:transform var(--transition-fast);box-shadow:var(--shadow-xs)}.filter-accordion-header>.checkbox-item .checkbox-box .checkbox-indeterminate,.filter-accordion-header>.checkbox-item .checkbox-box svg{display:none}.filter-accordion-header>.checkbox-item:has(input:checked) .checkbox-box{background:var(--color-primary)}.filter-accordion-header>.checkbox-item:has(input:checked) .checkbox-box:after{transform:translate(1rem)}.filter-accordion-header>.checkbox-item:has(.checkbox-indeterminate) .checkbox-box{background:color-mix(in oklch,var(--color-primary) 60%,var(--color-border-medium))}.filter-accordion-header>.checkbox-item:has(.checkbox-indeterminate) .checkbox-box:after{transform:translate(.5rem)}.filter-select{width:100%;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm)}.filter-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast)}.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.filter-input::placeholder{color:var(--color-text-tertiary)}.filter-input-full{width:100%}.filter-input-wrapper{position:relative}.filter-input-wrapper .filter-input{padding-right:var(--space-8)}.filter-input-clear{position:absolute;right:var(--space-1);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--color-text-tertiary);border-radius:var(--radius-xs);transition:color var(--transition-fast);min-width:1.5rem;min-height:1.5rem}.filter-input-clear:hover{color:var(--color-text-secondary)}.filter-input-clear svg{width:.875rem;height:.875rem}.input-suffix-wrapper{position:relative;flex:1;min-width:0}.input-suffix-wrapper .filter-input{padding-right:var(--space-7)}.input-suffix-wrapper .input-suffix{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:var(--text-sm);pointer-events:none}.price-inputs,.date-inputs{display:flex;align-items:center;gap:var(--space-2);min-width:0}:is(.price-inputs,.date-inputs) input{flex:1;min-width:0}.date-inputs .date-input-wrapper,.date-inputs .date-input-inner{min-width:12ch}.price-separator,.date-separator{color:var(--color-text-tertiary);font-size:var(--text-sm);flex-shrink:0}.apply-filters-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--color-border);color:var(--color-text-muted);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:not-allowed;margin-top:var(--space-4);transition:background var(--transition-fast),color var(--transition-fast);min-height:2.75rem}.apply-filters-button svg{width:1rem;height:1rem}.apply-filters-button:disabled{opacity:.6}.apply-filters-button.has-changes{background:var(--color-primary);color:var(--color-text-inverse);cursor:pointer}.apply-filters-button.has-changes:hover{background:var(--color-primary-hover)}.apply-filters-button.has-changes:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.clear-filters-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);background:none;color:var(--color-text-muted);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-2);transition:color var(--transition-fast);min-height:2.25rem}.clear-filters-button svg{width:.875rem;height:.875rem}.clear-filters-button:hover{color:var(--color-error)}.clear-filters-button:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}@media(min-width:768px){.sidebar{display:flex;flex-direction:column;position:fixed;top:calc(var(--header-height) + var(--space-3));left:var(--space-3);bottom:var(--space-3);width:var(--sidebar-width);min-width:var(--sidebar-width);height:auto;max-height:none;overflow:hidden;transform:none;z-index:var(--z-dropdown);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface)}.mobile-search-bar,.mobile-filter-toggle,.mobile-sidebar-header,.sidebar-search-mobile,.sidebar-overlay{display:none}}}