:root{--sidebar-width-mobile:min(320px,85vw);--sidebar-transition:.22s cubic-bezier(.4,0,.2,1);--overlay-bg:var(--gray-900-alpha-40,#0006);--filter-badge-bg:var(--danger-color,#dc2626);--filter-badge-text:var(--text-inverse,#fff)}body.filters-sidebar-open{touch-action:none;overflow:hidden}.filters-overlay{background-color:var(--overlay-bg,#0f172a66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;transition:opacity .18s,visibility .18s;position:fixed;top:0;left:0}.filters-overlay--visible{opacity:1;visibility:visible;pointer-events:auto}.filters-toggle-btn{z-index:997;background:linear-gradient(135deg,var(--primary-color,#2563eb)0%,var(--primary-color-hover,#1d4ed8)100%);color:var(--text-inverse,#fff);cursor:pointer;box-shadow:0 10px 25px -5px var(--primary-alpha-40,#2563eb66),0 8px 10px -6px var(--gray-900-alpha-10,#0000001a);letter-spacing:.01em;border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 24px;font-size:.9375rem;font-weight:600;transition:all .2s;display:none;position:fixed;bottom:20px;right:20px}.filters-toggle-btn:hover{box-shadow:0 15px 35px -5px var(--primary-alpha-50,#2563eb80),0 10px 15px -6px var(--gray-900-alpha-15,#00000026);transform:translateY(-2px)}.filters-toggle-btn:active{transform:translateY(0)}.filters-toggle-btn i{font-size:1.125rem}.filters-toggle-btn .filter-count-badge{background:var(--filter-badge-bg,#2563eb);min-width:20px;height:20px;color:var(--filter-badge-text,#fff);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.sidebar-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#f8fafcf2 0%,#f3f4f6e6 100%);border-bottom:1px solid #e5e7eb99;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:none;position:sticky;top:0}.sidebar-header h3{color:var(--text-primary,#1f2937);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.sidebar-header h3 i{color:var(--primary-color,#2563eb);font-size:1.25rem}.sidebar-close-btn{color:var(--text-tertiary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.sidebar-close-btn:hover{color:var(--text-primary,#1f2937);background:#e5e7eb99}.sidebar-close-btn i{font-size:1.5rem}.sidebar-apply-btn{background:linear-gradient(to top,var(--bg-surface,#fff)0%,var(--bg-white-alpha-95,#fffffff2)100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-top:1px solid #e5e7eb99;padding:1rem 1.25rem;display:none;position:sticky;bottom:0;left:0;right:0}.sidebar-apply-btn button{background:linear-gradient(135deg,var(--primary-color,#2563eb)0%,var(--primary-color-hover,#1d4ed8)100%);width:100%;color:var(--text-inverse,#fff);cursor:pointer;box-shadow:0 4px 12px var(--primary-alpha-30,#2563eb4d);border:none;border-radius:8px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .2s}.sidebar-apply-btn button:hover{box-shadow:0 6px 16px var(--primary-alpha-40,#2563eb66);transform:translateY(-1px)}.sidebar-apply-btn button:active{transform:translateY(0)}@media (max-width:767px){.filters-toggle-btn{display:inline-flex}.sidebar{width:var(--sidebar-width-mobile,min(320px,85vw));z-index:999;overscroll-behavior:contain;height:100%;transition:left var(--sidebar-transition,.22s cubic-bezier(.4,0,.2,1));background:linear-gradient(145deg,var(--bg-surface,#fff)0%,var(--gray-25,#fcfcfd)100%);box-shadow:none;border-right:1px solid #e5e7ebcc;margin-bottom:0;position:fixed;top:0;left:-100%;overflow:hidden auto;padding:0!important}.sidebar--open{box-shadow:0 25px 50px -12px var(--gray-900-alpha-08,#00000014),0 10px 20px -8px var(--gray-900-alpha-04,#0000000a);left:0}.sidebar-header,.sidebar-apply-btn{display:flex}#filter-form{padding:1rem 1.25rem 80px}.filter-group{margin-bottom:.75rem}.filter-group summary{padding:.875rem 1rem;font-size:.9375rem}.filter-content{max-height:200px;padding:.75rem 1rem 1rem;font-size:.875rem}}@media (min-width:768px) and (max-width:1024px){.filters-toggle-btn{display:inline-flex;bottom:24px;right:24px}.sidebar{z-index:999;width:340px;height:100%;transition:left var(--sidebar-transition,.22s cubic-bezier(.4,0,.2,1));background:linear-gradient(145deg,var(--bg-surface,#fff)0%,var(--gray-25,#fcfcfd)100%);border-right:1px solid #e5e7ebcc;margin-bottom:0;position:fixed;top:0;left:-100%;overflow:hidden auto;padding:0!important}.sidebar--open{box-shadow:0 25px 50px -12px var(--gray-900-alpha-08,#00000014),0 10px 20px -8px var(--gray-900-alpha-04,#0000000a);left:0}.sidebar-header,.sidebar-apply-btn{display:flex}#filter-form{padding:1.25rem 1.5rem 80px}}@media (min-width:1025px){.sidebar{flex-shrink:0;width:260px;height:auto;position:static}.filters-toggle-btn,.filters-overlay,.sidebar-header,.sidebar-apply-btn{display:none!important}#filter-form{padding:0}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sidebar,.filters-overlay,.filters-toggle-btn{transition:none!important}}.filters-toggle-btn:focus-visible{outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}.sidebar-close-btn:focus-visible{outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}.sidebar-apply-btn button:focus-visible{outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}