.custom-scrollbar::-webkit-scrollbar {
   width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
   background: transparent;
   border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
   background: #cbd5e1;
   border-radius: 3px;
   transition: background 0.2s;
}

   .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #94a3b8;
   }

.dark .custom-scrollbar::-webkit-scrollbar-thumb {
   background: #475569;
}

   .dark .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #64748b;
   }

/* Badge animation */
.badge-enter {
   animation: badgeEnter 0.2s ease-out;
}

@keyframes badgeEnter {
   from {
      opacity: 0;
      transform: scale(0.8);
   }

   to {
      opacity: 1;
      transform: scale(1);
   }
}

/* Dropdown animation */
.dropdown-enter {
   animation: dropdownEnter 0.15s ease-out;
}

@keyframes dropdownEnter {
   from {
      opacity: 0;
      transform: translateY(-8px);
   }

   to {
      opacity: 1;
      transform: translateY(0);
   }
}