.filter-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.filter-section h6{color:#2c3e50;font-weight:600}.form-check-label{color:#6c757d;font-size:.9rem;cursor:pointer}.form-check-input{cursor:pointer}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}@media (max-width:991.98px){.filter-sidebar{margin-bottom:2rem}}.filter-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.search-container .input-group{max-width:600px}.search-container .input-group-text{border-color:#dee2e6}.search-container .form-control{border-color:#dee2e6;padding:.75rem 1rem}.search-container .form-control:focus{box-shadow:none;border-color:#0d6efd}.filter-pills .btn{padding:.5rem 1rem;font-size:.875rem;border-radius:20px;border-color:#dee2e6}.filter-pills .btn:hover{background-color:#f8f9fa}.filter-pills .dropdown-menu{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #dee2e6;padding:.5rem}.filter-pills .dropdown-item{padding:.5rem 1rem;border-radius:4px}.filter-pills .dropdown-item:hover{background-color:#f8f9fa}@media (max-width:768px){.filter-pills{gap:.5rem!important}.filter-pills .btn{font-size:.8rem;padding:.4rem .8rem}}.search-filter-container{background-color:#fff;border-bottom:1px solid #e0e0e0}.search-input-wrapper{max-width:300px;background:#f8f9fa}.search-input-wrapper input{background:transparent;height:45px}.search-input-wrapper input:focus{background:transparent}.filter-nav .btn{font-size:.9rem;padding:.5rem 1rem;background:#f8f9fa;border:none;border-radius:20px}.filter-nav .btn:focus,.filter-nav .btn:hover{background:#e9ecef}.filter-nav .btn.active{background:#0d6efd;color:white}.filter-nav .dropdown-toggle:after{margin-left:.5em}.dropdown-menu{padding:.5rem;border:none;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:8px}.dropdown-item{padding:.5rem 1rem;border-radius:4px;font-size:.9rem}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.active{background:#e9ecef;color:#0d6efd;font-weight:500}.results-count{font-size:.875rem}@media (max-width:768px){.search-filter-container{padding:1rem}.search-input-wrapper{max-width:100%}.filter-nav .btn{font-size:.8rem;padding:.4rem .8rem}}.search-filter-wrapper{background:#fff;padding:1rem 2rem;border-bottom:1px solid #e9ecef}.search-input-wrapper{position:relative;width:250px}.search-icon{position:absolute;left:12px;color:#6c757d;font-size:14px}.search-input-wrapper .form-control{padding:8px 12px 8px 35px;border-radius:4px;border:1px solid #dee2e6;font-size:14px}.search-input-wrapper .form-control:focus{box-shadow:none;border-color:#0d6efd}.btn{font-size:14px;padding:8px 16px;border-radius:4px;display:flex;align-items:center;gap:6px}.btn-primary{background-color:#0d6efd;border:none}.btn-light{background-color:#f8f9fa;border:1px solid #dee2e6;color:#212529}.btn-light:hover{background-color:#e9ecef}.dropdown-toggle:after{display:none}.badge.bg-primary{font-weight:500;font-size:12px;padding:6px 12px;border-radius:20px}.text-muted.small{font-size:14px}@media (max-width:992px){.search-bar-container{flex-direction:column;align-items:flex-start!important}.search-input-wrapper{width:100%}.d-flex.align-items-center.gap-2{flex-wrap:wrap;gap:.5rem!important}}.search-wrapper{max-width:400px}.search-wrapper .form-control{height:42px;border-radius:4px;border:1px solid #e0e0e0}.search-wrapper .form-control:focus{box-shadow:none;border-color:#0d6efd}.level-filter .btn{padding:8px 16px;border-radius:4px;font-weight:500}.level-filter .btn-outline-primary:hover{background-color:#f8f9fa;color:#0d6efd}@media (max-width:768px){.search-wrapper{width:100%;max-width:none}.level-filter{width:100%;justify-content:space-between}.level-filter .btn{flex:1;white-space:nowrap}}.category-dropdown{position:absolute;top:100%;left:0;z-index:1000;min-width:200px;background:white;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-top:4px;max-height:300px;overflow-y:auto}.category-item{padding:8px 16px;cursor:pointer}.category-item:hover{background-color:#f8f9fa}.category-item label{cursor:pointer;margin:0;width:100%}.category-item input[type=checkbox]{margin-right:8px}