<!-- État de chargement amélioré -->
<div class="flex flex-col items-center justify-center h-96 space-y-4">
  <div class="relative">
    <div
      class="w-16 h-16 border-4 border-indigo-200 dark:border-indigo-800 rounded-full animate-spin border-t-indigo-600 dark:border-t-indigo-400"
    ></div>
    <div
      class="absolute inset-0 w-16 h-16 border-4 border-transparent border-t-purple-600 dark:border-t-purple-400 rounded-full animate-spin-slow"
    ></div>
  </div>
  <p class="text-lg text-gray-600 dark:text-gray-300 font-medium animate-pulse">
    {{ message }}
  </p>
</div>
