@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  20%, 60% {
    transform: translateX(-3px);
  }
  40%, 80% {
    transform: translateX(3px);
  }
}

.status-indicator[data-status="up"] {
  animation: pulse 2s ease-in-out infinite;
}

.status-card[data-status="down"] {
  animation: shake 0.4s ease-in-out;
}