.filter-wrap{width:94%;margin:0 auto 24px;font-family:Inter,sans-serif}.filter-box{background:linear-gradient(to bottom right,#fff,#f8fbff);border:1px solid #e0e7ff;border-radius:10px;padding:24px}.filter-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.filter-header h2{color:#1976d2;align-items:center;margin:0;font-size:18px;font-weight:600;display:flex}.mui-icon{color:#1976d2;width:22px;height:22px;margin-right:8px}.chip{color:#f97316;background:#f973161a;border-radius:16px;align-items:center;padding:5px 12px;font-size:13px;font-weight:500;transition:background-color .2s;display:inline-flex}.chip:hover{cursor:pointer;background:#f9731633}.chip-icon{width:14px;height:14px;margin-right:4px}hr{background:#00000014;border:0;height:1px;margin:15px 0 20px}.form-grid{grid-template-columns:1fr;align-items:flex-end;gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#64748b;align-items:center;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.input-icon{color:#64748b;width:18px;height:18px;margin-right:6px}.select-wrapper{width:100%;position:relative}.select-wrapper select{color:#333;appearance:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;height:46px;padding:0 16px;font-size:14px;transition:border-color .2s}.select-wrapper select:hover{border-color:#94a3b8}.select-wrapper select:focus{border-color:#1976d2;outline:none}.select-arrow{pointer-events:none;border-top:5px solid #64748b;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.invisible{visibility:hidden;height:0;margin:0}.filter-button{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:4px;justify-content:center;align-items:center;height:46px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.filter-button:hover{background:#1565c0}.filter-button:active{background:#0d47a1}.button-icon{width:18px;height:18px;margin-right:8px}@media (min-width:768px){.filter-wrap{width:90%}.form-grid{grid-template-columns:1fr 1fr 1fr;gap:20px}}@media (min-width:1024px){.filter-wrap{width:88%}}@media (min-width:1280px){.filter-wrap{width:84%}}@media (min-width:1536px){.filter-wrap{width:80%}}
