.filter-panel{display:flex;flex-direction:column;gap:var(--space-6)}.filter-panel__section{display:flex;flex-direction:column;gap:var(--space-2)}.filter-panel__label{font-size:var(--text-xs);font-weight:var(--weight-extrabold);letter-spacing:.1em;color:var(--accent-color);text-transform:uppercase;display:flex;align-items:center;gap:var(--space-2)}.filter-panel__search{position:relative;display:flex;align-items:center}.filter-panel__search-icon{position:absolute;left:var(--space-4);color:var(--text-secondary);pointer-events:none}.filter-panel__search input{width:100%;background:var(--input-bg);border:1px solid var(--border-color);padding:var(--space-3) var(--space-4);padding-left:44px;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-md);font-family:var(--font-primary);transition:all .2s ease;box-sizing:border-box}.filter-panel__search input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-transparent)}.filter-panel__search input::placeholder{color:var(--text-secondary);opacity:.7}.filter-panel__select-wrapper{position:relative;display:flex;align-items:center}.filter-panel__select-wrapper select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--input-bg);border:1px solid var(--border-color);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-md);font-family:var(--font-primary);cursor:pointer;transition:all .2s ease;box-sizing:border-box}.filter-panel__select-wrapper select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-transparent)}.filter-panel__select-wrapper select:disabled{opacity:.5;cursor:not-allowed}.filter-panel__select-arrow{position:absolute;right:var(--space-4);color:var(--text-secondary);pointer-events:none}.filter-panel__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-panel__chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;font-family:var(--font-primary)}.filter-panel__chip:hover{border-color:var(--accent-color);background:var(--accent-transparent)}.filter-panel__chip--active{background:var(--accent-color);border-color:var(--accent-color);color:#ffffff}.filter-panel__chip--active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.filter-panel__text-input{width:100%;background:var(--input-bg);border:1px solid var(--border-color);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-md);font-family:var(--font-primary);transition:all .2s ease;box-sizing:border-box}.filter-panel__text-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-transparent)}.filter-panel__text-input::placeholder{color:var(--text-secondary);opacity:.7}.filter-panel__price-range{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.filter-panel__price-range input{width:100%;background:var(--input-bg);border:1px solid var(--border-color);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-md);font-family:var(--font-primary);transition:all .2s ease;box-sizing:border-box}.filter-panel__price-range input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-transparent)}.filter-panel__price-range input::placeholder{color:var(--text-secondary);opacity:.7}.filter-panel__reset-btn{width:100%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;padding:var(--space-3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all .25s ease;font-family:var(--font-primary);box-sizing:border-box}.filter-panel__reset-btn:hover{background:var(--accent-color);color:#ffffff;border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 8px 16px var(--accent-transparent)}.filter-panel__reset-btn:active{transform:translateY(0)}.filter-panel__reset-btn svg{transition:transform .4s ease}.filter-panel__reset-btn:hover svg{transform:rotate(-180deg)}