.pulse-icon {
  animation: headerPulse 2s ease-in-out infinite;
}

.dashboard-active {
  transform: translateY(-1px);
  transition: all 0.5s ease;
}

.item-entrance {
  transform: translateX(0);
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.icon-active {
  transform: scale(1.05) rotate(5deg);
  transition: transform 0.3s ease;
}

.status-pulse {
  color: #0070f3 !important;
  font-weight: 600;
  animation: statusGlow 2s ease-in-out infinite;
}

.gentle-pulse {
  animation: gentlePulse 1.5s ease-in-out;
}

@keyframes headerPulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

@keyframes statusGlow {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}

@keyframes featureGlow {
  0%,
  100% {
    box-shadow: 0 0 10px rgba(0, 112, 243, 0.3);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 25px rgba(0, 112, 243, 0.6);
    transform: scale(1.02);
  }
}

@keyframes gentlePulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}
