.filters-card[data-theme=light]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.filters-card[data-theme=light] .search-input-wrapper .search-icon{color:#94a3b8}.filters-card[data-theme=light] .search-input{color:#0f172a;background:#fafbfc;border:1px solid #e2e8f0}.filters-card[data-theme=light] .search-input::placeholder{color:#94a3b8}.filters-card[data-theme=light] .search-input:hover{border-color:#94a3b8}.filters-card[data-theme=light] .search-input:focus{border-color:var(--primary-color,#06f);box-shadow:0 0 0 3px rgba(0,102,255,.1)}.filters-card[data-theme=light] .filter-toggle-btn{background:#fafbfc;border:1px solid #e2e8f0;color:#64748b}.filters-card[data-theme=light] .filter-toggle-btn:hover{background:#f4f6f8;border-color:#94a3b8;color:#0f172a}.filters-card[data-theme=light] .filter-toggle-btn.active{background:#e6f0ff;border-color:var(--primary-color,#06f);color:var(--primary-color,#06f)}.filters-card[data-theme=light] .filters-panel.expanded .filters-panel-inner{border-top:1px solid #f1f5f9}.filters-card[data-theme=light] .filter-label{color:#64748b}.filters-card[data-theme=light] .filter-select{color:#0f172a;background:#fafbfc;border:1px solid #e2e8f0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filters-card[data-theme=light] .filter-select:hover{border-color:#94a3b8}.filters-card[data-theme=light] .filter-select:focus{border-color:var(--primary-color,#06f);box-shadow:0 0 0 3px rgba(0,102,255,.1)}.filters-card[data-theme=light] .btn-reset{background:0 0;border:1px solid #e2e8f0;color:#64748b}.filters-card[data-theme=light] .btn-reset:hover{background:#f4f6f8;border-color:#94a3b8;color:#0f172a}.filters-card[data-theme=dark]{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;box-shadow:0 1px 2px rgba(0,0,0,.2)}.filters-card[data-theme=dark] .search-input-wrapper .search-icon{color:rgba(255,255,255,.5)}.filters-card[data-theme=dark] .search-input{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}.filters-card[data-theme=dark] .search-input::placeholder{color:rgba(255,255,255,.4)}.filters-card[data-theme=dark] .search-input:hover{border-color:rgba(255,255,255,.25)}.filters-card[data-theme=dark] .search-input:focus{border-color:var(--primary-color,#06f);box-shadow:0 0 0 3px rgba(0,102,255,.2)}.filters-card[data-theme=dark] .filter-toggle-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6)}.filters-card[data-theme=dark] .filter-toggle-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}.filters-card[data-theme=dark] .filter-toggle-btn.active{background:rgba(0,102,255,.2);border-color:var(--primary-color,#06f);color:var(--primary-color,#06f)}.filters-card[data-theme=dark] .filters-panel.expanded .filters-panel-inner{border-top:1px solid rgba(255,255,255,.1)}.filters-card[data-theme=dark] .filter-label{color:rgba(255,255,255,.6)}.filters-card[data-theme=dark] .filter-select{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filters-card[data-theme=dark] .filter-select:hover{border-color:rgba(255,255,255,.25)}.filters-card[data-theme=dark] .filter-select:focus{border-color:var(--primary-color,#06f);box-shadow:0 0 0 3px rgba(0,102,255,.2)}.filters-card[data-theme=dark] .filter-select option{background:#1e293b;color:#fff}.filters-card[data-theme=dark] .filter-select optgroup{background:#1e293b;color:rgba(255,255,255,.7)}.filters-card[data-theme=dark] .btn-reset{background:0 0;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6)}.filters-card[data-theme=dark] .btn-reset:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}.search-row{display:flex;align-items:center;gap:12px}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}.search-input{width:100%;padding:12px 16px 12px 42px;font-size:15px;border-radius:8px;transition:.2s cubic-bezier(.4,0,.2,1)}.search-input:focus{outline:0}.search-btn-main{padding:12px 24px;background:var(--primary-color,#06f);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:.2s cubic-bezier(.4,0,.2,1)}.search-btn-main:hover{opacity:.9;transform:translateY(-1px)}.filter-toggle-btn{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:.2s cubic-bezier(.4,0,.2,1);position:relative}.filter-toggle-btn .filter-count{position:absolute;top:-6px;right:-6px;background:var(--primary-color,#06f);color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.filters-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.filters-panel.expanded{grid-template-rows:1fr}.filters-panel-inner{overflow:hidden}.filters-panel.expanded .filters-panel-inner{padding-top:20px;margin-top:20px}.filter-label{font-size:13px;font-weight:500;margin-bottom:6px}.filter-select{width:100%;padding:10px 14px;padding-right:36px;font-size:14px;border-radius:8px;cursor:pointer;transition:.2s cubic-bezier(.4,0,.2,1);appearance:none}.filter-select:focus{outline:0}.filters-actions{display:flex;gap:12px;margin-top:16px}.btn-reset{flex:1;padding:10px 20px;font-weight:500;font-size:14px;border-radius:8px;cursor:pointer;transition:.2s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.search-row{flex-wrap:wrap}.search-input-wrapper{width:100%;flex:none}.search-btn-main{flex:1}}