/* Backend Pro Custom Stylesheet */

.theme-backend-pro {
  --theme-primary: #06b6d4;
  --theme-primary-rgb: 6, 182, 212;
  --theme-bg: #030305;
  --theme-card-bg: rgba(10, 10, 15, 0.9);
  --theme-border: rgba(6, 182, 212, 0.3);
  --theme-text: #cffafe;
  --theme-text-muted: #94a3b8;
  --theme-font: "Fira Code", "Courier New", monospace;
  --theme-shadow: 0 0 15px rgba(6, 182, 212, 0.2);
  
  font-family: var(--theme-font);
  background-color: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

.theme-backend-pro body {
  background-color: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

.theme-backend-pro.dark,
.dark .theme-backend-pro,
.dark.theme-backend-pro {
  --theme-primary: #06b6d4;
  --theme-primary-rgb: 6, 182, 212;
  --theme-bg: #030305;
  --theme-card-bg: rgba(10, 10, 15, 0.9);
  --theme-border: rgba(6, 182, 212, 0.3);
  --theme-text: #cffafe;
  --theme-text-muted: #94a3b8;
  --theme-shadow: 0 0 15px rgba(6, 182, 212, 0.2);
}

/* Cyberpunk terminal style classes */
.theme-backend-pro .cyber-grid {
  background-size: 24px 24px;
  background-image: 
    linear-gradient(to right, rgba(6, 182, 212, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(6, 182, 212, 0.03) 1px, transparent 1px);
}

.theme-backend-pro .cyber-card {
  background: var(--theme-card-bg);
  border: 1px solid var(--theme-border);
  box-shadow: var(--theme-shadow);
  position: relative;
}

.theme-backend-pro .cyber-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--theme-primary), transparent);
}

/* CRT scanlines effect */
.theme-backend-pro .crt-scanlines {
  position: relative;
  overflow: hidden;
}

.theme-backend-pro .crt-scanlines::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 3px, 3px 100%;
  pointer-events: none;
}

/* Terminal terminal glow text */
.theme-backend-pro .neon-text {
  text-shadow: 0 0 8px rgba(6, 182, 212, 0.6);
}

.theme-backend-pro .neon-border-hover:hover {
  border-color: var(--theme-primary);
  box-shadow: 0 0 20px rgba(6, 182, 212, 0.4);
  transform: translateY(-2px);
  transition: all 0.2s ease-in-out;
}