.bg-emerald-400 {
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity, 1));
}

.bg-emerald-500 {
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity, 1));
}

.bg-rose-500 {
  background-color: rgba(244, 63, 94, var(--tw-bg-opacity, 1));
}

.loading-spinner {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}