@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles */
.react-datepicker-wrapper {
  width: 100%;
}

.react-datepicker__input-container input {
  @apply w-full rounded-md border-gray-300 shadow-sm;
}

.table-auto {
  @apply min-w-full divide-y divide-gray-200;
}

.table-auto th {
  @apply px-6 py-3 bg-gray-50 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
}

.table-auto td {
  @apply px-6 py-4 whitespace-nowrap text-sm text-gray-900;
}