/* Animation Keyframes */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInWithTranslate {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes newItemHighlight {
  0% {
    background-color: rgba(255, 193, 7, 0.25);
    transform: translateY(-4px);
  }
  60% {
    background-color: rgba(255, 193, 7, 0.12);
    transform: translateY(0);
  }
  100% {
    background-color: rgba(56, 189, 248, 0.05);
  }
}

@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}