rmi-frontend/src/App.css

/* App-specific styles */

/* Animation for loading states */
@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 5px rgba(0, 255, 136, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(0, 255, 136, 0.6);
  }
}

.animate-pulse-glow {
  animation: pulse-glow 2s ease-in-out infinite;
}

/* Risk level badges */
.risk-low {
  @apply bg-green-500/20 text-green-400 border border-green-500/50;
}

.risk-medium {
  @apply bg-yellow-500/20 text-yellow-400 border border-yellow-500/50;
}

.risk-high {
  @apply bg-orange-500/20 text-orange-400 border border-orange-500/50;
}

.risk-critical {
  @apply bg-red-500/20 text-red-400 border border-red-500/50 animate-pulse;
}

/* Wallet address display */
.wallet-address {
  @apply font-mono text-sm text-gray-400 truncate;
}

/* Scan line effect for scanner */
.scan-line {
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0, 255, 136, 0.1) 50%,
    transparent 100%
  );
  animation: scan 2s linear infinite;
}

@keyframes scan {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}