/* ===== NEON CITY THEME — dashboard.php ===== */
/* Page-specific visual theme. Extracted from inline <style> (v5.10.0) */

/* Neon glow overlay */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 20% 20%, rgba(139, 92, 246, 0.1) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 50%, rgba(6, 182, 212, 0.05) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}

/* Animated neon lines */
.neon-line {
  position: fixed;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
}

.neon-line--horizontal {
  height: 1px;
  background: linear-gradient(90deg, transparent, #8b5cf6, #ec4899, #06b6d4, transparent);
  animation: neon-scan-h 8s linear infinite;
}

.neon-line--vertical {
  width: 1px;
  background: linear-gradient(180deg, transparent, #06b6d4, #ec4899, #8b5cf6, transparent);
  animation: neon-scan-v 10s linear infinite;
}

@keyframes neon-scan-h {
  0% { top: 0; width: 100%; opacity: 0; }
  10% { opacity: 0.6; }
  90% { opacity: 0.6; }
  100% { top: 100%; width: 100%; opacity: 0; }
}

@keyframes neon-scan-v {
  0% { left: 0; height: 100%; opacity: 0; }
  10% { opacity: 0.4; }
  90% { opacity: 0.4; }
  100% { left: 100%; height: 100%; opacity: 0; }
}

/* Welcome section neon glow */
.welcome-section {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(236, 72, 153, 0.05), rgba(6, 182, 212, 0.08));
  border: 1px solid rgba(139, 92, 246, 0.3);
  position: relative;
}

.welcome-section::before {
  background: linear-gradient(90deg, #8b5cf6, #ec4899, #06b6d4, #8b5cf6);
  background-size: 300% 100%;
  animation: neon-border 4s linear infinite;
}

@keyframes neon-border {
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}

/* Quick stat cards neon effect */
.quick-stat {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.08), rgba(6, 182, 212, 0.05));
  border: 1px solid rgba(139, 92, 246, 0.2);
  position: relative;
  overflow: hidden;
}

.quick-stat::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  animation: shimmer 3s ease-in-out infinite;
}

.quick-stat:nth-child(1)::after { animation-delay: 0s; }
.quick-stat:nth-child(2)::after { animation-delay: 0.5s; }
.quick-stat:nth-child(3)::after { animation-delay: 1s; }
.quick-stat:nth-child(4)::after { animation-delay: 1.5s; }

@keyframes shimmer {
  0% { left: -100%; }
  100% { left: 200%; }
}

.quick-stat:hover {
  border-color: rgba(139, 92, 246, 0.5);
  box-shadow: 0 0 30px rgba(139, 92, 246, 0.2), 0 0 60px rgba(236, 72, 153, 0.1);
}

.stat-value {
  color: #8b5cf6;
  text-shadow: 0 0 20px rgba(139, 92, 246, 0.5);
}

.stat-icon {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(236, 72, 153, 0.1));
  border: 1px solid rgba(139, 92, 246, 0.3);
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.2);
}

/* Dashboard cards neon styling */
.dashboard-card {
  border: 1px solid rgba(139, 92, 246, 0.15);
  position: relative;
}

.dashboard-card:hover {
  border-color: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 40px rgba(139, 92, 246, 0.15);
}

.dashboard-card .card-header h2 {
  color: #a78bfa;
  text-shadow: 0 0 10px rgba(139, 92, 246, 0.3);
}

/* Buttons neon glow */
.btn-primary {
  background: linear-gradient(135deg, #8b5cf6, #ec4899);
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
}

.btn-primary:hover {
  box-shadow: 0 0 30px rgba(139, 92, 246, 0.6), 0 0 60px rgba(236, 72, 153, 0.3);
}

/* Footer neon line */
.footer {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}

.footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #8b5cf6, #ec4899, #8b5cf6, transparent);
}

/* Notification card glow */
.notifications-card {
  border-color: rgba(236, 72, 153, 0.2);
}

.notifications-card:hover {
  box-shadow: 0 0 30px rgba(236, 72, 153, 0.15);
}

/* Profile form inputs */
.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2), 0 0 20px rgba(139, 92, 246, 0.15);
}