/* ============================================
   ADMIN PAGES - THEME SYSTEM
   Responds to data-theme attribute set by global-theme-switcher.js
   ============================================ */

/* ------------------------------
   Default Admin Theme Variables
   ------------------------------ */
:root {
  /* Primary Colors */
  --admin-primary: #6eb4ff;
  --admin-primary-dark: #4a9eff;
  --admin-primary-light: #a8d4ff;
  --admin-accent: #c5e3ff;
  
  /* Background Colors */
  --admin-bg: #f0f8ff;
  --admin-bg-alt: #e3f2ff;
  --admin-surface: #ffffff;
  --admin-surface-hover: #f8fbff;
  
  /* Text Colors */
  --admin-text: #27272a;
  --admin-text-muted: #71717a;
  --admin-text-light: #a1a1aa;
  
  /* Border Colors */
  --admin-border: #e4e4e7;
  --admin-border-light: #f4f4f5;
  
  /* Status Colors */
  --admin-success: #81c784;
  --admin-success-bg: rgba(129, 199, 132, 0.15);
  --admin-warning: #ffb74d;
  --admin-warning-bg: rgba(255, 183, 77, 0.15);
  --admin-danger: #ef5350;
  --admin-danger-bg: rgba(239, 83, 80, 0.15);
  --admin-info: #64b5f6;
  --admin-info-bg: rgba(100, 181, 246, 0.15);
  
  /* Gradients */
  --admin-gradient-primary: linear-gradient(135deg, #4a9eff 0%, #6eb4ff 35%, #a8d4ff 70%, #c5e3ff 100%);
  --admin-gradient-hero: linear-gradient(135deg, #4a9eff 0%, #6eb4ff 50%, #a8d4ff 100%);
  --admin-gradient-card: linear-gradient(135deg, #f0f8ff 0%, #e3f2ff 100%);
  --admin-gradient-button: linear-gradient(135deg, #6eb4ff 0%, #a8d4ff 100%);
  
  /* Shadows */
  --admin-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --admin-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --admin-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --admin-shadow-primary: 0 8px 30px rgba(110, 180, 255, 0.35);
  
  /* Input Styles */
  --admin-input-bg: #f8f9fa;
  --admin-input-border: #e9ecef;
  --admin-input-focus: rgba(110, 180, 255, 0.25);
  
  /* Modal Styles */
  --admin-modal-bg: #ffffff;
  --admin-modal-header-bg: linear-gradient(135deg, #f0f8ff 0%, #e3f2ff 100%);
  
  /* Card Styles */
  --admin-card-bg: #ffffff;
  --admin-card-border: #e4e4e7;
  --admin-card-header-bg: linear-gradient(135deg, #f0f8ff 0%, #e3f2ff 100%);
  
  /* Is Dark Theme */
  --admin-is-dark: 0;
  
  /* Navbar Theme Variables */
  --nav-header-bg: rgba(255, 255, 255, 0.95);
  --nav-header-border: rgba(0, 0, 0, 0.05);
  --nav-header-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
  --nav-gradient-line: linear-gradient(90deg, #c7b3e5 0%, #dab4dd 12%, #f5b5d6 24%, #ffc5bb 36%, #ffd6a0 48%, #c8e0a8 60%, #a8dda8 72%, #93dbc4 84%, #7fdbda 100%);
  --nav-brand-color: #2d3748;
  --nav-brand-hover: #6eb4ff;
  --nav-link-color: #4a5568;
  --nav-link-hover: #2d3748;
  --nav-link-hover-bg: rgba(0, 0, 0, 0.03);
  --nav-button-bg: white;
  --nav-button-border: #c7b3e5;
  --nav-button-color: #4a5568;
  --nav-button-hover-border: #9d7cbf;
  --nav-button-hover-color: #9d7cbf;
  --nav-button-hover-shadow: 0 8px 25px rgba(199, 179, 229, 0.3);
  --nav-dropdown-bg: white;
  --nav-dropdown-border: rgba(0, 0, 0, 0.1);
  --nav-dropdown-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  --nav-dropdown-item-color: #4a5568;
  --nav-dropdown-item-hover-bg: rgba(110, 180, 255, 0.1);
  --nav-dropdown-item-hover-color: #4a9eff;
  --nav-user-dropdown-border: #6eb4ff;
  --nav-user-dropdown-icon: #6eb4ff;
  --nav-toggler-bg: white;
  --nav-toggler-border: #c7b3e5;
  --nav-toggler-icon-color: #4a5568;
  --nav-mobile-menu-bg: white;
}

/* ------------------------------
   Theme: Clean (Professional)
   ------------------------------ */
[data-theme="clean"],
[data-landing-theme="clean"] {
  --admin-primary: #2563eb;
  --admin-primary-dark: #1d4ed8;
  --admin-primary-light: #0ea5e9;
  --admin-accent: #14b8a6;
  
  --admin-bg: #f7f9fc;
  --admin-bg-alt: #eef3fb;
  --admin-surface: #ffffff;
  --admin-surface-hover: #f8fafc;
  
  --admin-text: #0f172a;
  --admin-text-muted: rgba(15, 23, 42, 0.65);
  --admin-text-light: rgba(15, 23, 42, 0.45);
  
  --admin-border: rgba(15, 23, 42, 0.1);
  --admin-border-light: rgba(15, 23, 42, 0.06);
  
  --admin-success: #14b8a6;
  --admin-success-bg: rgba(20, 184, 166, 0.12);
  --admin-warning: #f59e0b;
  --admin-warning-bg: rgba(245, 158, 11, 0.12);
  --admin-danger: #ef4444;
  --admin-danger-bg: rgba(239, 68, 68, 0.12);
  --admin-info: #0ea5e9;
  --admin-info-bg: rgba(14, 165, 233, 0.12);
  
  --admin-gradient-primary: linear-gradient(135deg, #2563eb 0%, #0ea5e9 55%, #14b8a6 100%);
  --admin-gradient-hero: linear-gradient(135deg, #2563eb 0%, #0ea5e9 50%, #14b8a6 100%);
  --admin-gradient-card: linear-gradient(135deg, #f7f9fc 0%, #eef3fb 100%);
  --admin-gradient-button: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
  
  --admin-shadow-sm: 0 1px 3px rgba(2, 6, 23, 0.06);
  --admin-shadow-md: 0 4px 12px rgba(2, 6, 23, 0.1);
  --admin-shadow-lg: 0 8px 24px rgba(2, 6, 23, 0.12);
  --admin-shadow-primary: 0 8px 30px rgba(37, 99, 235, 0.25);
  
  --admin-input-bg: #ffffff;
  --admin-input-border: rgba(15, 23, 42, 0.12);
  --admin-input-focus: rgba(37, 99, 235, 0.2);
  
  --admin-modal-bg: #ffffff;
  --admin-modal-header-bg: linear-gradient(135deg, #f7f9fc 0%, #eef3fb 100%);
  
  --admin-card-bg: #ffffff;
  --admin-card-border: rgba(15, 23, 42, 0.08);
  --admin-card-header-bg: linear-gradient(135deg, #f7f9fc 0%, #eef3fb 100%);
  
  --admin-is-dark: 0;
  
  /* Navbar Theme Variables - Clean */
  --nav-header-bg: rgba(255, 255, 255, 0.95);
  --nav-header-border: rgba(15, 23, 42, 0.08);
  --nav-header-shadow: 0 4px 30px rgba(2, 6, 23, 0.08);
  --nav-gradient-line: linear-gradient(135deg, #2563eb 0%, #0ea5e9 50%, #14b8a6 100%);
  --nav-brand-color: #2563eb;
  --nav-brand-hover: #1d4ed8;
  --nav-link-color: #0f172a;
  --nav-link-hover: #2563eb;
  --nav-link-hover-bg: rgba(37, 99, 235, 0.08);
  --nav-button-bg: white;
  --nav-button-border: #2563eb;
  --nav-button-color: #2563eb;
  --nav-button-hover-border: #1d4ed8;
  --nav-button-hover-color: #ffffff;
  --nav-button-hover-shadow: 0 8px 25px rgba(37, 99, 235, 0.3);
  --nav-button-hover-bg: #2563eb;
  --nav-button-hover-icon-color: #ffffff;
  --nav-dropdown-bg: white;
  --nav-dropdown-border: rgba(15, 23, 42, 0.1);
  --nav-dropdown-shadow: 0 20px 60px rgba(2, 6, 23, 0.15);
  --nav-dropdown-item-color: #0f172a;
  --nav-dropdown-item-hover-bg: rgba(37, 99, 235, 0.1);
  --nav-dropdown-item-hover-color: #2563eb;
  --nav-user-dropdown-border: #2563eb;
  --nav-user-dropdown-icon: #2563eb;
  --nav-toggler-bg: white;
  --nav-toggler-border: #2563eb;
  --nav-toggler-icon-color: #0f172a;
  --nav-mobile-menu-bg: white;
}

/* ------------------------------
   Theme: Neo 3D (Modern Depth)
   ------------------------------ */
[data-theme="neo3d"],
[data-landing-theme="neo3d"] {
  --admin-primary: #8b5cf6;
  --admin-primary-dark: #7c3aed;
  --admin-primary-light: #22d3ee;
  --admin-accent: #fb7185;
  
  --admin-bg: #060616;
  --admin-bg-alt: #0b0b24;
  --admin-surface: rgba(10, 10, 30, 0.95);
  --admin-surface-hover: rgba(15, 15, 45, 0.95);
  
  --admin-text: #f2f4ff;
  --admin-text-muted: rgba(242, 244, 255, 0.7);
  --admin-text-light: rgba(242, 244, 255, 0.5);
  
  --admin-border: rgba(34, 211, 238, 0.2);
  --admin-border-light: rgba(34, 211, 238, 0.1);
  
  --admin-success: #22d3ee;
  --admin-success-bg: rgba(34, 211, 238, 0.15);
  --admin-warning: #fbbf24;
  --admin-warning-bg: rgba(251, 191, 36, 0.15);
  --admin-danger: #fb7185;
  --admin-danger-bg: rgba(251, 113, 133, 0.15);
  --admin-info: #a78bfa;
  --admin-info-bg: rgba(167, 139, 250, 0.15);
  
  --admin-gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #22d3ee 55%, #fb7185 100%);
  --admin-gradient-hero: linear-gradient(135deg, #060616 0%, #0b0b24 50%, #060616 100%);
  --admin-gradient-card: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(34, 211, 238, 0.1) 100%);
  --admin-gradient-button: linear-gradient(135deg, #8b5cf6 0%, #22d3ee 100%);
  
  --admin-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --admin-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --admin-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
  --admin-shadow-primary: 0 8px 30px rgba(139, 92, 246, 0.3);
  
  --admin-input-bg: rgba(139, 92, 246, 0.08);
  --admin-input-border: rgba(139, 92, 246, 0.2);
  --admin-input-focus: rgba(139, 92, 246, 0.35);
  
  --admin-modal-bg: rgba(6, 6, 22, 0.98);
  --admin-modal-header-bg: linear-gradient(135deg, rgba(139, 92, 246, 0.15) 0%, rgba(34, 211, 238, 0.15) 100%);
  
  --admin-card-bg: rgba(10, 10, 30, 0.9);
  --admin-card-border: rgba(139, 92, 246, 0.2);
  --admin-card-header-bg: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(34, 211, 238, 0.1) 100%);
  
  --admin-is-dark: 1;
  
  /* Navbar Theme Variables - Neo 3D */
  --nav-header-bg: rgba(6, 6, 22, 0.92);
  --nav-header-border: rgba(139, 92, 246, 0.20);
  --nav-header-shadow: 0 8px 40px rgba(139, 92, 246, 0.25);
  --nav-gradient-line: linear-gradient(135deg, #8b5cf6 0%, #22d3ee 50%, #fb7185 100%);
  --nav-brand-color: #8b5cf6;
  --nav-brand-hover: #22d3ee;
  --nav-link-color: rgba(242, 244, 255, 0.90);
  --nav-link-hover: #8b5cf6;
  --nav-link-hover-bg: rgba(139, 92, 246, 0.15);
  --nav-button-bg: rgba(139, 92, 246, 0.15);
  --nav-button-border: rgba(139, 92, 246, 0.60);
  --nav-button-color: #8b5cf6;
  --nav-button-hover-border: #8b5cf6;
  --nav-button-hover-color: #ffffff;
  --nav-button-hover-shadow: 0 8px 30px rgba(139, 92, 246, 0.40);
  --nav-button-hover-bg: linear-gradient(135deg, #8b5cf6 0%, #22d3ee 100%);
  --nav-dropdown-bg: rgba(6, 6, 22, 0.95);
  --nav-dropdown-border: rgba(139, 92, 246, 0.25);
  --nav-dropdown-shadow: 0 20px 60px rgba(139, 92, 246, 0.30);
  --nav-dropdown-item-color: rgba(242, 244, 255, 0.85);
  --nav-dropdown-item-hover-bg: rgba(139, 92, 246, 0.20);
  --nav-dropdown-item-hover-color: #8b5cf6;
  --nav-user-dropdown-border: rgba(139, 92, 246, 0.60);
  --nav-user-dropdown-icon: #8b5cf6;
  --nav-toggler-bg: rgba(139, 92, 246, 0.15);
  --nav-toggler-border: rgba(139, 92, 246, 0.50);
  --nav-toggler-icon-color: #8b5cf6;
  --nav-mobile-menu-bg: rgba(6, 6, 22, 0.95);
  --nav-button-hover-icon-color: #ffffff;
}

/* ------------------------------
   Theme: Gold (Metallic Luxe)
   ------------------------------ */
[data-theme="gold"],
[data-landing-theme="gold"] {
  --admin-primary: #d4af37;
  --admin-primary-dark: #b8962e;
  --admin-primary-light: #f5d76e;
  --admin-accent: #7c5c1a;
  
  --admin-bg: #ffffff;
  --admin-bg-alt: #fbfaf7;
  --admin-surface: #ffffff;
  --admin-surface-hover: #fffdf5;
  
  --admin-text: #111827;
  --admin-text-muted: rgba(17, 24, 39, 0.65);
  --admin-text-light: rgba(17, 24, 39, 0.45);
  
  --admin-border: rgba(212, 175, 55, 0.2);
  --admin-border-light: rgba(212, 175, 55, 0.1);
  
  --admin-success: #22c55e;
  --admin-success-bg: rgba(34, 197, 94, 0.12);
  --admin-warning: #d4af37;
  --admin-warning-bg: rgba(212, 175, 55, 0.12);
  --admin-danger: #dc2626;
  --admin-danger-bg: rgba(220, 38, 38, 0.12);
  --admin-info: #f5d76e;
  --admin-info-bg: rgba(245, 215, 110, 0.15);
  
  --admin-gradient-primary: linear-gradient(135deg, #7c5c1a 0%, #d4af37 35%, #f5d76e 70%, #fff3bf 100%);
  --admin-gradient-hero: linear-gradient(135deg, #7c5c1a 0%, #d4af37 50%, #f5d76e 100%);
  --admin-gradient-card: linear-gradient(135deg, #fffdf5 0%, #fff8e7 100%);
  --admin-gradient-button: linear-gradient(135deg, #d4af37 0%, #f5d76e 100%);
  
  --admin-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --admin-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --admin-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --admin-shadow-primary: 0 8px 30px rgba(212, 175, 55, 0.3);
  
  --admin-input-bg: #fffdf5;
  --admin-input-border: rgba(212, 175, 55, 0.25);
  --admin-input-focus: rgba(212, 175, 55, 0.3);
  
  --admin-modal-bg: #ffffff;
  --admin-modal-header-bg: linear-gradient(135deg, #fffdf5 0%, #fff8e7 100%);
  
  --admin-card-bg: #ffffff;
  --admin-card-border: rgba(212, 175, 55, 0.15);
  --admin-card-header-bg: linear-gradient(135deg, #fffdf5 0%, #fff8e7 100%);
  
  --admin-is-dark: 0;
  
  /* Navbar Theme Variables - Gold */
  --nav-header-bg: rgba(255, 255, 255, 0.95);
  --nav-header-border: rgba(212, 175, 55, 0.15);
  --nav-header-shadow: 0 4px 30px rgba(212, 175, 55, 0.12);
  --nav-gradient-line: linear-gradient(135deg, #7c5c1a 0%, #d4af37 35%, #f5d76e 70%, #fff3bf 100%);
  --nav-brand-color: #d4af37;
  --nav-brand-hover: #b8962e;
  --nav-link-color: #111827;
  --nav-link-hover: #d4af37;
  --nav-link-hover-bg: rgba(212, 175, 55, 0.08);
  --nav-button-bg: white;
  --nav-button-border: #d4af37;
  --nav-button-color: #d4af37;
  --nav-button-hover-border: #b8962e;
  --nav-button-hover-color: #ffffff;
  --nav-button-hover-shadow: 0 8px 25px rgba(212, 175, 55, 0.35);
  --nav-button-hover-bg: linear-gradient(135deg, #d4af37 0%, #f5d76e 100%);
  --nav-dropdown-bg: white;
  --nav-dropdown-border: rgba(212, 175, 55, 0.2);
  --nav-dropdown-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
  --nav-dropdown-item-color: #111827;
  --nav-dropdown-item-hover-bg: rgba(212, 175, 55, 0.1);
  --nav-dropdown-item-hover-color: #d4af37;
  --nav-user-dropdown-border: #d4af37;
  --nav-user-dropdown-icon: #d4af37;
  --nav-toggler-bg: white;
  --nav-toggler-border: #d4af37;
  --nav-toggler-icon-color: #111827;
  --nav-mobile-menu-bg: white;
  --nav-button-hover-icon-color: #ffffff;
}

/* ------------------------------
   Theme: Sakura (Cherry Blossom)
   ------------------------------ */
[data-theme="sakura"],
[data-landing-theme="sakura"] {
  --admin-primary: #ff1493;
  --admin-primary-dark: #db1480;
  --admin-primary-light: #ff69b4;
  --admin-accent: #da70d6;
  
  --admin-bg: #1a0a12;
  --admin-bg-alt: #0f0508;
  --admin-surface: rgba(26, 10, 18, 0.95);
  --admin-surface-hover: rgba(40, 15, 28, 0.95);
  
  --admin-text: #fff0f5;
  --admin-text-muted: rgba(255, 240, 245, 0.7);
  --admin-text-light: rgba(255, 240, 245, 0.5);
  
  --admin-border: rgba(255, 105, 180, 0.25);
  --admin-border-light: rgba(255, 105, 180, 0.12);
  
  --admin-success: #ff69b4;
  --admin-success-bg: rgba(255, 105, 180, 0.2);
  --admin-warning: #ffd700;
  --admin-warning-bg: rgba(255, 215, 0, 0.15);
  --admin-danger: #ff1493;
  --admin-danger-bg: rgba(255, 20, 147, 0.2);
  --admin-info: #da70d6;
  --admin-info-bg: rgba(218, 112, 214, 0.2);
  
  --admin-gradient-primary: linear-gradient(135deg, #ff1493 0%, #ff69b4 35%, #da70d6 70%, #ba55d3 100%);
  --admin-gradient-hero: linear-gradient(135deg, #1a0a12 0%, #2d1020 50%, #1a0a12 100%);
  --admin-gradient-card: linear-gradient(135deg, rgba(255, 20, 147, 0.1) 0%, rgba(255, 105, 180, 0.08) 100%);
  --admin-gradient-button: linear-gradient(135deg, #ff1493 0%, #ff69b4 100%);
  
  --admin-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --admin-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --admin-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
  --admin-shadow-primary: 0 8px 30px rgba(255, 20, 147, 0.35);
  
  --admin-input-bg: rgba(255, 20, 147, 0.08);
  --admin-input-border: rgba(255, 105, 180, 0.25);
  --admin-input-focus: rgba(255, 20, 147, 0.4);
  
  --admin-modal-bg: rgba(26, 10, 18, 0.98);
  --admin-modal-header-bg: linear-gradient(135deg, rgba(255, 20, 147, 0.15) 0%, rgba(255, 105, 180, 0.1) 100%);
  
  --admin-card-bg: rgba(26, 10, 18, 0.9);
  --admin-card-border: rgba(255, 105, 180, 0.2);
  --admin-card-header-bg: linear-gradient(135deg, rgba(255, 20, 147, 0.1) 0%, rgba(255, 105, 180, 0.08) 100%);
  
  --admin-is-dark: 1;
  
  /* Navbar Theme Variables - Sakura */
  --nav-header-bg: rgba(26, 10, 18, 0.92);
  --nav-header-border: rgba(255, 105, 180, 0.20);
  --nav-header-shadow: 0 8px 40px rgba(255, 20, 147, 0.25);
  --nav-gradient-line: linear-gradient(90deg, #ff1493 0%, #ff69b4 30%, #da70d6 60%, #ba55d3 100%);
  --nav-brand-color: #ff69b4;
  --nav-brand-hover: #ff1493;
  --nav-link-color: rgba(255, 240, 245, 0.90);
  --nav-link-hover: #ff69b4;
  --nav-link-hover-bg: rgba(255, 20, 147, 0.15);
  --nav-button-bg: rgba(255, 20, 147, 0.15);
  --nav-button-border: rgba(255, 105, 180, 0.60);
  --nav-button-color: #ff69b4;
  --nav-button-hover-border: #ff1493;
  --nav-button-hover-color: #ffffff;
  --nav-button-hover-shadow: 0 8px 30px rgba(255, 20, 147, 0.40);
  --nav-button-hover-bg: linear-gradient(135deg, #ff1493 0%, #ff69b4 100%);
  --nav-dropdown-bg: rgba(26, 10, 18, 0.95);
  --nav-dropdown-border: rgba(255, 105, 180, 0.25);
  --nav-dropdown-shadow: 0 20px 60px rgba(255, 20, 147, 0.30);
  --nav-dropdown-item-color: rgba(255, 240, 245, 0.85);
  --nav-dropdown-item-hover-bg: rgba(255, 20, 147, 0.20);
  --nav-dropdown-item-hover-color: #ff69b4;
  --nav-user-dropdown-border: rgba(255, 105, 180, 0.60);
  --nav-user-dropdown-icon: #ff69b4;
  --nav-toggler-bg: rgba(255, 20, 147, 0.15);
  --nav-toggler-border: rgba(255, 105, 180, 0.50);
  --nav-toggler-icon-color: #ff69b4;
  --nav-mobile-menu-bg: rgba(26, 10, 18, 0.95);
  --nav-button-hover-icon-color: #ffffff;
}

/* Sakura Theme - Enhanced Card Effects */
[data-theme="sakura"] .survey-card,
[data-theme="sakura"] .stat-card,
[data-theme="sakura"] .quick-action-card,
[data-theme="sakura"] .profile-card,
[data-theme="sakura"] .modal-content {
  background: white !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 
    0 0 20px rgba(255, 20, 147, 0.15),
    0 8px 32px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 105, 180, 0.25) !important;
}

[data-theme="sakura"] .survey-card:hover,
[data-theme="sakura"] .stat-card:hover,
[data-theme="sakura"] .quick-action-card:hover {
  border-color: #ff1493 !important;
  box-shadow: 
    0 0 40px rgba(255, 20, 147, 0.3),
    0 12px 48px rgba(0, 0, 0, 0.2);
  transform: translateY(-4px);
}

/* Sakura Theme - DARK TEXT on light cards for readability */
[data-theme="sakura"] .stat-value,
[data-theme="sakura"] .quick-action-title,
[data-theme="sakura"] .survey-card-title,
[data-theme="sakura"] .survey-stat-value,
[data-theme="sakura"] .modal-title,
[data-theme="sakura"] .empty-state-title {
  color: #1a0a12 !important;
}

[data-theme="sakura"] .stat-label,
[data-theme="sakura"] .quick-action-description,
[data-theme="sakura"] .survey-card-description,
[data-theme="sakura"] .survey-stat-label,
[data-theme="sakura"] .empty-state-description {
  color: #8b3a62 !important;
}

[data-theme="sakura"] .stat-trend {
  color: #ff1493 !important;
  background: rgba(255, 20, 147, 0.12) !important;
}

/* Sakura Theme - Button Enhancements */
[data-theme="sakura"] .btn-primary,
[data-theme="sakura"] .survey-action-btn {
  background: linear-gradient(135deg, #ff1493 0%, #ff69b4 100%) !important;
  border: none !important;
  color: white !important;
  box-shadow: 
    0 4px 15px rgba(255, 20, 147, 0.3),
    0 0 20px rgba(255, 105, 180, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="sakura"] .btn-primary:hover,
[data-theme="sakura"] .survey-action-btn:hover {
  box-shadow: 
    0 6px 25px rgba(255, 20, 147, 0.5),
    0 0 40px rgba(255, 105, 180, 0.3);
  transform: translateY(-2px);
}

/* Sakura Theme - Stat Cards with Pink Glow */
[data-theme="sakura"] .stat-icon {
  background: linear-gradient(135deg, #ff1493 0%, #ff69b4 100%) !important;
  box-shadow: 
    0 8px 30px rgba(255, 20, 147, 0.4),
    0 0 40px rgba(255, 105, 180, 0.3);
  animation: sakuraPulse 3s ease-in-out infinite;
}

@keyframes sakuraPulse {
  0%, 100% {
    box-shadow: 
      0 8px 30px rgba(255, 20, 147, 0.4),
      0 0 40px rgba(255, 105, 180, 0.3);
  }
  50% {
    box-shadow: 
      0 8px 40px rgba(255, 20, 147, 0.6),
      0 0 60px rgba(255, 105, 180, 0.4);
  }
}

/* Sakura Theme - Input Fields with Pink Glow */
[data-theme="sakura"] .form-control,
[data-theme="sakura"] .form-control-modern,
[data-theme="sakura"] .form-select {
  background: white !important;
  border: 1px solid rgba(255, 105, 180, 0.25) !important;
  color: #1a0a12 !important;
  transition: all 0.3s ease;
}

[data-theme="sakura"] .form-control:focus,
[data-theme="sakura"] .form-control-modern:focus,
[data-theme="sakura"] .form-select:focus {
  background: white !important;
  border-color: #ff1493 !important;
  box-shadow: 
    0 0 0 4px rgba(255, 20, 147, 0.2),
    0 0 20px rgba(255, 105, 180, 0.2);
}

/* Sakura Theme - Badge Enhancements */
[data-theme="sakura"] .badge-success {
  background: linear-gradient(135deg, #ff1493 0%, #ff69b4 100%) !important;
  box-shadow: 0 2px 10px rgba(255, 20, 147, 0.3);
}

[data-theme="sakura"] .badge-secondary {
  background: rgba(139, 58, 98, 0.3) !important;
  border: 1px solid rgba(139, 58, 98, 0.5);
  color: #8b3a62 !important;
}

/* Sakura Theme - Dashboard Hero Section */
[data-theme="sakura"] .dashboard-hero,
[data-theme="sakura"] .page-hero {
  background: linear-gradient(135deg, #1a0a12 0%, #2d1020 50%, #1a0a12 100%) !important;
  position: relative;
  overflow: hidden;
}

[data-theme="sakura"] .dashboard-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(ellipse at 20% 30%, rgba(255, 20, 147, 0.15), transparent 50%),
    radial-gradient(ellipse at 80% 70%, rgba(255, 105, 180, 0.12), transparent 50%);
  pointer-events: none;
  z-index: 1;
}

[data-theme="sakura"] .hero-title,
[data-theme="sakura"] .page-title {
  color: white !important;
  text-shadow: 
    0 0 30px rgba(255, 20, 147, 0.5),
    0 0 60px rgba(255, 105, 180, 0.3);
}

[data-theme="sakura"] .hero-title .highlight {
  background: linear-gradient(135deg, #ff1493 0%, #ff69b4 50%, #ffb6c1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 20px rgba(255, 20, 147, 0.5));
}

/* Sakura Theme - Section headers use white on dark background */
[data-theme="sakura"] .section-title {
  color: #fff0f5 !important;
}

[data-theme="sakura"] .section-title i {
  color: #ff1493 !important;
  filter: drop-shadow(0 0 15px rgba(255, 20, 147, 0.5));
}

[data-theme="sakura"] .section-subtitle {
  color: rgba(255, 240, 245, 0.75) !important;
}

/* Sakura Theme - Empty State */
[data-theme="sakura"] .empty-state-icon {
  color: #ff1493 !important;
  filter: drop-shadow(0 0 20px rgba(255, 20, 147, 0.4));
}

/* Sakura Theme - Filter Buttons */
[data-theme="sakura"] .filter-btn {
  background: white !important;
  border-color: rgba(255, 105, 180, 0.3) !important;
  color: #8b3a62 !important;
}

[data-theme="sakura"] .filter-btn:hover {
  border-color: #ff1493 !important;
  color: #ff1493 !important;
  background: rgba(255, 20, 147, 0.05) !important;
}

[data-theme="sakura"] .filter-btn.active {
  background: linear-gradient(135deg, #ff1493 0%, #ff69b4 100%) !important;
  border-color: transparent !important;
  color: white !important;
  box-shadow: 0 4px 15px rgba(255, 20, 147, 0.3);
}

/* Sakura Theme - Alert Success */
[data-theme="sakura"] .alert-success {
  background: rgba(255, 105, 180, 0.15) !important;
  border-left: 4px solid #ff1493 !important;
  color: #1a0a12 !important;
  box-shadow: 0 4px 12px rgba(255, 20, 147, 0.2);
}

/* Sakura Theme - Switch Toggle */
[data-theme="sakura"] .form-check-input:checked {
  background-color: #ff1493 !important;
  border-color: #ff1493 !important;
  box-shadow: 0 0 10px rgba(255, 20, 147, 0.5);
}

/* Sakura Theme - Dropdown Menu */
[data-theme="sakura"] .dropdown-menu {
  background: white !important;
  border: 1px solid rgba(255, 105, 180, 0.25) !important;
  box-shadow: 
    0 10px 40px rgba(255, 20, 147, 0.2);
}

[data-theme="sakura"] .dropdown-item {
  color: #1a0a12 !important;
  transition: all 0.2s ease;
}

[data-theme="sakura"] .dropdown-item:hover {
  background: rgba(255, 20, 147, 0.1) !important;
  color: #ff1493 !important;
}

/* Sakura Theme - Survey Status Badge Glow */
[data-theme="sakura"] .survey-status-badge.badge-success {
  animation: sakuraBadgeGlow 2s ease-in-out infinite;
}

@keyframes sakuraBadgeGlow {
  0%, 100% {
    box-shadow: 0 2px 10px rgba(255, 20, 147, 0.3);
  }
  50% {
    box-shadow: 
      0 2px 15px rgba(255, 20, 147, 0.5),
      0 0 20px rgba(255, 105, 180, 0.3);
  }
}

/* Sakura Theme - Create Survey Button */
[data-theme="sakura"] .btn-create-survey {
  background: linear-gradient(135deg, #ff1493 0%, #ff69b4 100%) !important;
  border: 2px solid rgba(255, 105, 180, 0.3) !important;
  color: white !important;
  box-shadow: 
    0 8px 30px rgba(255, 20, 147, 0.4);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="sakura"] .btn-create-survey:hover {
  box-shadow: 
    0 12px 50px rgba(255, 20, 147, 0.6);
  transform: translateY(-4px) scale(1.02);
  border-color: #ff1493 !important;
}

/* Sakura Theme - Scrollbar */
[data-theme="sakura"] ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

[data-theme="sakura"] ::-webkit-scrollbar-track {
  background: rgba(255, 240, 245, 0.3);
  border-radius: 6px;
}

[data-theme="sakura"] ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ff1493 0%, #ff69b4 100%);
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(255, 20, 147, 0.3);
}

[data-theme="sakura"] ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #ff69b4 0%, #ff1493 100%);
  box-shadow: 0 0 15px rgba(255, 20, 147, 0.5);
}

/* Sakura Theme - Toast Notifications */
[data-theme="sakura"] .toast {
  background: white !important;
  border: 1px solid rgba(255, 105, 180, 0.3);
  box-shadow: 0 8px 30px rgba(255, 20, 147, 0.2);
}

[data-theme="sakura"] .toast.bg-success {
  background: linear-gradient(135deg, #ff1493, #ff69b4) !important;
  border-color: #ff1493;
}

/* Sakura Theme - Card Headers */
[data-theme="sakura"] .survey-card-header {
  background: linear-gradient(135deg, #fff0f5 0%, #ffe4ec 100%) !important;
  border-bottom: 1px solid rgba(255, 105, 180, 0.2) !important;
}

[data-theme="sakura"] .survey-card-footer {
  background: #fff0f5 !important;
  border-top: 1px solid rgba(255, 105, 180, 0.2) !important;
}

/* Sakura Theme - Survey Stats Box */
[data-theme="sakura"] .survey-stats {
  background: #fff0f5 !important;
  border: 1px solid rgba(255, 105, 180, 0.2) !important;
}

[data-theme="sakura"] .survey-stat-icon {
  background: white !important;
  color: #ff1493 !important;
  border: 1px solid rgba(255, 105, 180, 0.2) !important;
}

/* Sakura Theme - Modal Styling */
[data-theme="sakura"] .modal-header {
  background: linear-gradient(135deg, #fff0f5 0%, #ffe4ec 100%) !important;
  border-bottom: 1px solid rgba(255, 105, 180, 0.2) !important;
}

[data-theme="sakura"] .modal-body {
  background: white !important;
  color: #1a0a12 !important;
}

[data-theme="sakura"] .modal-footer {
  background: #fff0f5 !important;
  border-top: 1px solid rgba(255, 105, 180, 0.2) !important;
}

/* Sakura Theme - Quick Action Icon */
[data-theme="sakura"] .quick-action-icon {
  background: linear-gradient(135deg, #ff1493 0%, #ff69b4 100%) !important;
  color: white !important;
  box-shadow: 0 8px 25px rgba(255, 20, 147, 0.4) !important;
}

[data-theme="sakura"] .quick-action-arrow {
  color: #ff1493 !important;
}

/* ------------------------------
   Theme: Forest (Fresh & Green)
   ------------------------------ */
[data-theme="forest"],
[data-landing-theme="forest"] {
  --admin-primary: #16a34a;
  --admin-primary-dark: #15803d;
  --admin-primary-light: #84cc16;
  --admin-accent: #14532d;
  
  --admin-bg: #f0fdf4;
  --admin-bg-alt: #dcfce7;
  --admin-surface: #ffffff;
  --admin-surface-hover: #f0fdf4;
  
  --admin-text: #052e16;
  --admin-text-muted: rgba(5, 46, 22, 0.65);
  --admin-text-light: rgba(5, 46, 22, 0.45);
  
  --admin-border: rgba(22, 163, 74, 0.2);
  --admin-border-light: rgba(22, 163, 74, 0.1);
  
  --admin-success: #22c55e;
  --admin-success-bg: rgba(34, 197, 94, 0.12);
  --admin-warning: #eab308;
  --admin-warning-bg: rgba(234, 179, 8, 0.12);
  --admin-danger: #dc2626;
  --admin-danger-bg: rgba(220, 38, 38, 0.12);
  --admin-info: #84cc16;
  --admin-info-bg: rgba(132, 204, 22, 0.15);
  
  --admin-gradient-primary: linear-gradient(135deg, #16a34a 0%, #84cc16 55%, #14532d 100%);
  --admin-gradient-hero: linear-gradient(135deg, #16a34a 0%, #22c55e 50%, #84cc16 100%);
  --admin-gradient-card: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  --admin-gradient-button: linear-gradient(135deg, #16a34a 0%, #84cc16 100%);
  
  --admin-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --admin-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --admin-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --admin-shadow-primary: 0 8px 30px rgba(22, 163, 74, 0.3);
  
  --admin-input-bg: #f0fdf4;
  --admin-input-border: rgba(22, 163, 74, 0.25);
  --admin-input-focus: rgba(22, 163, 74, 0.3);
  
  --admin-modal-bg: #ffffff;
  --admin-modal-header-bg: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  
  --admin-card-bg: #ffffff;
  --admin-card-border: rgba(22, 163, 74, 0.15);
  --admin-card-header-bg: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  
  --admin-is-dark: 0;
  
  /* Navbar Theme Variables - Forest */
  --nav-header-bg: rgba(255, 255, 255, 0.95);
  --nav-header-border: rgba(22, 163, 74, 0.15);
  --nav-header-shadow: 0 4px 30px rgba(22, 163, 74, 0.12);
  --nav-gradient-line: linear-gradient(135deg, #16a34a 0%, #22c55e 35%, #84cc16 70%, #a3e635 100%);
  --nav-brand-color: #16a34a;
  --nav-brand-hover: #15803d;
  --nav-link-color: #052e16;
  --nav-link-hover: #16a34a;
  --nav-link-hover-bg: rgba(22, 163, 74, 0.08);
  --nav-button-bg: white;
  --nav-button-border: #16a34a;
  --nav-button-color: #16a34a;
  --nav-button-hover-border: #15803d;
  --nav-button-hover-color: #ffffff;
  --nav-button-hover-shadow: 0 8px 25px rgba(22, 163, 74, 0.35);
  --nav-button-hover-bg: linear-gradient(135deg, #16a34a 0%, #84cc16 100%);
  --nav-dropdown-bg: white;
  --nav-dropdown-border: rgba(22, 163, 74, 0.2);
  --nav-dropdown-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
  --nav-dropdown-item-color: #052e16;
  --nav-dropdown-item-hover-bg: rgba(22, 163, 74, 0.1);
  --nav-dropdown-item-hover-color: #16a34a;
  --nav-user-dropdown-border: #16a34a;
  --nav-user-dropdown-icon: #16a34a;
  --nav-toggler-bg: white;
  --nav-toggler-border: #16a34a;
  --nav-toggler-icon-color: #052e16;
  --nav-mobile-menu-bg: white;
  --nav-button-hover-icon-color: #ffffff;
}