body {
  font-family: 'Inter', sans-serif;
}
.custom-checkbox {
  width: 1rem;
  height: 1rem;
  accent-color: #2563eb;
  cursor: pointer;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
}

.custom-checkbox:hover {
  border-color: #3b82f6;
}

.custom-checkbox:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}