:root {
  --retro-bg: #000000;
  --retro-border: #00ffff;
  --retro-text: #00ffff;
  --retro-dim: #00cccc;
  --retro-font: 'Courier New', Courier, monospace;
  --retro-glow: rgba(0, 255, 255, 0.5);
  --retro-danger: #ff0000;
}

.retro-admin {
  background: var(--retro-bg) !important;
  color: var(--retro-text) !important;
  font-family: var(--retro-font) !important;
  text-transform: uppercase !important;
  min-height: 100vh;
}

.retro-admin * {
  text-transform: uppercase !important;
}

.retro-admin .scanlines {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 999;
  background: repeating-linear-gradient(0deg,
      rgba(0, 255, 255, 0.1) 0px,
      rgba(0, 255, 255, 0.1) 1px,
      transparent 1px,
      transparent 2px);
  animation: retro-flicker 0.3s infinite;
  opacity: 0.25;
}

.retro-admin .crt-vignette {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 998;
  background: radial-gradient(circle, transparent 70%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0.4) 100%);
}

@keyframes retro-flicker {
  0% { opacity: 0.245; }
  50% { opacity: 0.25; }
  100% { opacity: 0.245; }
}

@keyframes retro-jitter {
  0% { transform: scale(0.998) translate(0, 0); }
  50% { transform: scale(0.998) translate(-0.2px, 0.2px); }
  100% { transform: scale(0.998) translate(0, 0); }
}

.retro-admin .crt-content {
  animation: retro-jitter 0.1s infinite;
  filter: contrast(1.2) brightness(1.1);
}

.retro-glow {
  text-shadow: 0 0 10px var(--retro-glow), 0 0 20px var(--retro-glow);
}

.retro-border {
  border: 1px solid var(--retro-border) !important;
  box-shadow: 0 0 10px rgba(0, 255, 255, 0.2);
}

.retro-btn {
  background: transparent !important;
  border: 1px solid var(--retro-border) !important;
  color: var(--retro-text) !important;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: bold;
  letter-spacing: 2px;
  transition: all 0.2s;
}

.retro-btn:hover {
  background: var(--retro-border) !important;
  color: #000 !important;
  box-shadow: 0 0 20px var(--retro-border);
}

.retro-input {
  background: #000 !important;
  border: 1px solid var(--retro-border) !important;
  color: var(--retro-text) !important;
  padding: 8px;
  font-family: inherit;
  outline: none;
}