.filter-box{z-index:1;background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;position:relative;box-shadow:0 2px 8px #00000014}.filter-box:has(.multi-select-dropdown.is-open){z-index:10000!important}.filter-box-content{z-index:1;width:100%;position:relative}.filter-box-content:has(.multi-select-dropdown.is-open){z-index:10000!important}.filter-box-row{z-index:auto;flex-wrap:wrap;align-items:end;gap:1rem;display:flex;position:relative}.filter-box-row:has(.multi-select-dropdown.is-open){z-index:10000!important}.filter-box-field{flex-direction:column;flex:1 0 200px;gap:.5rem;min-width:200px;display:flex}.filter-box-field-flex{flex:1;min-width:250px}.filter-box-label{color:#495057;margin-bottom:0;font-size:.875rem;font-weight:600}.filter-box-input-wrapper{background:#f8f9fa;border:1px solid #0000;border-radius:8px;align-items:center;width:100%;padding:.5rem;transition:all .2s;display:flex}.filter-box-input-wrapper:hover{background:#e9ecef}.filter-box-input-wrapper:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-box-input-wrapper .input-group-text{color:#6c757d;flex-shrink:0;margin-right:.5rem;padding:0}.filter-box-input-wrapper .form-control,.filter-box-input-wrapper .form-select{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:0;font-size:.875rem;overflow:hidden}.filter-box-input-wrapper .form-select{padding-left:.25rem!important;padding-right:1.75rem!important}.filter-box-input-wrapper .form-control:focus,.filter-box-input-wrapper .form-select:focus{box-shadow:none;outline:none}.filter-box-action{flex:none;align-items:end;min-width:fit-content;display:flex}.filter-box-search-btn,.filter-box-clear-btn{white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.filter-box-search-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.filter-box-search-btn:hover{background:linear-gradient(135deg,#5568d3 0%,#653a8b 100%);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.filter-box-clear-btn{color:#495057;background:#e9ecef}.filter-box-clear-btn:hover{color:#212529;background:#dee2e6;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.filter-box-search-btn i,.filter-box-clear-btn i{font-size:1rem}@media (min-width:1201px){.filter-box-row{gap:.75rem}.filter-box-field{flex:1 0 220px;min-width:220px}}@media (min-width:993px) and (max-width:1200px){.filter-box-row{gap:.6rem}.filter-box-field{flex:1 0 180px;min-width:180px}.filter-box-label{font-size:.8125rem}.filter-box-input-wrapper{padding:.45rem .65rem}.filter-box-input-wrapper .form-control,.filter-box-input-wrapper .form-select{font-size:.8125rem}.filter-box-input-wrapper .form-select{padding-left:.25rem!important;padding-right:1.75rem!important}.filter-box-search-btn,.filter-box-clear-btn{padding:.5rem 1rem;font-size:.8125rem}}@media (min-width:769px) and (max-width:992px){.filter-box-row{gap:.5rem}.filter-box-field{flex:1 0 170px;min-width:170px}.filter-box-action{flex-basis:100%;justify-content:flex-end;margin-top:.5rem;display:flex}.filter-box-label{font-size:.75rem}.filter-box-input-wrapper{padding:.4rem .6rem}.filter-box-input-wrapper .input-group-text{margin-right:.375rem;font-size:.9375rem}.filter-box-input-wrapper .form-control,.filter-box-input-wrapper .form-select{font-size:.75rem}.filter-box-input-wrapper .form-select{padding-left:.25rem!important;padding-right:1.5rem!important}.filter-box-search-btn,.filter-box-clear-btn{padding:.45rem .875rem;font-size:.75rem}}@media (min-width:650px) and (max-width:768px){.filter-box-row{gap:.4rem}.filter-box-field{flex:1 0 150px;min-width:150px}.filter-box-action{flex-basis:100%;justify-content:flex-end;margin-top:.5rem;display:flex}.filter-box-label{margin-bottom:.375rem;font-size:.7rem}.filter-box-input-wrapper{padding:.35rem .5rem}.filter-box-input-wrapper .input-group-text{margin-right:.3rem;font-size:.875rem}.filter-box-input-wrapper .form-control,.filter-box-input-wrapper .form-select{font-size:.7rem}.filter-box-input-wrapper .form-select{padding-left:.25rem!important;padding-right:1.5rem!important}.filter-box-search-btn,.filter-box-clear-btn{padding:.4rem .75rem;font-size:.7rem}}@media (max-width:649px){.filter-box{padding:1rem}.filter-box-row{gap:.75rem}.filter-box-field{flex:1 0 100%;min-width:100%}.filter-box-label{font-size:.8125rem}.filter-box-action{flex-basis:100%;justify-content:stretch;display:flex}.filter-box-action .d-flex{flex-direction:column;gap:.5rem;width:100%}.filter-box-search-btn,.filter-box-clear-btn{flex:1;justify-content:center;width:100%;padding:.5rem 1rem;font-size:.8125rem}}