.filter-form {
    background-color: #fff;
    padding: 2rem;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    margin-bottom: 2rem;
  }

  .filter-title {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }

  .form-label {
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 6px;
    color: #1f2937;
  }

  .slider-wrapper {
    padding: 12px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background-color: #f9fafb;
  }

  .noUi-target {
  height: 4px;
  background: #2d2d2d;
  border: none;
  border-radius: 2px;
}

.noUi-connect {
  background: #4f46e5;
}

.noUi-handle {
  width: 16px;
  height: 16px;
  background: #111;
  border: 2px solid #4f46e5;
  border-radius: 50%;
  top: -6px;
}

.noUi-tooltip {
  background: #4f46e5;
  color: white;
  border-radius: 4px;
  font-size: 11px;
  padding: 2px 6px;
}