.filter-container{margin-top:5px;height:70px;display:grid;flex-direction:column;padding:4px 8px;border-radius:6px}@media(min-width:768px){.filter-container{height:auto}}.filter-text{font-size:11px;margin-bottom:4px;font-weight:500;color:#374151}.filter-options{display:flex;gap:8px}.filter-label{display:flex;align-items:center;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;font-size:11px;cursor:pointer;transition:all .3s ease}.filter-label.selected{border-color:#3b82f6}.filter-label span{margin-left:4px;color:#374151}.custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #ccc;border-radius:4px;background-color:transparent;cursor:pointer;display:inline-block;position:relative}.custom-checkbox:checked{background-color:#28a745;border-color:#28a745}.custom-checkbox:checked:after{content:"✓";color:#fff;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-checkbox-label span{margin-left:8px;color:#374151}@media (max-width:640px){.filter-container{height:auto}.filter-options{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:auto;gap:8px}.filter-label{display:flex;align-items:center;justify-content:flex-start;padding:6px 12px;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:10px;height:28px;width:auto}.filter-label span{text-align:center;display:block}.custom-checkbox{width:12px;height:12px;margin-right:8px}}@media(max-width:390px){.filter-options{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:auto;gap:8px}}@media(min-width:641px) and (max-width:850px){.filter-label{font-size:11px}}@media(min-width:770px) and (max-width:1025px){#panel\:r3\:0>div>div>div:nth-child(2)>div.mt-\[40px\]>div>div>div.grid.grid-cols-1.md\:grid-cols-2.gap-8>div:nth-child(2)>div>p{margin-top:30px}}