/* Additional custom styles */

#dropZone.dragover {
  border-color: #3b82f6;
  background-color: #eff6ff;
}

.form-radio {
  width: 1.25rem;
  height: 1.25rem;
}

/* Smooth transitions */
* {
  transition-property: color, background-color, border-color, opacity;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Better focus styles */
input:focus,
select:focus,
button:focus {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

/* Image loading animation */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.loading {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}