.sidebar-filter-container{width:100%;max-width:100%;margin:0 auto;padding:0 16px}.sidebar-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0;flex-wrap:wrap}.sidebar-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.sidebar-toggle-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.sidebar-toggle-btn.active{background:linear-gradient(135deg,#047857,#065f46)}.sidebar-toggle-btn .btn-icon{font-size:20px!important}.sidebar-toggle-btn .expand-icon{font-size:18px!important;margin-left:4px}.sidebar-clear-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid #cbd5e1;border-radius:25px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.sidebar-clear-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;color:#dc2626}.sidebar-clear-btn .btn-icon{font-size:18px!important}.sidebar-categories-panel{max-height:0;opacity:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:0}.sidebar-categories-panel.show{max-height:600px;opacity:1;margin-top:16px;padding:20px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 8px 24px #00000014}.sidebar-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sidebar-category-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .3s ease;font-family:inherit}.sidebar-category-item:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#6ee7b7;transform:translateY(-4px);box-shadow:0 8px 20px #10b98133}.sidebar-category-item.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.sidebar-category-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.sidebar-category-item:hover .sidebar-category-icon{transform:scale(1.08);box-shadow:0 6px 16px #0003}.category-svg-icon{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.sidebar-category-name{font-size:11px;font-weight:600;color:#334155;text-align:center;line-height:1.3;display:flex;align-items:center;gap:4px;max-width:100%;word-break:break-word}.sidebar-category-item.selected .sidebar-category-name{color:#1d4ed8}.remove-icon{font-size:14px!important;color:#3b82f6;margin-left:2px}@media(max-width:992px){.sidebar-categories-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sidebar-filter-container{padding:0 12px}.sidebar-controls{padding:8px 0}.sidebar-toggle-btn{padding:8px 16px;font-size:13px}.sidebar-clear-btn{padding:8px 12px;font-size:12px}.sidebar-categories-panel.show{padding:16px}.sidebar-categories-grid{grid-template-columns:repeat(3,1fr);gap:10px}.sidebar-category-item{padding:12px 6px}.sidebar-category-icon{width:44px;height:44px}.category-mui-icon{font-size:22px!important}.sidebar-category-name{font-size:10px}}@media(max-width:480px){.sidebar-categories-grid{grid-template-columns:repeat(2,1fr);gap:8px}.sidebar-toggle-btn span,.sidebar-clear-btn span{display:none}.sidebar-toggle-btn,.sidebar-clear-btn{padding:10px 14px;border-radius:50%}.sidebar-toggle-btn .expand-icon{display:none}.sidebar-category-item{padding:10px 4px}.sidebar-category-icon{width:40px;height:40px;border-radius:10px}.category-mui-icon{font-size:20px!important}}