ui/src/index.css

@import "tailwindcss";

@theme {
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --color-cyber-blue: #00f2ff;
  --color-cyber-pink: #ff00e5;
  --color-cyber-dark: #050a15;
}

@layer base {
  body {
    @apply antialiased;
  }
}

/* Grille Cyber */
.bg-grid {
  background-image: 
    linear-gradient(to right, rgba(0, 242, 255, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 242, 255, 0.05) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Scanner Laser */
@keyframes scan {
  0% { transform: translateY(-100%); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translateY(1000%); opacity: 0; }
}

.scanner-line {
  height: 2px;
  background: linear-gradient(90deg, transparent, #00f2ff, transparent);
  box-shadow: 0 0 15px #00f2ff;
  animation: scan 2.5s linear infinite;
}

/* Scrollbar Style */
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #00f2ff;
  border-radius: 10px;
}

.custom-scrollbar-light::-webkit-scrollbar-thumb {
  background: #000000;
}