.filter-sidebar{width:300px;background:#fff;border-right:1px solid #e5e7eb;padding:1.5rem;min-height:100vh;position:relative}@media(max-width:1024px){.filter-sidebar{position:fixed;top:0;left:0;z-index:1000;height:100vh;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease;box-shadow:2px 0 10px rgba(0,0,0,.1)}.filter-sidebar--visible{transform:translateX(0)}}.filter-sidebar__content{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1024px){.filter-sidebar__content{gap:1.25rem}}.filter-sidebar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.filter-sidebar__header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.filter-sidebar__close{display:none;background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.filter-sidebar__close:hover{background:#f3f4f6;color:#374151}@media(max-width:1024px){.filter-sidebar__close{display:flex}}.filter-sidebar__form{display:flex;flex-direction:column;gap:1.5rem;flex:1}.filter-sidebar__section{display:flex;flex-direction:column;gap:.75rem}.filter-sidebar__label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:0}.filter-sidebar__input,.filter-sidebar__select{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;transition:border-color .2s ease,box-shadow .2s ease}.filter-sidebar__input:focus,.filter-sidebar__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.filter-sidebar__input::placeholder,.filter-sidebar__select::placeholder{color:#9ca3af}.filter-sidebar__input--small{flex:1;min-width:0}.filter-sidebar__range{display:flex;align-items:center;gap:.5rem}.filter-sidebar__range-separator{font-size:.875rem;color:#6b7280;font-weight:500}.filter-sidebar__loading{text-align:center;padding:1rem;color:#6b7280;font-size:.875rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;margin-top:1rem}.filter-sidebar__checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.filter-sidebar__checkbox-label{display:flex;align-items:center;gap:.3rem;font-size:.9rem;font-weight:500;color:#374151;background:#f7f8fa;border-radius:.5rem;padding:.2rem .6rem .2rem .3rem;cursor:pointer;transition:background .2s}.filter-sidebar__checkbox-label:hover{background:#edf2f7}.filter-sidebar__checkbox-label input[type=checkbox]{accent-color:#2563eb;width:1rem;height:1rem;margin:0}.filter-sidebar__color-finish-select,.filter-sidebar__color-select,.filter-sidebar__location{width:100%}.filter-sidebar-overlay{display:none}@media(max-width:1024px){.filter-sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.filter-sidebar-overlay--visible{opacity:1;visibility:visible}}.mobile-filter-button{display:none;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-bottom:1rem;width:100%}.mobile-filter-button:hover{background:#2563eb}@media(max-width:1024px){.mobile-filter-button{display:flex;align-items:center;justify-content:center;gap:.5rem}}.mobile-filter-button .filter-icon{width:16px;height:16px}[data-theme=dark] .filter-sidebar{background:#1a202c;border-right-color:#4a5568}@media(max-width:1024px){[data-theme=dark] .filter-sidebar{box-shadow:2px 0 10px rgba(0,0,0,.4)}}[data-theme=dark] .filter-sidebar__header{border-bottom-color:#4a5568}[data-theme=dark] .filter-sidebar__header h2{color:#f7fafc}[data-theme=dark] .filter-sidebar__close{color:#a0aec0}[data-theme=dark] .filter-sidebar__close:hover{background:#2d3748;color:#e2e8f0}[data-theme=dark] .filter-sidebar__label{color:#e2e8f0}[data-theme=dark] .filter-sidebar__input,[data-theme=dark] .filter-sidebar__select{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .filter-sidebar__input:focus,[data-theme=dark] .filter-sidebar__select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}[data-theme=dark] .filter-sidebar__input::placeholder,[data-theme=dark] .filter-sidebar__select::placeholder{color:#718096}[data-theme=dark] .filter-sidebar__input option,[data-theme=dark] .filter-sidebar__select option{background:#2d3748;color:#f7fafc}[data-theme=dark] .filter-sidebar__range-separator{color:#a0aec0}[data-theme=dark] .filter-sidebar__loading{background:#2d3748;border-color:#4a5568;color:#a0aec0}[data-theme=dark] .filter-sidebar__checkbox-label{background:#2d3748;color:#e2e8f0}[data-theme=dark] .filter-sidebar__checkbox-label:hover{background:#4a5568}[data-theme=dark] .filter-sidebar__checkbox-label input[type=checkbox]{accent-color:#3b82f6}@media(max-width:1024px){[data-theme=dark] .filter-sidebar-overlay{background:rgba(0,0,0,.7)}}[data-theme=dark] .mobile-filter-button{background:#3b82f6}[data-theme=dark] .mobile-filter-button:hover{background:#2563eb}