/* ============================================
   PharmaERP - 20 Themes Collection
   10 Light Themes + 10 Medium-Dark Themes
   Each theme overrides CSS custom properties
   ============================================ */

/* ============================================
   LIGHT THEMES (1-10) - Bright & Vibrant Sidebars
   ============================================ */

/* --- L1. Lemon Green (Light) --- */
[data-theme="lemon-green"] {
  --primary-50: #f0fdf4; --primary-100: #dcfce7; --primary-200: #bbf7d0; --primary-300: #86efac;
  --primary-400: #4ade80; --primary-500: #22c55e; --primary-600: #16a34a; --primary-700: #15803d;
  --primary-800: #166534; --primary-900: #14532d;
  --primary: #16a34a; --primary-light: #22c55e; --primary-dark: #15803d;
  --primary-gradient: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #15803d 0%, #16a34a 50%, #4ade80 100%);
  --accent: #f59e0b; --accent-light: #fbbf24; --accent-dark: #d97706;
  --gradient-sidebar: linear-gradient(180deg, #fefce8 0%, #fef9c3 50%, #fde68a 100%);
  --gradient-page-bg: linear-gradient(180deg, #fafff5 0%, #f0fdf4 50%, #dcfce7 100%);
  --gradient-table-header: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
  --bg-sidebar-hover: rgba(22,163,74,0.10); --bg-sidebar-active: rgba(22,163,74,0.16);
  --text-sidebar: #15803d; --text-sidebar-active: #166534;
  --text-link: #16a34a; --text-link-hover: #15803d; --border-focus: #16a34a;
  --shadow-primary: 0 4px 15px rgba(22,163,74,0.25), 0 2px 6px rgba(22,163,74,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(22,163,74,0.3), 0 4px 10px rgba(22,163,74,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(22,163,74,0.08);
  --shadow-card-hover: 0 8px 24px rgba(22,163,74,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(22,163,74,0.12);
  --shadow-glow-primary: 0 0 20px rgba(22,163,74,0.25);
  --table-row-hover: rgba(22,163,74,0.04); --table-stripe: rgba(22,163,74,0.02);
  --section-color-1: #16a34a; --section-color-2: #d97706; --section-color-3: #22c55e; --section-color-4: #15803d;
}
[data-theme="lemon-green"] .sidebar { border-right-color: rgba(22,163,74,0.12); box-shadow: 2px 0 20px rgba(254,252,232,0.4); }
[data-theme="lemon-green"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(22,163,74,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(245,158,11,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(22,163,74,0.03) 0%, transparent 70%); }
[data-theme="lemon-green"] .sidebar-brand { background: rgba(254,249,195,0.6); border-bottom-color: rgba(22,163,74,0.1); }
[data-theme="lemon-green"] .sidebar-brand-icon { background: linear-gradient(135deg, #16a34a 0%, #22c55e 50%, #4ade80 100%); box-shadow: 0 4px 14px rgba(22,163,74,0.35); }
[data-theme="lemon-green"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #16a34a 0%, #15803d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="lemon-green"] .sidebar-user-avatar { background: linear-gradient(135deg, #16a34a 0%, #22c55e 50%, #4ade80 100%); box-shadow: 0 3px 10px rgba(22,163,74,0.35); }
[data-theme="lemon-green"] .sidebar-footer { border-top-color: rgba(22,163,74,0.1); background: rgba(254,249,195,0.5); }
[data-theme="lemon-green"] .sidebar-footer .dropdown-item:hover { background: rgba(22,163,74,0.08); }
[data-theme="lemon-green"] .sidebar-user:hover { background: rgba(22,163,74,0.08); }
[data-theme="lemon-green"] .nav-item-link.active { color: #166534; background: rgba(22,163,74,0.12); border-left: 3px solid #16a34a; }

/* --- L2. Royal Indigo (Light) --- */
[data-theme="royal-indigo"] {
  --primary-50: #eef2ff; --primary-100: #e0e7ff; --primary-200: #c7d2fe; --primary-300: #a5b4fc;
  --primary-400: #818cf8; --primary-500: #6366f1; --primary-600: #4f46e5; --primary-700: #4338ca;
  --primary-800: #3730a3; --primary-900: #312e81;
  --primary: #4f46e5; --primary-light: #6366f1; --primary-dark: #4338ca;
  --primary-gradient: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #4338ca 0%, #4f46e5 50%, #818cf8 100%);
  --accent: #f472b6; --accent-light: #f9a8d4; --accent-dark: #ec4899;
  --gradient-sidebar: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 50%, #c7d2fe 100%);
  --gradient-page-bg: linear-gradient(180deg, #f8f7ff 0%, #eef2ff 50%, #e0e7ff 100%);
  --gradient-table-header: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
  --bg-sidebar-hover: rgba(79,70,229,0.10); --bg-sidebar-active: rgba(79,70,229,0.16);
  --text-sidebar: #4338ca; --text-sidebar-active: #3730a3;
  --text-link: #4f46e5; --text-link-hover: #4338ca; --border-focus: #4f46e5;
  --shadow-primary: 0 4px 15px rgba(79,70,229,0.25), 0 2px 6px rgba(79,70,229,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(79,70,229,0.3), 0 4px 10px rgba(79,70,229,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(79,70,229,0.08);
  --shadow-card-hover: 0 8px 24px rgba(79,70,229,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(79,70,229,0.12);
  --shadow-glow-primary: 0 0 20px rgba(79,70,229,0.25);
  --table-row-hover: rgba(79,70,229,0.04); --table-stripe: rgba(79,70,229,0.02);
  --section-color-1: #4f46e5; --section-color-2: #ec4899; --section-color-3: #6366f1; --section-color-4: #4338ca;
}
[data-theme="royal-indigo"] .sidebar { border-right-color: rgba(79,70,229,0.12); box-shadow: 2px 0 20px rgba(238,242,255,0.4); }
[data-theme="royal-indigo"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(79,70,229,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(244,114,182,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(79,70,229,0.03) 0%, transparent 70%); }
[data-theme="royal-indigo"] .sidebar-brand { background: rgba(224,231,255,0.6); border-bottom-color: rgba(79,70,229,0.1); }
[data-theme="royal-indigo"] .sidebar-brand-icon { background: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #818cf8 100%); box-shadow: 0 4px 14px rgba(79,70,229,0.35); }
[data-theme="royal-indigo"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="royal-indigo"] .sidebar-user-avatar { background: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #818cf8 100%); box-shadow: 0 3px 10px rgba(79,70,229,0.35); }
[data-theme="royal-indigo"] .sidebar-footer { border-top-color: rgba(79,70,229,0.1); background: rgba(224,231,255,0.5); }
[data-theme="royal-indigo"] .sidebar-footer .dropdown-item:hover { background: rgba(79,70,229,0.08); }
[data-theme="royal-indigo"] .sidebar-user:hover { background: rgba(79,70,229,0.08); }
[data-theme="royal-indigo"] .nav-item-link.active { color: #3730a3; background: rgba(79,70,229,0.12); border-left: 3px solid #4f46e5; }

/* --- L3. Ocean Teal (Light) --- */
[data-theme="ocean-teal"] {
  --primary-50: #f0fdfa; --primary-100: #ccfbf1; --primary-200: #99f6e4; --primary-300: #5eead4;
  --primary-400: #2dd4bf; --primary-500: #14b8a6; --primary-600: #0d9488; --primary-700: #0f766e;
  --primary-800: #115e59; --primary-900: #134e4a;
  --primary: #0d9488; --primary-light: #14b8a6; --primary-dark: #0f766e;
  --primary-gradient: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #2dd4bf 100%);
  --accent: #06b6d4; --accent-light: #22d3ee; --accent-dark: #0891b2;
  --gradient-sidebar: linear-gradient(180deg, #f0fdfa 0%, #ccfbf1 50%, #99f6e4 100%);
  --gradient-page-bg: linear-gradient(180deg, #f5fffd 0%, #f0fdfa 50%, #ccfbf1 100%);
  --gradient-table-header: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);
  --bg-sidebar-hover: rgba(13,148,136,0.10); --bg-sidebar-active: rgba(13,148,136,0.16);
  --text-sidebar: #0f766e; --text-sidebar-active: #115e59;
  --text-link: #0d9488; --text-link-hover: #0f766e; --border-focus: #0d9488;
  --shadow-primary: 0 4px 15px rgba(13,148,136,0.25), 0 2px 6px rgba(13,148,136,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(13,148,136,0.3), 0 4px 10px rgba(13,148,136,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(13,148,136,0.08);
  --shadow-card-hover: 0 8px 24px rgba(13,148,136,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(13,148,136,0.12);
  --shadow-glow-primary: 0 0 20px rgba(13,148,136,0.25);
  --table-row-hover: rgba(13,148,136,0.04); --table-stripe: rgba(13,148,136,0.02);
  --section-color-1: #0d9488; --section-color-2: #0891b2; --section-color-3: #14b8a6; --section-color-4: #0f766e;
}
[data-theme="ocean-teal"] .sidebar { border-right-color: rgba(13,148,136,0.12); box-shadow: 2px 0 20px rgba(240,253,250,0.4); }
[data-theme="ocean-teal"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(13,148,136,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(6,182,212,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(13,148,136,0.03) 0%, transparent 70%); }
[data-theme="ocean-teal"] .sidebar-brand { background: rgba(204,251,241,0.6); border-bottom-color: rgba(13,148,136,0.1); }
[data-theme="ocean-teal"] .sidebar-brand-icon { background: linear-gradient(135deg, #0d9488 0%, #14b8a6 50%, #2dd4bf 100%); box-shadow: 0 4px 14px rgba(13,148,136,0.35); }
[data-theme="ocean-teal"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="ocean-teal"] .sidebar-user-avatar { background: linear-gradient(135deg, #0d9488 0%, #14b8a6 50%, #2dd4bf 100%); box-shadow: 0 3px 10px rgba(13,148,136,0.35); }
[data-theme="ocean-teal"] .sidebar-footer { border-top-color: rgba(13,148,136,0.1); background: rgba(204,251,241,0.5); }
[data-theme="ocean-teal"] .sidebar-footer .dropdown-item:hover { background: rgba(13,148,136,0.08); }
[data-theme="ocean-teal"] .sidebar-user:hover { background: rgba(13,148,136,0.08); }
[data-theme="ocean-teal"] .nav-item-link.active { color: #115e59; background: rgba(13,148,136,0.12); border-left: 3px solid #0d9488; }

/* --- L4. Sunset Orange (Light) --- */
[data-theme="sunset-orange"] {
  --primary-50: #fff7ed; --primary-100: #ffedd5; --primary-200: #fed7aa; --primary-300: #fdba74;
  --primary-400: #fb923c; --primary-500: #f97316; --primary-600: #ea580c; --primary-700: #c2410c;
  --primary-800: #9a3412; --primary-900: #7c2d12;
  --primary: #ea580c; --primary-light: #f97316; --primary-dark: #c2410c;
  --primary-gradient: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #c2410c 0%, #ea580c 50%, #fb923c 100%);
  --accent: #f59e0b; --accent-light: #fbbf24; --accent-dark: #d97706;
  --gradient-sidebar: linear-gradient(180deg, #fff7ed 0%, #ffedd5 50%, #fed7aa 100%);
  --gradient-page-bg: linear-gradient(180deg, #fffcf5 0%, #fff7ed 50%, #ffedd5 100%);
  --gradient-table-header: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
  --bg-sidebar-hover: rgba(234,88,12,0.10); --bg-sidebar-active: rgba(234,88,12,0.16);
  --text-sidebar: #c2410c; --text-sidebar-active: #9a3412;
  --text-link: #ea580c; --text-link-hover: #c2410c; --border-focus: #ea580c;
  --shadow-primary: 0 4px 15px rgba(234,88,12,0.25), 0 2px 6px rgba(234,88,12,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(234,88,12,0.3), 0 4px 10px rgba(234,88,12,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(234,88,12,0.08);
  --shadow-card-hover: 0 8px 24px rgba(234,88,12,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(234,88,12,0.12);
  --shadow-glow-primary: 0 0 20px rgba(234,88,12,0.25);
  --table-row-hover: rgba(234,88,12,0.04); --table-stripe: rgba(234,88,12,0.02);
  --section-color-1: #ea580c; --section-color-2: #d97706; --section-color-3: #f97316; --section-color-4: #c2410c;
}
[data-theme="sunset-orange"] .sidebar { border-right-color: rgba(234,88,12,0.12); box-shadow: 2px 0 20px rgba(255,247,237,0.4); }
[data-theme="sunset-orange"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(234,88,12,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(245,158,11,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(234,88,12,0.03) 0%, transparent 70%); }
[data-theme="sunset-orange"] .sidebar-brand { background: rgba(255,237,213,0.6); border-bottom-color: rgba(234,88,12,0.1); }
[data-theme="sunset-orange"] .sidebar-brand-icon { background: linear-gradient(135deg, #ea580c 0%, #f97316 50%, #fb923c 100%); box-shadow: 0 4px 14px rgba(234,88,12,0.35); }
[data-theme="sunset-orange"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="sunset-orange"] .sidebar-user-avatar { background: linear-gradient(135deg, #ea580c 0%, #f97316 50%, #fb923c 100%); box-shadow: 0 3px 10px rgba(234,88,12,0.35); }
[data-theme="sunset-orange"] .sidebar-footer { border-top-color: rgba(234,88,12,0.1); background: rgba(255,237,213,0.5); }
[data-theme="sunset-orange"] .sidebar-footer .dropdown-item:hover { background: rgba(234,88,12,0.08); }
[data-theme="sunset-orange"] .sidebar-user:hover { background: rgba(234,88,12,0.08); }
[data-theme="sunset-orange"] .nav-item-link.active { color: #9a3412; background: rgba(234,88,12,0.12); border-left: 3px solid #ea580c; }

/* --- L5. Rose Pink (Light) --- */
[data-theme="rose-pink"] {
  --primary-50: #fff1f2; --primary-100: #ffe4e6; --primary-200: #fecdd3; --primary-300: #fda4af;
  --primary-400: #fb7185; --primary-500: #f43f5e; --primary-600: #e11d48; --primary-700: #be123c;
  --primary-800: #9f1239; --primary-900: #881337;
  --primary: #e11d48; --primary-light: #f43f5e; --primary-dark: #be123c;
  --primary-gradient: linear-gradient(135deg, #e11d48 0%, #f43f5e 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #be123c 0%, #e11d48 50%, #fb7185 100%);
  --accent: #ec4899; --accent-light: #f472b6; --accent-dark: #db2777;
  --gradient-sidebar: linear-gradient(180deg, #fff1f2 0%, #ffe4e6 50%, #fecdd3 100%);
  --gradient-page-bg: linear-gradient(180deg, #fffbfb 0%, #fff1f2 50%, #ffe4e6 100%);
  --gradient-table-header: linear-gradient(135deg, #e11d48 0%, #f43f5e 100%);
  --bg-sidebar-hover: rgba(225,29,72,0.10); --bg-sidebar-active: rgba(225,29,72,0.16);
  --text-sidebar: #be123c; --text-sidebar-active: #9f1239;
  --text-link: #e11d48; --text-link-hover: #be123c; --border-focus: #e11d48;
  --shadow-primary: 0 4px 15px rgba(225,29,72,0.25), 0 2px 6px rgba(225,29,72,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(225,29,72,0.3), 0 4px 10px rgba(225,29,72,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(225,29,72,0.08);
  --shadow-card-hover: 0 8px 24px rgba(225,29,72,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(225,29,72,0.12);
  --shadow-glow-primary: 0 0 20px rgba(225,29,72,0.25);
  --table-row-hover: rgba(225,29,72,0.04); --table-stripe: rgba(225,29,72,0.02);
  --section-color-1: #e11d48; --section-color-2: #db2777; --section-color-3: #f43f5e; --section-color-4: #be123c;
}
[data-theme="rose-pink"] .sidebar { border-right-color: rgba(225,29,72,0.12); box-shadow: 2px 0 20px rgba(255,241,242,0.4); }
[data-theme="rose-pink"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(225,29,72,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(236,72,153,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(225,29,72,0.03) 0%, transparent 70%); }
[data-theme="rose-pink"] .sidebar-brand { background: rgba(255,228,230,0.6); border-bottom-color: rgba(225,29,72,0.1); }
[data-theme="rose-pink"] .sidebar-brand-icon { background: linear-gradient(135deg, #e11d48 0%, #f43f5e 50%, #fb7185 100%); box-shadow: 0 4px 14px rgba(225,29,72,0.35); }
[data-theme="rose-pink"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #e11d48 0%, #be123c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="rose-pink"] .sidebar-user-avatar { background: linear-gradient(135deg, #e11d48 0%, #f43f5e 50%, #fb7185 100%); box-shadow: 0 3px 10px rgba(225,29,72,0.35); }
[data-theme="rose-pink"] .sidebar-footer { border-top-color: rgba(225,29,72,0.1); background: rgba(255,228,230,0.5); }
[data-theme="rose-pink"] .sidebar-footer .dropdown-item:hover { background: rgba(225,29,72,0.08); }
[data-theme="rose-pink"] .sidebar-user:hover { background: rgba(225,29,72,0.08); }
[data-theme="rose-pink"] .nav-item-link.active { color: #9f1239; background: rgba(225,29,72,0.12); border-left: 3px solid #e11d48; }

/* --- L6. Sky Blue (Light) --- */
[data-theme="sky-blue"] {
  --primary-50: #f0f9ff; --primary-100: #e0f2fe; --primary-200: #bae6fd; --primary-300: #7dd3fc;
  --primary-400: #38bdf8; --primary-500: #0ea5e9; --primary-600: #0284c7; --primary-700: #0369a1;
  --primary-800: #075985; --primary-900: #0c4a6e;
  --primary: #0284c7; --primary-light: #0ea5e9; --primary-dark: #0369a1;
  --primary-gradient: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #0369a1 0%, #0284c7 50%, #38bdf8 100%);
  --accent: #06b6d4; --accent-light: #22d3ee; --accent-dark: #0891b2;
  --gradient-sidebar: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 50%, #bae6fd 100%);
  --gradient-page-bg: linear-gradient(180deg, #f8fcff 0%, #f0f9ff 50%, #e0f2fe 100%);
  --gradient-table-header: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%);
  --bg-sidebar-hover: rgba(2,132,199,0.10); --bg-sidebar-active: rgba(2,132,199,0.16);
  --text-sidebar: #0369a1; --text-sidebar-active: #075985;
  --text-link: #0284c7; --text-link-hover: #0369a1; --border-focus: #0284c7;
  --shadow-primary: 0 4px 15px rgba(2,132,199,0.25), 0 2px 6px rgba(2,132,199,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(2,132,199,0.3), 0 4px 10px rgba(2,132,199,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(2,132,199,0.08);
  --shadow-card-hover: 0 8px 24px rgba(2,132,199,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(2,132,199,0.12);
  --shadow-glow-primary: 0 0 20px rgba(2,132,199,0.25);
  --table-row-hover: rgba(2,132,199,0.04); --table-stripe: rgba(2,132,199,0.02);
  --section-color-1: #0284c7; --section-color-2: #0891b2; --section-color-3: #0ea5e9; --section-color-4: #0369a1;
}
[data-theme="sky-blue"] .sidebar { border-right-color: rgba(2,132,199,0.12); box-shadow: 2px 0 20px rgba(240,249,255,0.4); }
[data-theme="sky-blue"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(2,132,199,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(6,182,212,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(2,132,199,0.03) 0%, transparent 70%); }
[data-theme="sky-blue"] .sidebar-brand { background: rgba(224,242,254,0.6); border-bottom-color: rgba(2,132,199,0.1); }
[data-theme="sky-blue"] .sidebar-brand-icon { background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 50%, #38bdf8 100%); box-shadow: 0 4px 14px rgba(2,132,199,0.35); }
[data-theme="sky-blue"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="sky-blue"] .sidebar-user-avatar { background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 50%, #38bdf8 100%); box-shadow: 0 3px 10px rgba(2,132,199,0.35); }
[data-theme="sky-blue"] .sidebar-footer { border-top-color: rgba(2,132,199,0.1); background: rgba(224,242,254,0.5); }
[data-theme="sky-blue"] .sidebar-footer .dropdown-item:hover { background: rgba(2,132,199,0.08); }
[data-theme="sky-blue"] .sidebar-user:hover { background: rgba(2,132,199,0.08); }
[data-theme="sky-blue"] .nav-item-link.active { color: #075985; background: rgba(2,132,199,0.12); border-left: 3px solid #0284c7; }

/* --- L7. Violet Purple (Light) --- */
[data-theme="violet-purple"] {
  --primary-50: #faf5ff; --primary-100: #f3e8ff; --primary-200: #e9d5ff; --primary-300: #d8b4fe;
  --primary-400: #c084fc; --primary-500: #a855f7; --primary-600: #9333ea; --primary-700: #7e22ce;
  --primary-800: #6b21a8; --primary-900: #581c87;
  --primary: #9333ea; --primary-light: #a855f7; --primary-dark: #7e22ce;
  --primary-gradient: linear-gradient(135deg, #9333ea 0%, #a855f7 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #7e22ce 0%, #9333ea 50%, #c084fc 100%);
  --accent: #d946ef; --accent-light: #e879f9; --accent-dark: #c026d3;
  --gradient-sidebar: linear-gradient(180deg, #faf5ff 0%, #f3e8ff 50%, #e9d5ff 100%);
  --gradient-page-bg: linear-gradient(180deg, #fdfaff 0%, #faf5ff 50%, #f3e8ff 100%);
  --gradient-table-header: linear-gradient(135deg, #9333ea 0%, #a855f7 100%);
  --bg-sidebar-hover: rgba(147,51,234,0.10); --bg-sidebar-active: rgba(147,51,234,0.16);
  --text-sidebar: #7e22ce; --text-sidebar-active: #6b21a8;
  --text-link: #9333ea; --text-link-hover: #7e22ce; --border-focus: #9333ea;
  --shadow-primary: 0 4px 15px rgba(147,51,234,0.25), 0 2px 6px rgba(147,51,234,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(147,51,234,0.3), 0 4px 10px rgba(147,51,234,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(147,51,234,0.08);
  --shadow-card-hover: 0 8px 24px rgba(147,51,234,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(147,51,234,0.12);
  --shadow-glow-primary: 0 0 20px rgba(147,51,234,0.25);
  --table-row-hover: rgba(147,51,234,0.04); --table-stripe: rgba(147,51,234,0.02);
  --section-color-1: #9333ea; --section-color-2: #c026d3; --section-color-3: #a855f7; --section-color-4: #7e22ce;
}
[data-theme="violet-purple"] .sidebar { border-right-color: rgba(147,51,234,0.12); box-shadow: 2px 0 20px rgba(250,245,255,0.4); }
[data-theme="violet-purple"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(147,51,234,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(217,70,239,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(147,51,234,0.03) 0%, transparent 70%); }
[data-theme="violet-purple"] .sidebar-brand { background: rgba(243,232,255,0.6); border-bottom-color: rgba(147,51,234,0.1); }
[data-theme="violet-purple"] .sidebar-brand-icon { background: linear-gradient(135deg, #9333ea 0%, #a855f7 50%, #c084fc 100%); box-shadow: 0 4px 14px rgba(147,51,234,0.35); }
[data-theme="violet-purple"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="violet-purple"] .sidebar-user-avatar { background: linear-gradient(135deg, #9333ea 0%, #a855f7 50%, #c084fc 100%); box-shadow: 0 3px 10px rgba(147,51,234,0.35); }
[data-theme="violet-purple"] .sidebar-footer { border-top-color: rgba(147,51,234,0.1); background: rgba(243,232,255,0.5); }
[data-theme="violet-purple"] .sidebar-footer .dropdown-item:hover { background: rgba(147,51,234,0.08); }
[data-theme="violet-purple"] .sidebar-user:hover { background: rgba(147,51,234,0.08); }
[data-theme="violet-purple"] .nav-item-link.active { color: #6b21a8; background: rgba(147,51,234,0.12); border-left: 3px solid #9333ea; }

/* --- L8. Crimson Red (Light) --- */
[data-theme="crimson-red"] {
  --primary-50: #fef2f2; --primary-100: #fee2e2; --primary-200: #fecaca; --primary-300: #fca5a5;
  --primary-400: #f87171; --primary-500: #ef4444; --primary-600: #dc2626; --primary-700: #b91c1c;
  --primary-800: #991b1b; --primary-900: #7f1d1d;
  --primary: #dc2626; --primary-light: #ef4444; --primary-dark: #b91c1c;
  --primary-gradient: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #b91c1c 0%, #dc2626 50%, #f87171 100%);
  --accent: #f97316; --accent-light: #fb923c; --accent-dark: #ea580c;
  --gradient-sidebar: linear-gradient(180deg, #fef2f2 0%, #fee2e2 50%, #fecaca 100%);
  --gradient-page-bg: linear-gradient(180deg, #fffbfb 0%, #fef2f2 50%, #fee2e2 100%);
  --gradient-table-header: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
  --bg-sidebar-hover: rgba(220,38,38,0.10); --bg-sidebar-active: rgba(220,38,38,0.16);
  --text-sidebar: #b91c1c; --text-sidebar-active: #991b1b;
  --text-link: #dc2626; --text-link-hover: #b91c1c; --border-focus: #dc2626;
  --shadow-primary: 0 4px 15px rgba(220,38,38,0.25), 0 2px 6px rgba(220,38,38,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(220,38,38,0.3), 0 4px 10px rgba(220,38,38,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(220,38,38,0.08);
  --shadow-card-hover: 0 8px 24px rgba(220,38,38,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(220,38,38,0.12);
  --shadow-glow-primary: 0 0 20px rgba(220,38,38,0.25);
  --table-row-hover: rgba(220,38,38,0.04); --table-stripe: rgba(220,38,38,0.02);
  --section-color-1: #dc2626; --section-color-2: #ea580c; --section-color-3: #ef4444; --section-color-4: #b91c1c;
}
[data-theme="crimson-red"] .sidebar { border-right-color: rgba(220,38,38,0.12); box-shadow: 2px 0 20px rgba(254,242,242,0.4); }
[data-theme="crimson-red"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(220,38,38,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(249,115,22,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(220,38,38,0.03) 0%, transparent 70%); }
[data-theme="crimson-red"] .sidebar-brand { background: rgba(254,226,226,0.6); border-bottom-color: rgba(220,38,38,0.1); }
[data-theme="crimson-red"] .sidebar-brand-icon { background: linear-gradient(135deg, #dc2626 0%, #ef4444 50%, #f87171 100%); box-shadow: 0 4px 14px rgba(220,38,38,0.35); }
[data-theme="crimson-red"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="crimson-red"] .sidebar-user-avatar { background: linear-gradient(135deg, #dc2626 0%, #ef4444 50%, #f87171 100%); box-shadow: 0 3px 10px rgba(220,38,38,0.35); }
[data-theme="crimson-red"] .sidebar-footer { border-top-color: rgba(220,38,38,0.1); background: rgba(254,226,226,0.5); }
[data-theme="crimson-red"] .sidebar-footer .dropdown-item:hover { background: rgba(220,38,38,0.08); }
[data-theme="crimson-red"] .sidebar-user:hover { background: rgba(220,38,38,0.08); }
[data-theme="crimson-red"] .nav-item-link.active { color: #991b1b; background: rgba(220,38,38,0.12); border-left: 3px solid #dc2626; }

/* --- L9. Amber Gold (Light) --- */
[data-theme="amber-gold"] {
  --primary-50: #fffbeb; --primary-100: #fef3c7; --primary-200: #fde68a; --primary-300: #fcd34d;
  --primary-400: #fbbf24; --primary-500: #f59e0b; --primary-600: #d97706; --primary-700: #b45309;
  --primary-800: #92400e; --primary-900: #78350f;
  --primary: #d97706; --primary-light: #f59e0b; --primary-dark: #b45309;
  --primary-gradient: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #b45309 0%, #d97706 50%, #fbbf24 100%);
  --accent: #16a34a; --accent-light: #22c55e; --accent-dark: #15803d;
  --gradient-sidebar: linear-gradient(180deg, #fffbeb 0%, #fef3c7 50%, #fde68a 100%);
  --gradient-page-bg: linear-gradient(180deg, #fffef5 0%, #fffbeb 50%, #fef3c7 100%);
  --gradient-table-header: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
  --bg-sidebar-hover: rgba(217,119,6,0.10); --bg-sidebar-active: rgba(217,119,6,0.16);
  --text-sidebar: #b45309; --text-sidebar-active: #92400e;
  --text-link: #d97706; --text-link-hover: #b45309; --border-focus: #d97706;
  --shadow-primary: 0 4px 15px rgba(217,119,6,0.25), 0 2px 6px rgba(217,119,6,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(217,119,6,0.3), 0 4px 10px rgba(217,119,6,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(217,119,6,0.08);
  --shadow-card-hover: 0 8px 24px rgba(217,119,6,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(217,119,6,0.12);
  --shadow-glow-primary: 0 0 20px rgba(217,119,6,0.25);
  --table-row-hover: rgba(217,119,6,0.04); --table-stripe: rgba(217,119,6,0.02);
  --section-color-1: #d97706; --section-color-2: #15803d; --section-color-3: #f59e0b; --section-color-4: #b45309;
}
[data-theme="amber-gold"] .sidebar { border-right-color: rgba(217,119,6,0.12); box-shadow: 2px 0 20px rgba(255,251,235,0.4); }
[data-theme="amber-gold"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(217,119,6,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(22,163,74,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(217,119,6,0.03) 0%, transparent 70%); }
[data-theme="amber-gold"] .sidebar-brand { background: rgba(254,243,199,0.6); border-bottom-color: rgba(217,119,6,0.1); }
[data-theme="amber-gold"] .sidebar-brand-icon { background: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #fbbf24 100%); box-shadow: 0 4px 14px rgba(217,119,6,0.35); }
[data-theme="amber-gold"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #d97706 0%, #b45309 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="amber-gold"] .sidebar-user-avatar { background: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #fbbf24 100%); box-shadow: 0 3px 10px rgba(217,119,6,0.35); }
[data-theme="amber-gold"] .sidebar-footer { border-top-color: rgba(217,119,6,0.1); background: rgba(254,243,199,0.5); }
[data-theme="amber-gold"] .sidebar-footer .dropdown-item:hover { background: rgba(217,119,6,0.08); }
[data-theme="amber-gold"] .sidebar-user:hover { background: rgba(217,119,6,0.08); }
[data-theme="amber-gold"] .nav-item-link.active { color: #92400e; background: rgba(217,119,6,0.12); border-left: 3px solid #d97706; }

/* --- L10. Slate Neutral (Light) --- */
[data-theme="slate-neutral"] {
  --primary-50: #f8fafc; --primary-100: #f1f5f9; --primary-200: #e2e8f0; --primary-300: #cbd5e1;
  --primary-400: #94a3b8; --primary-500: #64748b; --primary-600: #475569; --primary-700: #334155;
  --primary-800: #1e293b; --primary-900: #0f172a;
  --primary: #475569; --primary-light: #64748b; --primary-dark: #334155;
  --primary-gradient: linear-gradient(135deg, #475569 0%, #64748b 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #334155 0%, #475569 50%, #94a3b8 100%);
  --accent: #0ea5e9; --accent-light: #38bdf8; --accent-dark: #0284c7;
  --gradient-sidebar: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
  --gradient-page-bg: linear-gradient(180deg, #fcfcfd 0%, #f8fafc 50%, #f1f5f9 100%);
  --gradient-table-header: linear-gradient(135deg, #475569 0%, #64748b 100%);
  --bg-sidebar-hover: rgba(71,85,105,0.08); --bg-sidebar-active: rgba(71,85,105,0.14);
  --text-sidebar: #334155; --text-sidebar-active: #1e293b;
  --text-link: #475569; --text-link-hover: #334155; --border-focus: #475569;
  --shadow-primary: 0 4px 15px rgba(51,65,85,0.2), 0 2px 6px rgba(51,65,85,0.1);
  --shadow-primary-lg: 0 8px 25px rgba(51,65,85,0.25), 0 4px 10px rgba(51,65,85,0.12);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(51,65,85,0.06);
  --shadow-card-hover: 0 8px 24px rgba(51,65,85,0.12), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(51,65,85,0.10);
  --shadow-glow-primary: 0 0 20px rgba(51,65,85,0.18);
  --table-row-hover: rgba(51,65,85,0.04); --table-stripe: rgba(51,65,85,0.02);
  --section-color-1: #475569; --section-color-2: #0284c7; --section-color-3: #64748b; --section-color-4: #334155;
}
[data-theme="slate-neutral"] .sidebar { border-right-color: rgba(51,65,85,0.1); box-shadow: 2px 0 20px rgba(248,250,252,0.4); }
[data-theme="slate-neutral"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(99,102,241,0.04) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(14,165,233,0.04) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(51,65,85,0.03) 0%, transparent 70%); }
[data-theme="slate-neutral"] .sidebar-brand { background: rgba(241,245,249,0.6); border-bottom-color: rgba(51,65,85,0.08); }
[data-theme="slate-neutral"] .sidebar-brand-icon { background: linear-gradient(135deg, #3b82f6 0%, #0ea5e9 50%, #38bdf8 100%); box-shadow: 0 4px 14px rgba(14,165,233,0.35); }
[data-theme="slate-neutral"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #1e293b 0%, #334155 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="slate-neutral"] .sidebar-user-avatar { background: linear-gradient(135deg, #3b82f6 0%, #0ea5e9 50%, #38bdf8 100%); box-shadow: 0 3px 10px rgba(14,165,233,0.35); }
[data-theme="slate-neutral"] .sidebar-footer { border-top-color: rgba(51,65,85,0.08); background: rgba(241,245,249,0.5); }
[data-theme="slate-neutral"] .sidebar-footer .dropdown-item:hover { background: rgba(51,65,85,0.06); }
[data-theme="slate-neutral"] .sidebar-user:hover { background: rgba(51,65,85,0.06); }
[data-theme="slate-neutral"] .nav-item-link.active { color: #1e293b; background: rgba(51,65,85,0.10); border-left: 3px solid #475569; }



/* ============================================
   DARK THEMES (11-20) - Medium-Dark Sidebars
   ============================================ */

/* --- 1. Deep Forest (DEFAULT) --- */
[data-theme="deep-forest"] {
  --primary-50: #ecfdf5; --primary-100: #d1fae5; --primary-200: #a7f3d0; --primary-300: #6ee7b7;
  --primary-400: #34d399; --primary-500: #10b981; --primary-600: #059669; --primary-700: #047857;
  --primary-800: #065f46; --primary-900: #064e3b;
  --primary: #059669; --primary-light: #10b981; --primary-dark: #047857;
  --primary-gradient: linear-gradient(135deg, #059669 0%, #10b981 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #047857 0%, #059669 50%, #34d399 100%);
  --accent: #14b8a6; --accent-light: #2dd4bf; --accent-dark: #0d9488;
  --gradient-sidebar: linear-gradient(180deg, #1a3328 0%, #0d2318 100%);
  --gradient-page-bg: linear-gradient(180deg, #f0fdf8 0%, #ecfdf5 50%, #d1fae5 100%);
  --gradient-table-header: linear-gradient(135deg, #059669 0%, #10b981 100%);
  --bg-sidebar-hover: rgba(5,150,105,0.12); --bg-sidebar-active: rgba(5,150,105,0.18);
  --text-sidebar: #6ee7b7; --text-sidebar-active: #a7f3d0;
  --text-link: #059669; --text-link-hover: #047857; --border-focus: #059669;
  --shadow-primary: 0 4px 15px rgba(5,150,105,0.25), 0 2px 6px rgba(5,150,105,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(5,150,105,0.3), 0 4px 10px rgba(5,150,105,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(5,150,105,0.08);
  --shadow-card-hover: 0 8px 24px rgba(5,150,105,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(5,150,105,0.12);
  --shadow-glow-primary: 0 0 20px rgba(5,150,105,0.25);
  --table-row-hover: rgba(5,150,105,0.04); --table-stripe: rgba(5,150,105,0.02);
  --section-color-1: #059669; --section-color-2: #0d9488; --section-color-3: #10b981; --section-color-4: #047857;
}
[data-theme="deep-forest"] .sidebar { border-right-color: rgba(5,150,105,0.15); box-shadow: 2px 0 20px rgba(13,35,24,0.3); }
[data-theme="deep-forest"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(5,150,105,0.06) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(20,184,166,0.06) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(5,150,105,0.04) 0%, transparent 70%); }
[data-theme="deep-forest"] .sidebar-brand { background: rgba(13,35,24,0.7); border-bottom-color: rgba(5,150,105,0.12); }
[data-theme="deep-forest"] .sidebar-brand-icon { background: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%); box-shadow: 0 4px 14px rgba(5,150,105,0.4); }
[data-theme="deep-forest"] .sidebar-brand-text h1 { color: #d1fae5; }
[data-theme="deep-forest"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #34d399 0%, #10b981 50%, #6ee7b7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="deep-forest"] .sidebar-brand-text > span { color: #2d6a4f; }
[data-theme="deep-forest"] .sidebar-user-avatar { background: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%); box-shadow: 0 3px 10px rgba(5,150,105,0.4); }
[data-theme="deep-forest"] .sidebar-footer { border-top-color: rgba(5,150,105,0.12); background: rgba(13,35,24,0.6); }
[data-theme="deep-forest"] .sidebar-footer .dropdown-item:hover { background: rgba(5,150,105,0.1); color: #d1fae5; }
[data-theme="deep-forest"] .sidebar-user:hover { background: rgba(5,150,105,0.1); }
[data-theme="deep-forest"] .sidebar-user-name { color: #d1fae5; }
[data-theme="deep-forest"] .sidebar-user-role { color: #2d6a4f; }
[data-theme="deep-forest"] .company-switcher { background: rgba(13,35,24,0.6); border-color: rgba(5,150,105,0.12); }
[data-theme="deep-forest"] .company-switcher .label { color: #2d6a4f; }
[data-theme="deep-forest"] .company-switcher .name { color: #d1fae5; }
[data-theme="deep-forest"] .company-switcher .chevron { color: #2d6a4f; }
[data-theme="deep-forest"] .company-switcher .company-icon { color: #6ee7b7; background: rgba(5,150,105,0.1); }
[data-theme="deep-forest"] .sidebar-search-input { background: rgba(13,35,24,0.6); border-color: rgba(5,150,105,0.12); color: #d1fae5; }
[data-theme="deep-forest"] .sidebar-search-input::placeholder { color: #2d6a4f; }
[data-theme="deep-forest"] .nav-section-header { color: #6ee7b7; }
[data-theme="deep-forest"] .nav-section-header:hover { background: rgba(5,150,105,0.08); }
[data-theme="deep-forest"] .nav-item-link { color: #6ee7b7; }
[data-theme="deep-forest"] .nav-item-link:hover { color: #d1fae5; background: rgba(5,150,105,0.08); }
[data-theme="deep-forest"] .nav-item-link.active { color: #a7f3d0; background: rgba(5,150,105,0.15); }
[data-theme="deep-forest"] .nav-subgroup-header { color: #6ee7b7; }

/* --- 2. Midnight Indigo --- */
[data-theme="midnight-indigo"] {
  --primary-50: #eef2ff; --primary-100: #e0e7ff; --primary-200: #c7d2fe; --primary-300: #a5b4fc;
  --primary-400: #818cf8; --primary-500: #6366f1; --primary-600: #4f46e5; --primary-700: #4338ca;
  --primary-800: #3730a3; --primary-900: #312e81;
  --primary: #4f46e5; --primary-light: #6366f1; --primary-dark: #4338ca;
  --primary-gradient: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #4338ca 0%, #4f46e5 50%, #818cf8 100%);
  --accent: #a78bfa; --accent-light: #c4b5fd; --accent-dark: #8b5cf6;
  --gradient-sidebar: linear-gradient(180deg, #1e1b4b 0%, #0c0a30 100%);
  --gradient-page-bg: linear-gradient(180deg, #f5f3ff 0%, #eef2ff 50%, #e0e7ff 100%);
  --gradient-table-header: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
  --bg-sidebar-hover: rgba(79,70,229,0.12); --bg-sidebar-active: rgba(79,70,229,0.18);
  --text-sidebar: #a5b4fc; --text-sidebar-active: #c7d2fe;
  --text-link: #4f46e5; --text-link-hover: #4338ca; --border-focus: #4f46e5;
  --shadow-primary: 0 4px 15px rgba(79,70,229,0.25), 0 2px 6px rgba(79,70,229,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(79,70,229,0.3), 0 4px 10px rgba(79,70,229,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(79,70,229,0.08);
  --shadow-card-hover: 0 8px 24px rgba(79,70,229,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(79,70,229,0.12);
  --shadow-glow-primary: 0 0 20px rgba(79,70,229,0.25);
  --table-row-hover: rgba(79,70,229,0.04); --table-stripe: rgba(79,70,229,0.02);
  --section-color-1: #4f46e5; --section-color-2: #7c3aed; --section-color-3: #6366f1; --section-color-4: #4338ca;
}
[data-theme="midnight-indigo"] .sidebar { border-right-color: rgba(79,70,229,0.15); box-shadow: 2px 0 20px rgba(12,10,48,0.3); }
[data-theme="midnight-indigo"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(79,70,229,0.06) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(167,139,250,0.06) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(79,70,229,0.04) 0%, transparent 70%); }
[data-theme="midnight-indigo"] .sidebar-brand { background: rgba(12,10,48,0.7); border-bottom-color: rgba(79,70,229,0.12); }
[data-theme="midnight-indigo"] .sidebar-brand-icon { background: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #818cf8 100%); box-shadow: 0 4px 14px rgba(79,70,229,0.4); }
[data-theme="midnight-indigo"] .sidebar-brand-text h1 { color: #e0e7ff; }
[data-theme="midnight-indigo"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #818cf8 0%, #6366f1 50%, #a5b4fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="midnight-indigo"] .sidebar-brand-text > span { color: #4a46a0; }
[data-theme="midnight-indigo"] .sidebar-user-avatar { background: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #818cf8 100%); box-shadow: 0 3px 10px rgba(79,70,229,0.4); }
[data-theme="midnight-indigo"] .sidebar-footer { border-top-color: rgba(79,70,229,0.12); background: rgba(12,10,48,0.6); }
[data-theme="midnight-indigo"] .sidebar-footer .dropdown-item:hover { background: rgba(79,70,229,0.1); color: #e0e7ff; }
[data-theme="midnight-indigo"] .sidebar-user:hover { background: rgba(79,70,229,0.1); }
[data-theme="midnight-indigo"] .sidebar-user-name { color: #e0e7ff; }
[data-theme="midnight-indigo"] .sidebar-user-role { color: #4a46a0; }
[data-theme="midnight-indigo"] .company-switcher { background: rgba(12,10,48,0.6); border-color: rgba(79,70,229,0.12); }
[data-theme="midnight-indigo"] .company-switcher .label { color: #4a46a0; }
[data-theme="midnight-indigo"] .company-switcher .name { color: #e0e7ff; }
[data-theme="midnight-indigo"] .company-switcher .chevron { color: #4a46a0; }
[data-theme="midnight-indigo"] .company-switcher .company-icon { color: #a5b4fc; background: rgba(79,70,229,0.1); }
[data-theme="midnight-indigo"] .sidebar-search-input { background: rgba(12,10,48,0.6); border-color: rgba(79,70,229,0.12); color: #e0e7ff; }
[data-theme="midnight-indigo"] .sidebar-search-input::placeholder { color: #4a46a0; }
[data-theme="midnight-indigo"] .nav-section-header { color: #a5b4fc; }
[data-theme="midnight-indigo"] .nav-section-header:hover { background: rgba(79,70,229,0.08); }
[data-theme="midnight-indigo"] .nav-item-link { color: #a5b4fc; }
[data-theme="midnight-indigo"] .nav-item-link:hover { color: #e0e7ff; background: rgba(79,70,229,0.08); }
[data-theme="midnight-indigo"] .nav-item-link.active { color: #c7d2fe; background: rgba(79,70,229,0.15); }
[data-theme="midnight-indigo"] .nav-subgroup-header { color: #a5b4fc; }

/* --- 3. Dark Ocean --- */
[data-theme="dark-ocean"] {
  --primary-50: #ecfeff; --primary-100: #cffafe; --primary-200: #a5f3fc; --primary-300: #67e8f9;
  --primary-400: #22d3ee; --primary-500: #06b6d4; --primary-600: #0891b2; --primary-700: #0e7490;
  --primary-800: #155e75; --primary-900: #164e63;
  --primary: #0891b2; --primary-light: #06b6d4; --primary-dark: #0e7490;
  --primary-gradient: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #0e7490 0%, #0891b2 50%, #22d3ee 100%);
  --accent: #2dd4bf; --accent-light: #5eead4; --accent-dark: #14b8a6;
  --gradient-sidebar: linear-gradient(180deg, #0c3547 0%, #041c2a 100%);
  --gradient-page-bg: linear-gradient(180deg, #f0fdff 0%, #ecfeff 50%, #cffafe 100%);
  --gradient-table-header: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);
  --bg-sidebar-hover: rgba(8,145,178,0.12); --bg-sidebar-active: rgba(8,145,178,0.18);
  --text-sidebar: #67e8f9; --text-sidebar-active: #a5f3fc;
  --text-link: #0891b2; --text-link-hover: #0e7490; --border-focus: #0891b2;
  --shadow-primary: 0 4px 15px rgba(8,145,178,0.25), 0 2px 6px rgba(8,145,178,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(8,145,178,0.3), 0 4px 10px rgba(8,145,178,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(8,145,178,0.08);
  --shadow-card-hover: 0 8px 24px rgba(8,145,178,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(8,145,178,0.12);
  --shadow-glow-primary: 0 0 20px rgba(8,145,178,0.25);
  --table-row-hover: rgba(8,145,178,0.04); --table-stripe: rgba(8,145,178,0.02);
  --section-color-1: #0891b2; --section-color-2: #14b8a6; --section-color-3: #06b6d4; --section-color-4: #0e7490;
}
[data-theme="dark-ocean"] .sidebar { border-right-color: rgba(8,145,178,0.15); box-shadow: 2px 0 20px rgba(4,28,42,0.3); }
[data-theme="dark-ocean"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(8,145,178,0.06) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(45,212,191,0.06) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(8,145,178,0.04) 0%, transparent 70%); }
[data-theme="dark-ocean"] .sidebar-brand { background: rgba(4,28,42,0.7); border-bottom-color: rgba(8,145,178,0.12); }
[data-theme="dark-ocean"] .sidebar-brand-icon { background: linear-gradient(135deg, #0891b2 0%, #06b6d4 50%, #22d3ee 100%); box-shadow: 0 4px 14px rgba(8,145,178,0.4); }
[data-theme="dark-ocean"] .sidebar-brand-text h1 { color: #cffafe; }
[data-theme="dark-ocean"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 50%, #67e8f9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="dark-ocean"] .sidebar-brand-text > span { color: #1a5c70; }
[data-theme="dark-ocean"] .sidebar-user-avatar { background: linear-gradient(135deg, #0891b2 0%, #06b6d4 50%, #22d3ee 100%); box-shadow: 0 3px 10px rgba(8,145,178,0.4); }
[data-theme="dark-ocean"] .sidebar-footer { border-top-color: rgba(8,145,178,0.12); background: rgba(4,28,42,0.6); }
[data-theme="dark-ocean"] .sidebar-footer .dropdown-item:hover { background: rgba(8,145,178,0.1); color: #cffafe; }
[data-theme="dark-ocean"] .sidebar-user:hover { background: rgba(8,145,178,0.1); }
[data-theme="dark-ocean"] .sidebar-user-name { color: #cffafe; }
[data-theme="dark-ocean"] .sidebar-user-role { color: #1a5c70; }
[data-theme="dark-ocean"] .company-switcher { background: rgba(4,28,42,0.6); border-color: rgba(8,145,178,0.12); }
[data-theme="dark-ocean"] .company-switcher .label { color: #1a5c70; }
[data-theme="dark-ocean"] .company-switcher .name { color: #cffafe; }
[data-theme="dark-ocean"] .company-switcher .chevron { color: #1a5c70; }
[data-theme="dark-ocean"] .company-switcher .company-icon { color: #67e8f9; background: rgba(8,145,178,0.1); }
[data-theme="dark-ocean"] .sidebar-search-input { background: rgba(4,28,42,0.6); border-color: rgba(8,145,178,0.12); color: #cffafe; }
[data-theme="dark-ocean"] .sidebar-search-input::placeholder { color: #1a5c70; }
[data-theme="dark-ocean"] .nav-section-header { color: #67e8f9; }
[data-theme="dark-ocean"] .nav-section-header:hover { background: rgba(8,145,178,0.08); }
[data-theme="dark-ocean"] .nav-item-link { color: #67e8f9; }
[data-theme="dark-ocean"] .nav-item-link:hover { color: #cffafe; background: rgba(8,145,178,0.08); }
[data-theme="dark-ocean"] .nav-item-link.active { color: #a5f3fc; background: rgba(8,145,178,0.15); }
[data-theme="dark-ocean"] .nav-subgroup-header { color: #67e8f9; }

/* --- 4. Burnt Copper --- */
[data-theme="burnt-copper"] {
  --primary-50: #fff7ed; --primary-100: #ffedd5; --primary-200: #fed7aa; --primary-300: #fdba74;
  --primary-400: #fb923c; --primary-500: #f97316; --primary-600: #ea580c; --primary-700: #c2410c;
  --primary-800: #9a3412; --primary-900: #7c2d12;
  --primary: #c2410c; --primary-light: #ea580c; --primary-dark: #9a3412;
  --primary-gradient: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #9a3412 0%, #c2410c 50%, #fb923c 100%);
  --accent: #f59e0b; --accent-light: #fbbf24; --accent-dark: #d97706;
  --gradient-sidebar: linear-gradient(180deg, #431407 0%, #260d06 100%);
  --gradient-page-bg: linear-gradient(180deg, #fffaf5 0%, #fff7ed 50%, #ffedd5 100%);
  --gradient-table-header: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
  --bg-sidebar-hover: rgba(194,65,12,0.12); --bg-sidebar-active: rgba(194,65,12,0.18);
  --text-sidebar: #fdba74; --text-sidebar-active: #fed7aa;
  --text-link: #c2410c; --text-link-hover: #9a3412; --border-focus: #c2410c;
  --shadow-primary: 0 4px 15px rgba(194,65,12,0.25), 0 2px 6px rgba(194,65,12,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(194,65,12,0.3), 0 4px 10px rgba(194,65,12,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(194,65,12,0.08);
  --shadow-card-hover: 0 8px 24px rgba(194,65,12,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(194,65,12,0.12);
  --shadow-glow-primary: 0 0 20px rgba(194,65,12,0.25);
  --table-row-hover: rgba(194,65,12,0.04); --table-stripe: rgba(194,65,12,0.02);
  --section-color-1: #c2410c; --section-color-2: #d97706; --section-color-3: #ea580c; --section-color-4: #9a3412;
}
[data-theme="burnt-copper"] .sidebar { border-right-color: rgba(194,65,12,0.15); box-shadow: 2px 0 20px rgba(38,13,6,0.3); }
[data-theme="burnt-copper"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(194,65,12,0.06) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(245,158,11,0.06) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(194,65,12,0.04) 0%, transparent 70%); }
[data-theme="burnt-copper"] .sidebar-brand { background: rgba(38,13,6,0.7); border-bottom-color: rgba(194,65,12,0.12); }
[data-theme="burnt-copper"] .sidebar-brand-icon { background: linear-gradient(135deg, #c2410c 0%, #ea580c 50%, #fb923c 100%); box-shadow: 0 4px 14px rgba(194,65,12,0.4); }
[data-theme="burnt-copper"] .sidebar-brand-text h1 { color: #ffedd5; }
[data-theme="burnt-copper"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #fb923c 0%, #f97316 50%, #fdba74 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="burnt-copper"] .sidebar-brand-text > span { color: #8a4020; }
[data-theme="burnt-copper"] .sidebar-user-avatar { background: linear-gradient(135deg, #c2410c 0%, #ea580c 50%, #fb923c 100%); box-shadow: 0 3px 10px rgba(194,65,12,0.4); }
[data-theme="burnt-copper"] .sidebar-footer { border-top-color: rgba(194,65,12,0.12); background: rgba(38,13,6,0.6); }
[data-theme="burnt-copper"] .sidebar-footer .dropdown-item:hover { background: rgba(194,65,12,0.1); color: #ffedd5; }
[data-theme="burnt-copper"] .sidebar-user:hover { background: rgba(194,65,12,0.1); }
[data-theme="burnt-copper"] .sidebar-user-name { color: #ffedd5; }
[data-theme="burnt-copper"] .sidebar-user-role { color: #8a4020; }
[data-theme="burnt-copper"] .company-switcher { background: rgba(38,13,6,0.6); border-color: rgba(194,65,12,0.12); }
[data-theme="burnt-copper"] .company-switcher .label { color: #8a4020; }
[data-theme="burnt-copper"] .company-switcher .name { color: #ffedd5; }
[data-theme="burnt-copper"] .company-switcher .chevron { color: #8a4020; }
[data-theme="burnt-copper"] .company-switcher .company-icon { color: #fdba74; background: rgba(194,65,12,0.1); }
[data-theme="burnt-copper"] .sidebar-search-input { background: rgba(38,13,6,0.6); border-color: rgba(194,65,12,0.12); color: #ffedd5; }
[data-theme="burnt-copper"] .sidebar-search-input::placeholder { color: #8a4020; }
[data-theme="burnt-copper"] .nav-section-header { color: #fdba74; }
[data-theme="burnt-copper"] .nav-section-header:hover { background: rgba(194,65,12,0.08); }
[data-theme="burnt-copper"] .nav-item-link { color: #fdba74; }
[data-theme="burnt-copper"] .nav-item-link:hover { color: #ffedd5; background: rgba(194,65,12,0.08); }
[data-theme="burnt-copper"] .nav-item-link.active { color: #fed7aa; background: rgba(194,65,12,0.15); }
[data-theme="burnt-copper"] .nav-subgroup-header { color: #fdba74; }

/* --- 5. Berry Wine --- */
[data-theme="berry-wine"] {
  --primary-50: #fdf2f8; --primary-100: #fce7f3; --primary-200: #fbcfe8; --primary-300: #f9a8d4;
  --primary-400: #f472b6; --primary-500: #ec4899; --primary-600: #db2777; --primary-700: #be185d;
  --primary-800: #9d174d; --primary-900: #831843;
  --primary: #be185d; --primary-light: #db2777; --primary-dark: #9d174d;
  --primary-gradient: linear-gradient(135deg, #be185d 0%, #db2777 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #9d174d 0%, #be185d 50%, #f472b6 100%);
  --accent: #e879f9; --accent-light: #f0abfc; --accent-dark: #d946ef;
  --gradient-sidebar: linear-gradient(180deg, #4a1942 0%, #2d0628 100%);
  --gradient-page-bg: linear-gradient(180deg, #fef5fa 0%, #fdf2f8 50%, #fce7f3 100%);
  --gradient-table-header: linear-gradient(135deg, #be185d 0%, #db2777 100%);
  --bg-sidebar-hover: rgba(190,24,93,0.12); --bg-sidebar-active: rgba(190,24,93,0.18);
  --text-sidebar: #e890c0; --text-sidebar-active: #fbcfe8;
  --text-link: #be185d; --text-link-hover: #9d174d; --border-focus: #be185d;
  --shadow-primary: 0 4px 15px rgba(190,24,93,0.25), 0 2px 6px rgba(190,24,93,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(190,24,93,0.3), 0 4px 10px rgba(190,24,93,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(190,24,93,0.08);
  --shadow-card-hover: 0 8px 24px rgba(190,24,93,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(190,24,93,0.12);
  --shadow-glow-primary: 0 0 20px rgba(190,24,93,0.25);
  --table-row-hover: rgba(190,24,93,0.04); --table-stripe: rgba(190,24,93,0.02);
  --section-color-1: #be185d; --section-color-2: #a21caf; --section-color-3: #db2777; --section-color-4: #9d174d;
}
[data-theme="berry-wine"] .sidebar { border-right-color: rgba(190,24,93,0.15); box-shadow: 2px 0 20px rgba(45,6,40,0.3); }
[data-theme="berry-wine"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(190,24,93,0.06) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(232,121,249,0.06) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(190,24,93,0.04) 0%, transparent 70%); }
[data-theme="berry-wine"] .sidebar-brand { background: rgba(45,6,40,0.7); border-bottom-color: rgba(190,24,93,0.12); }
[data-theme="berry-wine"] .sidebar-brand-icon { background: linear-gradient(135deg, #be185d 0%, #db2777 50%, #f472b6 100%); box-shadow: 0 4px 14px rgba(190,24,93,0.4); }
[data-theme="berry-wine"] .sidebar-brand-text h1 { color: #fce7f3; }
[data-theme="berry-wine"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #f472b6 0%, #ec4899 50%, #f9a8d4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="berry-wine"] .sidebar-brand-text > span { color: #9d4080; }
[data-theme="berry-wine"] .sidebar-user-avatar { background: linear-gradient(135deg, #be185d 0%, #db2777 50%, #f472b6 100%); box-shadow: 0 3px 10px rgba(190,24,93,0.4); }
[data-theme="berry-wine"] .sidebar-footer { border-top-color: rgba(190,24,93,0.12); background: rgba(45,6,40,0.6); }
[data-theme="berry-wine"] .sidebar-footer .dropdown-item:hover { background: rgba(190,24,93,0.1); color: #fce7f3; }
[data-theme="berry-wine"] .sidebar-user:hover { background: rgba(190,24,93,0.1); }
[data-theme="berry-wine"] .sidebar-user-name { color: #fce7f3; }
[data-theme="berry-wine"] .sidebar-user-role { color: #9d4080; }
[data-theme="berry-wine"] .company-switcher { background: rgba(45,6,40,0.6); border-color: rgba(190,24,93,0.12); }
[data-theme="berry-wine"] .company-switcher .label { color: #9d4080; }
[data-theme="berry-wine"] .company-switcher .name { color: #fce7f3; }
[data-theme="berry-wine"] .company-switcher .chevron { color: #9d4080; }
[data-theme="berry-wine"] .company-switcher .company-icon { color: #e890c0; background: rgba(190,24,93,0.1); }
[data-theme="berry-wine"] .sidebar-search-input { background: rgba(45,6,40,0.6); border-color: rgba(190,24,93,0.12); color: #fce7f3; }
[data-theme="berry-wine"] .sidebar-search-input::placeholder { color: #9d4080; }
[data-theme="berry-wine"] .nav-section-header { color: #e890c0; }
[data-theme="berry-wine"] .nav-section-header:hover { background: rgba(190,24,93,0.08); }
[data-theme="berry-wine"] .nav-item-link { color: #e890c0; }
[data-theme="berry-wine"] .nav-item-link:hover { color: #fce7f3; background: rgba(190,24,93,0.08); }
[data-theme="berry-wine"] .nav-item-link.active { color: #fbcfe8; background: rgba(190,24,93,0.15); }
[data-theme="berry-wine"] .nav-subgroup-header { color: #e890c0; }

/* --- 6. Navy Storm --- */
[data-theme="navy-storm"] {
  --primary-50: #eff6ff; --primary-100: #dbeafe; --primary-200: #bfdbfe; --primary-300: #93c5fd;
  --primary-400: #60a5fa; --primary-500: #3b82f6; --primary-600: #2563eb; --primary-700: #1d4ed8;
  --primary-800: #1e40af; --primary-900: #1e3a8a;
  --primary: #1d4ed8; --primary-light: #2563eb; --primary-dark: #1e40af;
  --primary-gradient: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #1e40af 0%, #1d4ed8 50%, #60a5fa 100%);
  --accent: #38bdf8; --accent-light: #7dd3fc; --accent-dark: #0ea5e9;
  --gradient-sidebar: linear-gradient(180deg, #172554 0%, #081028 100%);
  --gradient-page-bg: linear-gradient(180deg, #f5f8ff 0%, #eff6ff 50%, #dbeafe 100%);
  --gradient-table-header: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
  --bg-sidebar-hover: rgba(29,78,216,0.12); --bg-sidebar-active: rgba(29,78,216,0.18);
  --text-sidebar: #93c5fd; --text-sidebar-active: #bfdbfe;
  --text-link: #1d4ed8; --text-link-hover: #1e40af; --border-focus: #1d4ed8;
  --shadow-primary: 0 4px 15px rgba(29,78,216,0.25), 0 2px 6px rgba(29,78,216,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(29,78,216,0.3), 0 4px 10px rgba(29,78,216,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(29,78,216,0.08);
  --shadow-card-hover: 0 8px 24px rgba(29,78,216,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(29,78,216,0.12);
  --shadow-glow-primary: 0 0 20px rgba(29,78,216,0.25);
  --table-row-hover: rgba(29,78,216,0.04); --table-stripe: rgba(29,78,216,0.02);
  --section-color-1: #1d4ed8; --section-color-2: #0284c7; --section-color-3: #3b82f6; --section-color-4: #1e40af;
}
[data-theme="navy-storm"] .sidebar { border-right-color: rgba(29,78,216,0.15); box-shadow: 2px 0 20px rgba(8,16,40,0.3); }
[data-theme="navy-storm"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(29,78,216,0.06) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(56,189,248,0.06) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(29,78,216,0.04) 0%, transparent 70%); }
[data-theme="navy-storm"] .sidebar-brand { background: rgba(8,16,40,0.7); border-bottom-color: rgba(29,78,216,0.12); }
[data-theme="navy-storm"] .sidebar-brand-icon { background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #60a5fa 100%); box-shadow: 0 4px 14px rgba(29,78,216,0.4); }
[data-theme="navy-storm"] .sidebar-brand-text h1 { color: #dbeafe; }
[data-theme="navy-storm"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #93c5fd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="navy-storm"] .sidebar-brand-text > span { color: #3b60a0; }
[data-theme="navy-storm"] .sidebar-user-avatar { background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #60a5fa 100%); box-shadow: 0 3px 10px rgba(29,78,216,0.4); }
[data-theme="navy-storm"] .sidebar-footer { border-top-color: rgba(29,78,216,0.12); background: rgba(8,16,40,0.6); }
[data-theme="navy-storm"] .sidebar-footer .dropdown-item:hover { background: rgba(29,78,216,0.1); color: #dbeafe; }
[data-theme="navy-storm"] .sidebar-user:hover { background: rgba(29,78,216,0.1); }
[data-theme="navy-storm"] .sidebar-user-name { color: #dbeafe; }
[data-theme="navy-storm"] .sidebar-user-role { color: #3b60a0; }
[data-theme="navy-storm"] .company-switcher { background: rgba(8,16,40,0.6); border-color: rgba(29,78,216,0.12); }
[data-theme="navy-storm"] .company-switcher .label { color: #3b60a0; }
[data-theme="navy-storm"] .company-switcher .name { color: #dbeafe; }
[data-theme="navy-storm"] .company-switcher .chevron { color: #3b60a0; }
[data-theme="navy-storm"] .company-switcher .company-icon { color: #93c5fd; background: rgba(29,78,216,0.1); }
[data-theme="navy-storm"] .sidebar-search-input { background: rgba(8,16,40,0.6); border-color: rgba(29,78,216,0.12); color: #dbeafe; }
[data-theme="navy-storm"] .sidebar-search-input::placeholder { color: #3b60a0; }
[data-theme="navy-storm"] .nav-section-header { color: #93c5fd; }
[data-theme="navy-storm"] .nav-section-header:hover { background: rgba(29,78,216,0.08); }
[data-theme="navy-storm"] .nav-item-link { color: #93c5fd; }
[data-theme="navy-storm"] .nav-item-link:hover { color: #dbeafe; background: rgba(29,78,216,0.08); }
[data-theme="navy-storm"] .nav-item-link.active { color: #bfdbfe; background: rgba(29,78,216,0.15); }
[data-theme="navy-storm"] .nav-subgroup-header { color: #93c5fd; }

/* --- 7. Dark Amethyst --- */
[data-theme="dark-amethyst"] {
  --primary-50: #faf5ff; --primary-100: #f3e8ff; --primary-200: #e9d5ff; --primary-300: #d8b4fe;
  --primary-400: #c084fc; --primary-500: #a855f7; --primary-600: #9333ea; --primary-700: #7c3aed;
  --primary-800: #6b21a8; --primary-900: #581c87;
  --primary: #7c3aed; --primary-light: #8b5cf6; --primary-dark: #6d28d9;
  --primary-gradient: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #6d28d9 0%, #7c3aed 50%, #c084fc 100%);
  --accent: #d946ef; --accent-light: #e879f9; --accent-dark: #c026d3;
  --gradient-sidebar: linear-gradient(180deg, #2e1065 0%, #120630 100%);
  --gradient-page-bg: linear-gradient(180deg, #fdf8ff 0%, #faf5ff 50%, #f3e8ff 100%);
  --gradient-table-header: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
  --bg-sidebar-hover: rgba(124,58,237,0.12); --bg-sidebar-active: rgba(124,58,237,0.18);
  --text-sidebar: #c4a0f5; --text-sidebar-active: #e9d5ff;
  --text-link: #7c3aed; --text-link-hover: #6d28d9; --border-focus: #7c3aed;
  --shadow-primary: 0 4px 15px rgba(124,58,237,0.25), 0 2px 6px rgba(124,58,237,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(124,58,237,0.3), 0 4px 10px rgba(124,58,237,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(124,58,237,0.08);
  --shadow-card-hover: 0 8px 24px rgba(124,58,237,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(124,58,237,0.12);
  --shadow-glow-primary: 0 0 20px rgba(124,58,237,0.25);
  --table-row-hover: rgba(124,58,237,0.04); --table-stripe: rgba(124,58,237,0.02);
  --section-color-1: #7c3aed; --section-color-2: #9333ea; --section-color-3: #8b5cf6; --section-color-4: #a855f7;
}
[data-theme="dark-amethyst"] .sidebar { border-right-color: rgba(124,58,237,0.15); box-shadow: 2px 0 20px rgba(18,6,48,0.3); }
[data-theme="dark-amethyst"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(124,58,237,0.06) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(217,70,239,0.06) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(124,58,237,0.04) 0%, transparent 70%); }
[data-theme="dark-amethyst"] .sidebar-brand { background: rgba(18,6,48,0.7); border-bottom-color: rgba(124,58,237,0.12); }
[data-theme="dark-amethyst"] .sidebar-brand-icon { background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 50%, #c084fc 100%); box-shadow: 0 4px 14px rgba(124,58,237,0.4); }
[data-theme="dark-amethyst"] .sidebar-brand-text h1 { color: #f3e8ff; }
[data-theme="dark-amethyst"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #c084fc 0%, #a855f7 50%, #d8b4fe 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="dark-amethyst"] .sidebar-brand-text > span { color: #7c50b0; }
[data-theme="dark-amethyst"] .sidebar-user-avatar { background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 50%, #c084fc 100%); box-shadow: 0 3px 10px rgba(124,58,237,0.4); }
[data-theme="dark-amethyst"] .sidebar-footer { border-top-color: rgba(124,58,237,0.12); background: rgba(18,6,48,0.6); }
[data-theme="dark-amethyst"] .sidebar-footer .dropdown-item:hover { background: rgba(124,58,237,0.1); color: #f3e8ff; }
[data-theme="dark-amethyst"] .sidebar-user:hover { background: rgba(124,58,237,0.1); }
[data-theme="dark-amethyst"] .sidebar-user-name { color: #f3e8ff; }
[data-theme="dark-amethyst"] .sidebar-user-role { color: #7c50b0; }
[data-theme="dark-amethyst"] .company-switcher { background: rgba(18,6,48,0.6); border-color: rgba(124,58,237,0.12); }
[data-theme="dark-amethyst"] .company-switcher .label { color: #7c50b0; }
[data-theme="dark-amethyst"] .company-switcher .name { color: #f3e8ff; }
[data-theme="dark-amethyst"] .company-switcher .chevron { color: #7c50b0; }
[data-theme="dark-amethyst"] .company-switcher .company-icon { color: #c4a0f5; background: rgba(124,58,237,0.1); }
[data-theme="dark-amethyst"] .sidebar-search-input { background: rgba(18,6,48,0.6); border-color: rgba(124,58,237,0.12); color: #f3e8ff; }
[data-theme="dark-amethyst"] .sidebar-search-input::placeholder { color: #7c50b0; }
[data-theme="dark-amethyst"] .nav-section-header { color: #c4a0f5; }
[data-theme="dark-amethyst"] .nav-section-header:hover { background: rgba(124,58,237,0.08); }
[data-theme="dark-amethyst"] .nav-item-link { color: #c4a0f5; }
[data-theme="dark-amethyst"] .nav-item-link:hover { color: #f3e8ff; background: rgba(124,58,237,0.08); }
[data-theme="dark-amethyst"] .nav-item-link.active { color: #e9d5ff; background: rgba(124,58,237,0.15); }
[data-theme="dark-amethyst"] .nav-subgroup-header { color: #c4a0f5; }

/* --- 8. Charcoal Ember --- */
[data-theme="charcoal-ember"] {
  --primary-50: #fef2f2; --primary-100: #fee2e2; --primary-200: #fecaca; --primary-300: #fca5a5;
  --primary-400: #f87171; --primary-500: #ef4444; --primary-600: #dc2626; --primary-700: #b91c1c;
  --primary-800: #991b1b; --primary-900: #7f1d1d;
  --primary: #b91c1c; --primary-light: #dc2626; --primary-dark: #991b1b;
  --primary-gradient: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #991b1b 0%, #b91c1c 50%, #f87171 100%);
  --accent: #f97316; --accent-light: #fb923c; --accent-dark: #ea580c;
  --gradient-sidebar: linear-gradient(180deg, #3a1416 0%, #1e080a 100%);
  --gradient-page-bg: linear-gradient(180deg, #fef8f8 0%, #fef2f2 50%, #fee2e2 100%);
  --gradient-table-header: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%);
  --bg-sidebar-hover: rgba(185,28,28,0.12); --bg-sidebar-active: rgba(185,28,28,0.18);
  --text-sidebar: #f0908a; --text-sidebar-active: #fecaca;
  --text-link: #b91c1c; --text-link-hover: #991b1b; --border-focus: #b91c1c;
  --shadow-primary: 0 4px 15px rgba(185,28,28,0.25), 0 2px 6px rgba(185,28,28,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(185,28,28,0.3), 0 4px 10px rgba(185,28,28,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(185,28,28,0.08);
  --shadow-card-hover: 0 8px 24px rgba(185,28,28,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(185,28,28,0.12);
  --shadow-glow-primary: 0 0 20px rgba(185,28,28,0.25);
  --table-row-hover: rgba(185,28,28,0.04); --table-stripe: rgba(185,28,28,0.02);
  --section-color-1: #b91c1c; --section-color-2: #ea580c; --section-color-3: #dc2626; --section-color-4: #991b1b;
}
[data-theme="charcoal-ember"] .sidebar { border-right-color: rgba(185,28,28,0.15); box-shadow: 2px 0 20px rgba(30,8,10,0.3); }
[data-theme="charcoal-ember"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(185,28,28,0.06) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(249,115,22,0.06) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(185,28,28,0.04) 0%, transparent 70%); }
[data-theme="charcoal-ember"] .sidebar-brand { background: rgba(30,8,10,0.7); border-bottom-color: rgba(185,28,28,0.12); }
[data-theme="charcoal-ember"] .sidebar-brand-icon { background: linear-gradient(135deg, #b91c1c 0%, #dc2626 50%, #f87171 100%); box-shadow: 0 4px 14px rgba(185,28,28,0.4); }
[data-theme="charcoal-ember"] .sidebar-brand-text h1 { color: #fee2e2; }
[data-theme="charcoal-ember"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #f87171 0%, #ef4444 50%, #fca5a5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="charcoal-ember"] .sidebar-brand-text > span { color: #9a4040; }
[data-theme="charcoal-ember"] .sidebar-user-avatar { background: linear-gradient(135deg, #b91c1c 0%, #dc2626 50%, #f87171 100%); box-shadow: 0 3px 10px rgba(185,28,28,0.4); }
[data-theme="charcoal-ember"] .sidebar-footer { border-top-color: rgba(185,28,28,0.12); background: rgba(30,8,10,0.6); }
[data-theme="charcoal-ember"] .sidebar-footer .dropdown-item:hover { background: rgba(185,28,28,0.1); color: #fee2e2; }
[data-theme="charcoal-ember"] .sidebar-user:hover { background: rgba(185,28,28,0.1); }
[data-theme="charcoal-ember"] .sidebar-user-name { color: #fee2e2; }
[data-theme="charcoal-ember"] .sidebar-user-role { color: #9a4040; }
[data-theme="charcoal-ember"] .company-switcher { background: rgba(30,8,10,0.6); border-color: rgba(185,28,28,0.12); }
[data-theme="charcoal-ember"] .company-switcher .label { color: #9a4040; }
[data-theme="charcoal-ember"] .company-switcher .name { color: #fee2e2; }
[data-theme="charcoal-ember"] .company-switcher .chevron { color: #9a4040; }
[data-theme="charcoal-ember"] .company-switcher .company-icon { color: #f0908a; background: rgba(185,28,28,0.1); }
[data-theme="charcoal-ember"] .sidebar-search-input { background: rgba(30,8,10,0.6); border-color: rgba(185,28,28,0.12); color: #fee2e2; }
[data-theme="charcoal-ember"] .sidebar-search-input::placeholder { color: #9a4040; }
[data-theme="charcoal-ember"] .nav-section-header { color: #f0908a; }
[data-theme="charcoal-ember"] .nav-section-header:hover { background: rgba(185,28,28,0.08); }
[data-theme="charcoal-ember"] .nav-item-link { color: #f0908a; }
[data-theme="charcoal-ember"] .nav-item-link:hover { color: #fee2e2; background: rgba(185,28,28,0.08); }
[data-theme="charcoal-ember"] .nav-item-link.active { color: #fecaca; background: rgba(185,28,28,0.15); }
[data-theme="charcoal-ember"] .nav-subgroup-header { color: #f0908a; }

/* --- 9. Espresso Bronze --- */
[data-theme="espresso-bronze"] {
  --primary-50: #fffbeb; --primary-100: #fef3c7; --primary-200: #fde68a; --primary-300: #fcd34d;
  --primary-400: #fbbf24; --primary-500: #f59e0b; --primary-600: #d97706; --primary-700: #b45309;
  --primary-800: #92400e; --primary-900: #78350f;
  --primary: #b45309; --primary-light: #d97706; --primary-dark: #92400e;
  --primary-gradient: linear-gradient(135deg, #b45309 0%, #d97706 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #92400e 0%, #b45309 50%, #fbbf24 100%);
  --accent: #ca8a04; --accent-light: #eab308; --accent-dark: #a16207;
  --gradient-sidebar: linear-gradient(180deg, #3d2610 0%, #1f1005 100%);
  --gradient-page-bg: linear-gradient(180deg, #fffdf5 0%, #fffbeb 50%, #fef3c7 100%);
  --gradient-table-header: linear-gradient(135deg, #b45309 0%, #d97706 100%);
  --bg-sidebar-hover: rgba(180,83,9,0.12); --bg-sidebar-active: rgba(180,83,9,0.18);
  --text-sidebar: #d4a060; --text-sidebar-active: #fde68a;
  --text-link: #b45309; --text-link-hover: #92400e; --border-focus: #b45309;
  --shadow-primary: 0 4px 15px rgba(180,83,9,0.25), 0 2px 6px rgba(180,83,9,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(180,83,9,0.3), 0 4px 10px rgba(180,83,9,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(180,83,9,0.08);
  --shadow-card-hover: 0 8px 24px rgba(180,83,9,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(180,83,9,0.12);
  --shadow-glow-primary: 0 0 20px rgba(180,83,9,0.25);
  --table-row-hover: rgba(180,83,9,0.04); --table-stripe: rgba(180,83,9,0.02);
  --section-color-1: #b45309; --section-color-2: #a16207; --section-color-3: #d97706; --section-color-4: #92400e;
}
[data-theme="espresso-bronze"] .sidebar { border-right-color: rgba(180,83,9,0.15); box-shadow: 2px 0 20px rgba(31,16,5,0.3); }
[data-theme="espresso-bronze"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(180,83,9,0.06) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(202,138,4,0.06) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(180,83,9,0.04) 0%, transparent 70%); }
[data-theme="espresso-bronze"] .sidebar-brand { background: rgba(31,16,5,0.7); border-bottom-color: rgba(180,83,9,0.12); }
[data-theme="espresso-bronze"] .sidebar-brand-icon { background: linear-gradient(135deg, #b45309 0%, #d97706 50%, #fbbf24 100%); box-shadow: 0 4px 14px rgba(180,83,9,0.4); }
[data-theme="espresso-bronze"] .sidebar-brand-text h1 { color: #fef3c7; }
[data-theme="espresso-bronze"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #fcd34d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="espresso-bronze"] .sidebar-brand-text > span { color: #8a6030; }
[data-theme="espresso-bronze"] .sidebar-user-avatar { background: linear-gradient(135deg, #b45309 0%, #d97706 50%, #fbbf24 100%); box-shadow: 0 3px 10px rgba(180,83,9,0.4); }
[data-theme="espresso-bronze"] .sidebar-footer { border-top-color: rgba(180,83,9,0.12); background: rgba(31,16,5,0.6); }
[data-theme="espresso-bronze"] .sidebar-footer .dropdown-item:hover { background: rgba(180,83,9,0.1); color: #fef3c7; }
[data-theme="espresso-bronze"] .sidebar-user:hover { background: rgba(180,83,9,0.1); }
[data-theme="espresso-bronze"] .sidebar-user-name { color: #fef3c7; }
[data-theme="espresso-bronze"] .sidebar-user-role { color: #8a6030; }
[data-theme="espresso-bronze"] .company-switcher { background: rgba(31,16,5,0.6); border-color: rgba(180,83,9,0.12); }
[data-theme="espresso-bronze"] .company-switcher .label { color: #8a6030; }
[data-theme="espresso-bronze"] .company-switcher .name { color: #fef3c7; }
[data-theme="espresso-bronze"] .company-switcher .chevron { color: #8a6030; }
[data-theme="espresso-bronze"] .company-switcher .company-icon { color: #d4a060; background: rgba(180,83,9,0.1); }
[data-theme="espresso-bronze"] .sidebar-search-input { background: rgba(31,16,5,0.6); border-color: rgba(180,83,9,0.12); color: #fef3c7; }
[data-theme="espresso-bronze"] .sidebar-search-input::placeholder { color: #8a6030; }
[data-theme="espresso-bronze"] .nav-section-header { color: #d4a060; }
[data-theme="espresso-bronze"] .nav-section-header:hover { background: rgba(180,83,9,0.08); }
[data-theme="espresso-bronze"] .nav-item-link { color: #d4a060; }
[data-theme="espresso-bronze"] .nav-item-link:hover { color: #fef3c7; background: rgba(180,83,9,0.08); }
[data-theme="espresso-bronze"] .nav-item-link.active { color: #fde68a; background: rgba(180,83,9,0.15); }
[data-theme="espresso-bronze"] .nav-subgroup-header { color: #d4a060; }

/* --- 10. Carbon Slate --- */
[data-theme="carbon-slate"] {
  --primary-50: #f8fafc; --primary-100: #f1f5f9; --primary-200: #e2e8f0; --primary-300: #cbd5e1;
  --primary-400: #94a3b8; --primary-500: #64748b; --primary-600: #475569; --primary-700: #334155;
  --primary-800: #1e293b; --primary-900: #0f172a;
  --primary: #475569; --primary-light: #64748b; --primary-dark: #334155;
  --primary-gradient: linear-gradient(135deg, #475569 0%, #64748b 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #334155 0%, #475569 50%, #94a3b8 100%);
  --accent: #38bdf8; --accent-light: #7dd3fc; --accent-dark: #0ea5e9;
  --gradient-sidebar: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
  --gradient-page-bg: linear-gradient(180deg, #f8fafc 0%, #f8fafc 50%, #f1f5f9 100%);
  --gradient-table-header: linear-gradient(135deg, #475569 0%, #64748b 100%);
  --bg-sidebar-hover: rgba(51,65,85,0.12); --bg-sidebar-active: rgba(51,65,85,0.18);
  --text-sidebar: #94a3b8; --text-sidebar-active: #e2e8f0;
  --text-link: #475569; --text-link-hover: #334155; --border-focus: #475569;
  --shadow-primary: 0 4px 15px rgba(51,65,85,0.25), 0 2px 6px rgba(51,65,85,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(51,65,85,0.3), 0 4px 10px rgba(51,65,85,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(51,65,85,0.08);
  --shadow-card-hover: 0 8px 24px rgba(51,65,85,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(51,65,85,0.12);
  --shadow-glow-primary: 0 0 20px rgba(51,65,85,0.25);
  --table-row-hover: rgba(51,65,85,0.04); --table-stripe: rgba(51,65,85,0.02);
  --section-color-1: #475569; --section-color-2: #0284c7; --section-color-3: #64748b; --section-color-4: #334155;
}
[data-theme="carbon-slate"] .sidebar { border-right-color: rgba(51,65,85,0.15); box-shadow: 2px 0 20px rgba(15,23,42,0.3); }
[data-theme="carbon-slate"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(99,102,241,0.06) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(14,165,233,0.06) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(51,65,85,0.04) 0%, transparent 70%); }
[data-theme="carbon-slate"] .sidebar-brand { background: rgba(15,23,42,0.7); border-bottom-color: rgba(51,65,85,0.12); }
[data-theme="carbon-slate"] .sidebar-brand-icon { background: linear-gradient(135deg, #3b82f6 0%, #0ea5e9 50%, #38bdf8 100%); box-shadow: 0 4px 14px rgba(14,165,233,0.4); }
[data-theme="carbon-slate"] .sidebar-brand-text h1 { color: #e2e8f0; }
[data-theme="carbon-slate"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 50%, #06b6d4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="carbon-slate"] .sidebar-brand-text > span { color: #64748b; }
[data-theme="carbon-slate"] .sidebar-user-avatar { background: linear-gradient(135deg, #475569 0%, #64748b 50%, #94a3b8 100%); box-shadow: 0 3px 10px rgba(51,65,85,0.4); }
[data-theme="carbon-slate"] .sidebar-footer { border-top-color: rgba(51,65,85,0.12); background: rgba(15,23,42,0.6); }
[data-theme="carbon-slate"] .sidebar-footer .dropdown-item:hover { background: rgba(51,65,85,0.1); color: #e2e8f0; }
[data-theme="carbon-slate"] .sidebar-user:hover { background: rgba(51,65,85,0.1); }
[data-theme="carbon-slate"] .sidebar-user-name { color: #e2e8f0; }
[data-theme="carbon-slate"] .sidebar-user-role { color: #64748b; }
[data-theme="carbon-slate"] .company-switcher { background: rgba(15,23,42,0.6); border-color: rgba(51,65,85,0.12); }
[data-theme="carbon-slate"] .company-switcher .label { color: #64748b; }
[data-theme="carbon-slate"] .company-switcher .name { color: #e2e8f0; }
[data-theme="carbon-slate"] .company-switcher .chevron { color: #64748b; }
[data-theme="carbon-slate"] .company-switcher .company-icon { color: #94a3b8; background: rgba(51,65,85,0.1); }
[data-theme="carbon-slate"] .sidebar-search-input { background: rgba(15,23,42,0.6); border-color: rgba(51,65,85,0.12); color: #e2e8f0; }
[data-theme="carbon-slate"] .sidebar-search-input::placeholder { color: #64748b; }
[data-theme="carbon-slate"] .nav-section-header { color: #94a3b8; }
[data-theme="carbon-slate"] .nav-section-header:hover { background: rgba(51,65,85,0.08); }
[data-theme="carbon-slate"] .nav-item-link { color: #94a3b8; }
[data-theme="carbon-slate"] .nav-item-link:hover { color: #e2e8f0; background: rgba(51,65,85,0.08); }
[data-theme="carbon-slate"] .nav-item-link.active { color: #38bdf8; background: rgba(14,165,233,0.15); }
[data-theme="carbon-slate"] .nav-subgroup-header { color: #94a3b8; }

/* ============================================
   EXTRAORDINARY THEMES (21-30)
   Multi-color gradients & bold creative palettes
   ============================================ */

/* --- X1. Aurora Borealis --- */
[data-theme="aurora-borealis"] {
  --primary-50: #ecfdf5; --primary-100: #d1fae5; --primary-200: #a7f3d0; --primary-300: #6ee7b7;
  --primary-400: #34d399; --primary-500: #10b981; --primary-600: #059669; --primary-700: #047857;
  --primary-800: #065f46; --primary-900: #064e3b;
  --primary: #06b6d4; --primary-light: #22d3ee; --primary-dark: #0891b2;
  --primary-gradient: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #059669 0%, #06b6d4 40%, #8b5cf6 100%);
  --accent: #a78bfa; --accent-light: #c4b5fd; --accent-dark: #7c3aed;
  --gradient-sidebar: linear-gradient(180deg, #064e3b 0%, #0c4a6e 30%, #1e1b4b 60%, #3b0764 100%);
  --gradient-page-bg: linear-gradient(180deg, #f0fdfa 0%, #ecfeff 50%, #f5f3ff 100%);
  --gradient-table-header: linear-gradient(135deg, #059669 0%, #06b6d4 50%, #8b5cf6 100%);
  --bg-sidebar-hover: rgba(6,182,212,0.14); --bg-sidebar-active: rgba(6,182,212,0.22);
  --text-sidebar: #67e8f9; --text-sidebar-active: #a7f3d0;
  --text-link: #0891b2; --text-link-hover: #047857; --border-focus: #06b6d4;
  --shadow-primary: 0 4px 15px rgba(6,182,212,0.3), 0 2px 6px rgba(139,92,246,0.15);
  --shadow-primary-lg: 0 8px 25px rgba(6,182,212,0.35), 0 4px 10px rgba(139,92,246,0.18);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(6,182,212,0.1);
  --shadow-card-hover: 0 8px 24px rgba(6,182,212,0.18), 0 4px 8px rgba(139,92,246,0.08);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(6,182,212,0.14);
  --shadow-glow-primary: 0 0 24px rgba(6,182,212,0.3), 0 0 48px rgba(139,92,246,0.1);
  --table-row-hover: rgba(6,182,212,0.05); --table-stripe: rgba(6,182,212,0.02);
  --section-color-1: #059669; --section-color-2: #06b6d4; --section-color-3: #8b5cf6; --section-color-4: #0891b2;
}
[data-theme="aurora-borealis"] .sidebar { border-right-color: rgba(6,182,212,0.2); box-shadow: 2px 0 24px rgba(6,78,59,0.4), 4px 0 40px rgba(139,92,246,0.15); }
[data-theme="aurora-borealis"] .sidebar::before { background: radial-gradient(ellipse at 20% 20%, rgba(16,185,129,0.1) 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, rgba(6,182,212,0.1) 0%, transparent 50%), radial-gradient(ellipse at 40% 90%, rgba(139,92,246,0.1) 0%, transparent 50%); }
[data-theme="aurora-borealis"] .sidebar-brand { background: rgba(6,78,59,0.5); border-bottom-color: rgba(6,182,212,0.15); }
[data-theme="aurora-borealis"] .sidebar-brand-icon { background: linear-gradient(135deg, #059669 0%, #06b6d4 50%, #8b5cf6 100%); box-shadow: 0 4px 16px rgba(6,182,212,0.5); }
[data-theme="aurora-borealis"] .sidebar-brand-text h1 { color: #a7f3d0; }
[data-theme="aurora-borealis"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #34d399 0%, #22d3ee 50%, #a78bfa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="aurora-borealis"] .sidebar-brand-text > span { color: #2d8a6e; }
[data-theme="aurora-borealis"] .sidebar-user-avatar { background: linear-gradient(135deg, #059669 0%, #06b6d4 50%, #8b5cf6 100%); box-shadow: 0 3px 12px rgba(6,182,212,0.5); }
[data-theme="aurora-borealis"] .sidebar-footer { border-top-color: rgba(139,92,246,0.15); background: rgba(59,7,100,0.4); }
[data-theme="aurora-borealis"] .sidebar-footer .dropdown-item:hover { background: rgba(6,182,212,0.12); color: #a7f3d0; }
[data-theme="aurora-borealis"] .sidebar-user:hover { background: rgba(6,182,212,0.12); }
[data-theme="aurora-borealis"] .sidebar-user-name { color: #a7f3d0; }
[data-theme="aurora-borealis"] .sidebar-user-role { color: #2d8a6e; }
[data-theme="aurora-borealis"] .company-switcher { background: rgba(12,74,110,0.5); border-color: rgba(6,182,212,0.15); }
[data-theme="aurora-borealis"] .company-switcher .label { color: #2d8a6e; }
[data-theme="aurora-borealis"] .company-switcher .name { color: #a7f3d0; }
[data-theme="aurora-borealis"] .company-switcher .chevron { color: #2d8a6e; }
[data-theme="aurora-borealis"] .company-switcher .company-icon { color: #67e8f9; background: rgba(6,182,212,0.12); }
[data-theme="aurora-borealis"] .sidebar-search-input { background: rgba(12,74,110,0.5); border-color: rgba(6,182,212,0.15); color: #a7f3d0; }
[data-theme="aurora-borealis"] .sidebar-search-input::placeholder { color: #2d8a6e; }
[data-theme="aurora-borealis"] .nav-section-header { color: #67e8f9; }
[data-theme="aurora-borealis"] .nav-section-header:hover { background: rgba(6,182,212,0.1); }
[data-theme="aurora-borealis"] .nav-item-link { color: #67e8f9; }
[data-theme="aurora-borealis"] .nav-item-link:hover { color: #a7f3d0; background: rgba(6,182,212,0.1); }
[data-theme="aurora-borealis"] .nav-item-link.active { color: #a78bfa; background: rgba(139,92,246,0.18); }
[data-theme="aurora-borealis"] .nav-subgroup-header { color: #67e8f9; }

/* --- X2. Neon Cyberpunk --- */
[data-theme="neon-cyberpunk"] {
  --primary-50: #fdf4ff; --primary-100: #fae8ff; --primary-200: #f5d0fe; --primary-300: #f0abfc;
  --primary-400: #e879f9; --primary-500: #d946ef; --primary-600: #c026d3; --primary-700: #a21caf;
  --primary-800: #86198f; --primary-900: #701a75;
  --primary: #d946ef; --primary-light: #e879f9; --primary-dark: #c026d3;
  --primary-gradient: linear-gradient(135deg, #d946ef 0%, #06b6d4 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #c026d3 0%, #d946ef 40%, #22d3ee 100%);
  --accent: #22d3ee; --accent-light: #67e8f9; --accent-dark: #06b6d4;
  --gradient-sidebar: linear-gradient(180deg, #0a0118 0%, #120525 40%, #0c0720 70%, #040d1a 100%);
  --gradient-page-bg: linear-gradient(180deg, #faf5ff 0%, #fdf4ff 50%, #f0f9ff 100%);
  --gradient-table-header: linear-gradient(135deg, #c026d3 0%, #d946ef 50%, #22d3ee 100%);
  --bg-sidebar-hover: rgba(217,70,239,0.15); --bg-sidebar-active: rgba(217,70,239,0.25);
  --text-sidebar: #e879f9; --text-sidebar-active: #f5d0fe;
  --text-link: #c026d3; --text-link-hover: #a21caf; --border-focus: #d946ef;
  --shadow-primary: 0 4px 15px rgba(217,70,239,0.35), 0 2px 6px rgba(34,211,238,0.15);
  --shadow-primary-lg: 0 8px 25px rgba(217,70,239,0.4), 0 4px 10px rgba(34,211,238,0.2);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(217,70,239,0.1);
  --shadow-card-hover: 0 8px 24px rgba(217,70,239,0.2), 0 4px 8px rgba(34,211,238,0.08);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(217,70,239,0.15);
  --shadow-glow-primary: 0 0 20px rgba(217,70,239,0.4), 0 0 40px rgba(34,211,238,0.15);
  --table-row-hover: rgba(217,70,239,0.04); --table-stripe: rgba(217,70,239,0.02);
  --section-color-1: #d946ef; --section-color-2: #06b6d4; --section-color-3: #e879f9; --section-color-4: #c026d3;
}
[data-theme="neon-cyberpunk"] .sidebar { border-right-color: rgba(217,70,239,0.25); box-shadow: 2px 0 24px rgba(10,1,24,0.5), 4px 0 40px rgba(217,70,239,0.12); }
[data-theme="neon-cyberpunk"] .sidebar::before { background: radial-gradient(ellipse at 30% 10%, rgba(217,70,239,0.08) 0%, transparent 50%), radial-gradient(ellipse at 70% 60%, rgba(34,211,238,0.06) 0%, transparent 50%), radial-gradient(ellipse at 20% 90%, rgba(139,92,246,0.06) 0%, transparent 50%); }
[data-theme="neon-cyberpunk"] .sidebar-brand { background: rgba(10,1,24,0.6); border-bottom-color: rgba(217,70,239,0.2); }
[data-theme="neon-cyberpunk"] .sidebar-brand-icon { background: linear-gradient(135deg, #d946ef 0%, #f0abfc 50%, #22d3ee 100%); box-shadow: 0 4px 16px rgba(217,70,239,0.6), 0 0 20px rgba(34,211,238,0.3); }
[data-theme="neon-cyberpunk"] .sidebar-brand-text h1 { color: #f5d0fe; }
[data-theme="neon-cyberpunk"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #e879f9 0%, #d946ef 50%, #22d3ee 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="neon-cyberpunk"] .sidebar-brand-text > span { color: #7a2090; }
[data-theme="neon-cyberpunk"] .sidebar-user-avatar { background: linear-gradient(135deg, #d946ef 0%, #f0abfc 50%, #22d3ee 100%); box-shadow: 0 3px 12px rgba(217,70,239,0.6); }
[data-theme="neon-cyberpunk"] .sidebar-footer { border-top-color: rgba(217,70,239,0.2); background: rgba(4,13,26,0.6); }
[data-theme="neon-cyberpunk"] .sidebar-footer .dropdown-item:hover { background: rgba(217,70,239,0.12); color: #f5d0fe; }
[data-theme="neon-cyberpunk"] .sidebar-user:hover { background: rgba(217,70,239,0.12); }
[data-theme="neon-cyberpunk"] .sidebar-user-name { color: #f5d0fe; }
[data-theme="neon-cyberpunk"] .sidebar-user-role { color: #7a2090; }
[data-theme="neon-cyberpunk"] .company-switcher { background: rgba(18,5,37,0.6); border-color: rgba(217,70,239,0.2); }
[data-theme="neon-cyberpunk"] .company-switcher .label { color: #7a2090; }
[data-theme="neon-cyberpunk"] .company-switcher .name { color: #f5d0fe; }
[data-theme="neon-cyberpunk"] .company-switcher .chevron { color: #7a2090; }
[data-theme="neon-cyberpunk"] .company-switcher .company-icon { color: #e879f9; background: rgba(217,70,239,0.12); }
[data-theme="neon-cyberpunk"] .sidebar-search-input { background: rgba(18,5,37,0.6); border-color: rgba(217,70,239,0.2); color: #f5d0fe; }
[data-theme="neon-cyberpunk"] .sidebar-search-input::placeholder { color: #7a2090; }
[data-theme="neon-cyberpunk"] .nav-section-header { color: #e879f9; }
[data-theme="neon-cyberpunk"] .nav-section-header:hover { background: rgba(217,70,239,0.1); }
[data-theme="neon-cyberpunk"] .nav-item-link { color: #e879f9; }
[data-theme="neon-cyberpunk"] .nav-item-link:hover { color: #f5d0fe; background: rgba(217,70,239,0.1); }
[data-theme="neon-cyberpunk"] .nav-item-link.active { color: #22d3ee; background: rgba(34,211,238,0.18); }
[data-theme="neon-cyberpunk"] .nav-subgroup-header { color: #e879f9; }

/* --- X3. Tropical Sunset --- */
[data-theme="tropical-sunset"] {
  --primary-50: #fff7ed; --primary-100: #ffedd5; --primary-200: #fed7aa; --primary-300: #fdba74;
  --primary-400: #fb923c; --primary-500: #f97316; --primary-600: #ea580c; --primary-700: #c2410c;
  --primary-800: #9a3412; --primary-900: #7c2d12;
  --primary: #f97316; --primary-light: #fb923c; --primary-dark: #ea580c;
  --primary-gradient: linear-gradient(135deg, #f97316 0%, #e11d48 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #ea580c 0%, #f97316 40%, #e11d48 100%);
  --accent: #e11d48; --accent-light: #f43f5e; --accent-dark: #be123c;
  --gradient-sidebar: linear-gradient(180deg, #7c2d12 0%, #9a3412 25%, #9f1239 55%, #701a75 100%);
  --gradient-page-bg: linear-gradient(180deg, #fffaf5 0%, #fff7ed 50%, #fff1f2 100%);
  --gradient-table-header: linear-gradient(135deg, #f97316 0%, #ef4444 50%, #e11d48 100%);
  --bg-sidebar-hover: rgba(249,115,22,0.15); --bg-sidebar-active: rgba(249,115,22,0.22);
  --text-sidebar: #fdba74; --text-sidebar-active: #fed7aa;
  --text-link: #ea580c; --text-link-hover: #c2410c; --border-focus: #f97316;
  --shadow-primary: 0 4px 15px rgba(249,115,22,0.3), 0 2px 6px rgba(225,29,72,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(249,115,22,0.35), 0 4px 10px rgba(225,29,72,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(249,115,22,0.1);
  --shadow-card-hover: 0 8px 24px rgba(249,115,22,0.18), 0 4px 8px rgba(225,29,72,0.08);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(249,115,22,0.14);
  --shadow-glow-primary: 0 0 24px rgba(249,115,22,0.3), 0 0 48px rgba(225,29,72,0.12);
  --table-row-hover: rgba(249,115,22,0.04); --table-stripe: rgba(249,115,22,0.02);
  --section-color-1: #f97316; --section-color-2: #e11d48; --section-color-3: #fb923c; --section-color-4: #ea580c;
}
[data-theme="tropical-sunset"] .sidebar { border-right-color: rgba(249,115,22,0.2); box-shadow: 2px 0 24px rgba(124,45,18,0.4), 4px 0 40px rgba(159,18,57,0.15); }
[data-theme="tropical-sunset"] .sidebar::before { background: radial-gradient(ellipse at 20% 10%, rgba(249,115,22,0.1) 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, rgba(225,29,72,0.08) 0%, transparent 50%), radial-gradient(ellipse at 30% 90%, rgba(112,26,117,0.08) 0%, transparent 50%); }
[data-theme="tropical-sunset"] .sidebar-brand { background: rgba(124,45,18,0.5); border-bottom-color: rgba(249,115,22,0.15); }
[data-theme="tropical-sunset"] .sidebar-brand-icon { background: linear-gradient(135deg, #f97316 0%, #ef4444 50%, #e11d48 100%); box-shadow: 0 4px 16px rgba(249,115,22,0.5); }
[data-theme="tropical-sunset"] .sidebar-brand-text h1 { color: #fed7aa; }
[data-theme="tropical-sunset"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #fbbf24 0%, #fb923c 50%, #f43f5e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="tropical-sunset"] .sidebar-brand-text > span { color: #ae5530; }
[data-theme="tropical-sunset"] .sidebar-user-avatar { background: linear-gradient(135deg, #f97316 0%, #ef4444 50%, #e11d48 100%); box-shadow: 0 3px 12px rgba(249,115,22,0.5); }
[data-theme="tropical-sunset"] .sidebar-footer { border-top-color: rgba(225,29,72,0.15); background: rgba(112,26,117,0.4); }
[data-theme="tropical-sunset"] .sidebar-footer .dropdown-item:hover { background: rgba(249,115,22,0.12); color: #fed7aa; }
[data-theme="tropical-sunset"] .sidebar-user:hover { background: rgba(249,115,22,0.12); }
[data-theme="tropical-sunset"] .sidebar-user-name { color: #fed7aa; }
[data-theme="tropical-sunset"] .sidebar-user-role { color: #ae5530; }
[data-theme="tropical-sunset"] .company-switcher { background: rgba(154,52,18,0.5); border-color: rgba(249,115,22,0.15); }
[data-theme="tropical-sunset"] .company-switcher .label { color: #ae5530; }
[data-theme="tropical-sunset"] .company-switcher .name { color: #fed7aa; }
[data-theme="tropical-sunset"] .company-switcher .chevron { color: #ae5530; }
[data-theme="tropical-sunset"] .company-switcher .company-icon { color: #fdba74; background: rgba(249,115,22,0.12); }
[data-theme="tropical-sunset"] .sidebar-search-input { background: rgba(154,52,18,0.5); border-color: rgba(249,115,22,0.15); color: #fed7aa; }
[data-theme="tropical-sunset"] .sidebar-search-input::placeholder { color: #ae5530; }
[data-theme="tropical-sunset"] .nav-section-header { color: #fdba74; }
[data-theme="tropical-sunset"] .nav-section-header:hover { background: rgba(249,115,22,0.1); }
[data-theme="tropical-sunset"] .nav-item-link { color: #fdba74; }
[data-theme="tropical-sunset"] .nav-item-link:hover { color: #fed7aa; background: rgba(249,115,22,0.1); }
[data-theme="tropical-sunset"] .nav-item-link.active { color: #fbbf24; background: rgba(249,115,22,0.2); }
[data-theme="tropical-sunset"] .nav-subgroup-header { color: #fdba74; }

/* --- X4. Galaxy Nebula --- */
[data-theme="galaxy-nebula"] {
  --primary-50: #faf5ff; --primary-100: #f3e8ff; --primary-200: #e9d5ff; --primary-300: #d8b4fe;
  --primary-400: #c084fc; --primary-500: #a855f7; --primary-600: #9333ea; --primary-700: #7c3aed;
  --primary-800: #6b21a8; --primary-900: #581c87;
  --primary: #7c3aed; --primary-light: #8b5cf6; --primary-dark: #6d28d9;
  --primary-gradient: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #6d28d9 0%, #7c3aed 40%, #3b82f6 100%);
  --accent: #3b82f6; --accent-light: #60a5fa; --accent-dark: #2563eb;
  --gradient-sidebar: linear-gradient(180deg, #0f0326 0%, #1a0a3e 30%, #0c1445 60%, #020617 100%);
  --gradient-page-bg: linear-gradient(180deg, #faf8ff 0%, #faf5ff 50%, #eef2ff 100%);
  --gradient-table-header: linear-gradient(135deg, #7c3aed 0%, #6366f1 50%, #3b82f6 100%);
  --bg-sidebar-hover: rgba(124,58,237,0.15); --bg-sidebar-active: rgba(124,58,237,0.22);
  --text-sidebar: #c4b5fd; --text-sidebar-active: #e9d5ff;
  --text-link: #7c3aed; --text-link-hover: #6d28d9; --border-focus: #7c3aed;
  --shadow-primary: 0 4px 15px rgba(124,58,237,0.3), 0 2px 6px rgba(59,130,246,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(124,58,237,0.35), 0 4px 10px rgba(59,130,246,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(124,58,237,0.1);
  --shadow-card-hover: 0 8px 24px rgba(124,58,237,0.18), 0 4px 8px rgba(59,130,246,0.08);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(124,58,237,0.14);
  --shadow-glow-primary: 0 0 24px rgba(124,58,237,0.35), 0 0 48px rgba(59,130,246,0.12);
  --table-row-hover: rgba(124,58,237,0.04); --table-stripe: rgba(124,58,237,0.02);
  --section-color-1: #7c3aed; --section-color-2: #3b82f6; --section-color-3: #8b5cf6; --section-color-4: #6d28d9;
}
[data-theme="galaxy-nebula"] .sidebar { border-right-color: rgba(124,58,237,0.2); box-shadow: 2px 0 24px rgba(15,3,38,0.5), 4px 0 40px rgba(124,58,237,0.12); }
[data-theme="galaxy-nebula"] .sidebar::before { background: radial-gradient(ellipse at 30% 15%, rgba(124,58,237,0.1) 0%, transparent 45%), radial-gradient(ellipse at 70% 55%, rgba(59,130,246,0.08) 0%, transparent 45%), radial-gradient(circle at 50% 85%, rgba(168,85,247,0.06) 0%, transparent 40%); }
[data-theme="galaxy-nebula"] .sidebar-brand { background: rgba(15,3,38,0.5); border-bottom-color: rgba(124,58,237,0.15); }
[data-theme="galaxy-nebula"] .sidebar-brand-icon { background: linear-gradient(135deg, #7c3aed 0%, #6366f1 50%, #3b82f6 100%); box-shadow: 0 4px 16px rgba(124,58,237,0.5), 0 0 20px rgba(59,130,246,0.2); }
[data-theme="galaxy-nebula"] .sidebar-brand-text h1 { color: #e9d5ff; }
[data-theme="galaxy-nebula"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #c084fc 0%, #818cf8 50%, #60a5fa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="galaxy-nebula"] .sidebar-brand-text > span { color: #5c3d8f; }
[data-theme="galaxy-nebula"] .sidebar-user-avatar { background: linear-gradient(135deg, #7c3aed 0%, #6366f1 50%, #3b82f6 100%); box-shadow: 0 3px 12px rgba(124,58,237,0.5); }
[data-theme="galaxy-nebula"] .sidebar-footer { border-top-color: rgba(59,130,246,0.15); background: rgba(2,6,23,0.5); }
[data-theme="galaxy-nebula"] .sidebar-footer .dropdown-item:hover { background: rgba(124,58,237,0.12); color: #e9d5ff; }
[data-theme="galaxy-nebula"] .sidebar-user:hover { background: rgba(124,58,237,0.12); }
[data-theme="galaxy-nebula"] .sidebar-user-name { color: #e9d5ff; }
[data-theme="galaxy-nebula"] .sidebar-user-role { color: #5c3d8f; }
[data-theme="galaxy-nebula"] .company-switcher { background: rgba(26,10,62,0.5); border-color: rgba(124,58,237,0.15); }
[data-theme="galaxy-nebula"] .company-switcher .label { color: #5c3d8f; }
[data-theme="galaxy-nebula"] .company-switcher .name { color: #e9d5ff; }
[data-theme="galaxy-nebula"] .company-switcher .chevron { color: #5c3d8f; }
[data-theme="galaxy-nebula"] .company-switcher .company-icon { color: #c4b5fd; background: rgba(124,58,237,0.12); }
[data-theme="galaxy-nebula"] .sidebar-search-input { background: rgba(26,10,62,0.5); border-color: rgba(124,58,237,0.15); color: #e9d5ff; }
[data-theme="galaxy-nebula"] .sidebar-search-input::placeholder { color: #5c3d8f; }
[data-theme="galaxy-nebula"] .nav-section-header { color: #c4b5fd; }
[data-theme="galaxy-nebula"] .nav-section-header:hover { background: rgba(124,58,237,0.1); }
[data-theme="galaxy-nebula"] .nav-item-link { color: #c4b5fd; }
[data-theme="galaxy-nebula"] .nav-item-link:hover { color: #e9d5ff; background: rgba(124,58,237,0.1); }
[data-theme="galaxy-nebula"] .nav-item-link.active { color: #60a5fa; background: rgba(59,130,246,0.18); }
[data-theme="galaxy-nebula"] .nav-subgroup-header { color: #c4b5fd; }

/* --- X5. Emerald Luxury --- */
[data-theme="emerald-luxury"] {
  --primary-50: #ecfdf5; --primary-100: #d1fae5; --primary-200: #a7f3d0; --primary-300: #6ee7b7;
  --primary-400: #34d399; --primary-500: #10b981; --primary-600: #059669; --primary-700: #047857;
  --primary-800: #065f46; --primary-900: #064e3b;
  --primary: #059669; --primary-light: #10b981; --primary-dark: #047857;
  --primary-gradient: linear-gradient(135deg, #059669 0%, #d97706 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #047857 0%, #059669 50%, #d97706 100%);
  --accent: #d97706; --accent-light: #f59e0b; --accent-dark: #b45309;
  --gradient-sidebar: linear-gradient(180deg, #022c22 0%, #064e3b 35%, #14532d 65%, #1a2e05 100%);
  --gradient-page-bg: linear-gradient(180deg, #f5fff8 0%, #ecfdf5 50%, #fffbeb 100%);
  --gradient-table-header: linear-gradient(135deg, #047857 0%, #059669 50%, #d97706 100%);
  --bg-sidebar-hover: rgba(5,150,105,0.14); --bg-sidebar-active: rgba(5,150,105,0.22);
  --text-sidebar: #6ee7b7; --text-sidebar-active: #a7f3d0;
  --text-link: #059669; --text-link-hover: #047857; --border-focus: #059669;
  --shadow-primary: 0 4px 15px rgba(5,150,105,0.3), 0 2px 6px rgba(217,119,6,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(5,150,105,0.35), 0 4px 10px rgba(217,119,6,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(5,150,105,0.1);
  --shadow-card-hover: 0 8px 24px rgba(5,150,105,0.18), 0 4px 8px rgba(217,119,6,0.08);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(5,150,105,0.14);
  --shadow-glow-primary: 0 0 24px rgba(5,150,105,0.3), 0 0 48px rgba(217,119,6,0.1);
  --table-row-hover: rgba(5,150,105,0.04); --table-stripe: rgba(5,150,105,0.02);
  --section-color-1: #059669; --section-color-2: #d97706; --section-color-3: #10b981; --section-color-4: #047857;
}
[data-theme="emerald-luxury"] .sidebar { border-right-color: rgba(5,150,105,0.2); box-shadow: 2px 0 24px rgba(2,44,34,0.5), 4px 0 40px rgba(217,119,6,0.08); }
[data-theme="emerald-luxury"] .sidebar::before { background: radial-gradient(ellipse at 30% 20%, rgba(5,150,105,0.1) 0%, transparent 50%), radial-gradient(ellipse at 70% 70%, rgba(217,119,6,0.06) 0%, transparent 50%), radial-gradient(ellipse at 50% 90%, rgba(16,185,129,0.06) 0%, transparent 50%); }
[data-theme="emerald-luxury"] .sidebar-brand { background: rgba(2,44,34,0.5); border-bottom-color: rgba(5,150,105,0.15); }
[data-theme="emerald-luxury"] .sidebar-brand-icon { background: linear-gradient(135deg, #059669 0%, #34d399 50%, #fbbf24 100%); box-shadow: 0 4px 16px rgba(5,150,105,0.5); }
[data-theme="emerald-luxury"] .sidebar-brand-text h1 { color: #a7f3d0; }
[data-theme="emerald-luxury"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #34d399 0%, #6ee7b7 50%, #fbbf24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="emerald-luxury"] .sidebar-brand-text > span { color: #2d7a52; }
[data-theme="emerald-luxury"] .sidebar-user-avatar { background: linear-gradient(135deg, #059669 0%, #34d399 50%, #fbbf24 100%); box-shadow: 0 3px 12px rgba(5,150,105,0.5); }
[data-theme="emerald-luxury"] .sidebar-footer { border-top-color: rgba(5,150,105,0.15); background: rgba(26,46,5,0.5); }
[data-theme="emerald-luxury"] .sidebar-footer .dropdown-item:hover { background: rgba(5,150,105,0.12); color: #a7f3d0; }
[data-theme="emerald-luxury"] .sidebar-user:hover { background: rgba(5,150,105,0.12); }
[data-theme="emerald-luxury"] .sidebar-user-name { color: #a7f3d0; }
[data-theme="emerald-luxury"] .sidebar-user-role { color: #2d7a52; }
[data-theme="emerald-luxury"] .company-switcher { background: rgba(6,78,59,0.5); border-color: rgba(5,150,105,0.15); }
[data-theme="emerald-luxury"] .company-switcher .label { color: #2d7a52; }
[data-theme="emerald-luxury"] .company-switcher .name { color: #a7f3d0; }
[data-theme="emerald-luxury"] .company-switcher .chevron { color: #2d7a52; }
[data-theme="emerald-luxury"] .company-switcher .company-icon { color: #6ee7b7; background: rgba(5,150,105,0.12); }
[data-theme="emerald-luxury"] .sidebar-search-input { background: rgba(6,78,59,0.5); border-color: rgba(5,150,105,0.15); color: #a7f3d0; }
[data-theme="emerald-luxury"] .sidebar-search-input::placeholder { color: #2d7a52; }
[data-theme="emerald-luxury"] .nav-section-header { color: #6ee7b7; }
[data-theme="emerald-luxury"] .nav-section-header:hover { background: rgba(5,150,105,0.1); }
[data-theme="emerald-luxury"] .nav-item-link { color: #6ee7b7; }
[data-theme="emerald-luxury"] .nav-item-link:hover { color: #a7f3d0; background: rgba(5,150,105,0.1); }
[data-theme="emerald-luxury"] .nav-item-link.active { color: #fbbf24; background: rgba(217,119,6,0.18); }
[data-theme="emerald-luxury"] .nav-subgroup-header { color: #6ee7b7; }

/* --- X6. Fire & Ice --- */
[data-theme="fire-ice"] {
  --primary-50: #eff6ff; --primary-100: #dbeafe; --primary-200: #bfdbfe; --primary-300: #93c5fd;
  --primary-400: #60a5fa; --primary-500: #3b82f6; --primary-600: #2563eb; --primary-700: #1d4ed8;
  --primary-800: #1e40af; --primary-900: #1e3a8a;
  --primary: #2563eb; --primary-light: #3b82f6; --primary-dark: #1d4ed8;
  --primary-gradient: linear-gradient(135deg, #dc2626 0%, #2563eb 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #b91c1c 0%, #ef4444 30%, #3b82f6 70%, #1d4ed8 100%);
  --accent: #ef4444; --accent-light: #f87171; --accent-dark: #dc2626;
  --gradient-sidebar: linear-gradient(180deg, #7f1d1d 0%, #6b1520 25%, #2a1550 55%, #0c1445 100%);
  --gradient-page-bg: linear-gradient(180deg, #fef8f8 0%, #fef2f2 40%, #eff6ff 100%);
  --gradient-table-header: linear-gradient(135deg, #dc2626 0%, #7c3aed 50%, #2563eb 100%);
  --bg-sidebar-hover: rgba(99,102,241,0.15); --bg-sidebar-active: rgba(99,102,241,0.22);
  --text-sidebar: #c4b5fd; --text-sidebar-active: #fecaca;
  --text-link: #2563eb; --text-link-hover: #1d4ed8; --border-focus: #2563eb;
  --shadow-primary: 0 4px 15px rgba(37,99,235,0.25), 0 2px 6px rgba(220,38,38,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(37,99,235,0.3), 0 4px 10px rgba(220,38,38,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(37,99,235,0.08);
  --shadow-card-hover: 0 8px 24px rgba(37,99,235,0.15), 0 4px 8px rgba(220,38,38,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(37,99,235,0.12);
  --shadow-glow-primary: 0 0 24px rgba(37,99,235,0.25), 0 0 48px rgba(220,38,38,0.1);
  --table-row-hover: rgba(37,99,235,0.04); --table-stripe: rgba(37,99,235,0.02);
  --section-color-1: #2563eb; --section-color-2: #dc2626; --section-color-3: #7c3aed; --section-color-4: #1d4ed8;
}
[data-theme="fire-ice"] .sidebar { border-right-color: rgba(99,102,241,0.2); box-shadow: 2px 0 24px rgba(127,29,29,0.3), 4px 0 40px rgba(12,20,69,0.3); }
[data-theme="fire-ice"] .sidebar::before { background: radial-gradient(ellipse at 30% 10%, rgba(239,68,68,0.1) 0%, transparent 45%), radial-gradient(ellipse at 50% 50%, rgba(124,58,237,0.08) 0%, transparent 45%), radial-gradient(ellipse at 70% 90%, rgba(59,130,246,0.1) 0%, transparent 45%); }
[data-theme="fire-ice"] .sidebar-brand { background: rgba(127,29,29,0.4); border-bottom-color: rgba(239,68,68,0.15); }
[data-theme="fire-ice"] .sidebar-brand-icon { background: linear-gradient(135deg, #ef4444 0%, #a855f7 50%, #3b82f6 100%); box-shadow: 0 4px 16px rgba(124,58,237,0.5); }
[data-theme="fire-ice"] .sidebar-brand-text h1 { color: #fecaca; }
[data-theme="fire-ice"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #f87171 0%, #c084fc 50%, #60a5fa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="fire-ice"] .sidebar-brand-text > span { color: #8a3a50; }
[data-theme="fire-ice"] .sidebar-user-avatar { background: linear-gradient(135deg, #ef4444 0%, #a855f7 50%, #3b82f6 100%); box-shadow: 0 3px 12px rgba(124,58,237,0.5); }
[data-theme="fire-ice"] .sidebar-footer { border-top-color: rgba(59,130,246,0.15); background: rgba(12,20,69,0.5); }
[data-theme="fire-ice"] .sidebar-footer .dropdown-item:hover { background: rgba(99,102,241,0.12); color: #c7d2fe; }
[data-theme="fire-ice"] .sidebar-user:hover { background: rgba(99,102,241,0.12); }
[data-theme="fire-ice"] .sidebar-user-name { color: #fecaca; }
[data-theme="fire-ice"] .sidebar-user-role { color: #8a3a50; }
[data-theme="fire-ice"] .company-switcher { background: rgba(42,21,80,0.5); border-color: rgba(99,102,241,0.15); }
[data-theme="fire-ice"] .company-switcher .label { color: #8a3a50; }
[data-theme="fire-ice"] .company-switcher .name { color: #fecaca; }
[data-theme="fire-ice"] .company-switcher .chevron { color: #8a3a50; }
[data-theme="fire-ice"] .company-switcher .company-icon { color: #c4b5fd; background: rgba(99,102,241,0.12); }
[data-theme="fire-ice"] .sidebar-search-input { background: rgba(42,21,80,0.5); border-color: rgba(99,102,241,0.15); color: #e9d5ff; }
[data-theme="fire-ice"] .sidebar-search-input::placeholder { color: #8a3a50; }
[data-theme="fire-ice"] .nav-section-header { color: #c4b5fd; }
[data-theme="fire-ice"] .nav-section-header:hover { background: rgba(99,102,241,0.1); }
[data-theme="fire-ice"] .nav-item-link { color: #c4b5fd; }
[data-theme="fire-ice"] .nav-item-link:hover { color: #e9d5ff; background: rgba(99,102,241,0.1); }
[data-theme="fire-ice"] .nav-item-link.active { color: #f87171; background: rgba(239,68,68,0.18); }
[data-theme="fire-ice"] .nav-subgroup-header { color: #c4b5fd; }

/* --- X7. Midnight Rose --- */
[data-theme="midnight-rose"] {
  --primary-50: #fdf2f8; --primary-100: #fce7f3; --primary-200: #fbcfe8; --primary-300: #f9a8d4;
  --primary-400: #f472b6; --primary-500: #ec4899; --primary-600: #db2777; --primary-700: #be185d;
  --primary-800: #9d174d; --primary-900: #831843;
  --primary: #db2777; --primary-light: #ec4899; --primary-dark: #be185d;
  --primary-gradient: linear-gradient(135deg, #db2777 0%, #9333ea 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #be185d 0%, #db2777 40%, #a855f7 100%);
  --accent: #a855f7; --accent-light: #c084fc; --accent-dark: #9333ea;
  --gradient-sidebar: linear-gradient(180deg, #500724 0%, #4a044e 40%, #3b0764 70%, #1e1b4b 100%);
  --gradient-page-bg: linear-gradient(180deg, #fef5fa 0%, #fdf2f8 50%, #faf5ff 100%);
  --gradient-table-header: linear-gradient(135deg, #be185d 0%, #db2777 50%, #a855f7 100%);
  --bg-sidebar-hover: rgba(236,72,153,0.15); --bg-sidebar-active: rgba(236,72,153,0.22);
  --text-sidebar: #f9a8d4; --text-sidebar-active: #fbcfe8;
  --text-link: #db2777; --text-link-hover: #be185d; --border-focus: #db2777;
  --shadow-primary: 0 4px 15px rgba(219,39,119,0.3), 0 2px 6px rgba(168,85,247,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(219,39,119,0.35), 0 4px 10px rgba(168,85,247,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(219,39,119,0.1);
  --shadow-card-hover: 0 8px 24px rgba(219,39,119,0.18), 0 4px 8px rgba(168,85,247,0.08);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(219,39,119,0.14);
  --shadow-glow-primary: 0 0 24px rgba(219,39,119,0.3), 0 0 48px rgba(168,85,247,0.12);
  --table-row-hover: rgba(219,39,119,0.04); --table-stripe: rgba(219,39,119,0.02);
  --section-color-1: #db2777; --section-color-2: #9333ea; --section-color-3: #ec4899; --section-color-4: #be185d;
}
[data-theme="midnight-rose"] .sidebar { border-right-color: rgba(236,72,153,0.2); box-shadow: 2px 0 24px rgba(80,7,36,0.4), 4px 0 40px rgba(59,7,100,0.2); }
[data-theme="midnight-rose"] .sidebar::before { background: radial-gradient(ellipse at 30% 10%, rgba(236,72,153,0.1) 0%, transparent 50%), radial-gradient(ellipse at 70% 50%, rgba(168,85,247,0.08) 0%, transparent 50%), radial-gradient(ellipse at 40% 90%, rgba(99,102,241,0.06) 0%, transparent 50%); }
[data-theme="midnight-rose"] .sidebar-brand { background: rgba(80,7,36,0.5); border-bottom-color: rgba(236,72,153,0.15); }
[data-theme="midnight-rose"] .sidebar-brand-icon { background: linear-gradient(135deg, #ec4899 0%, #db2777 50%, #a855f7 100%); box-shadow: 0 4px 16px rgba(219,39,119,0.5); }
[data-theme="midnight-rose"] .sidebar-brand-text h1 { color: #fbcfe8; }
[data-theme="midnight-rose"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #f472b6 0%, #ec4899 50%, #c084fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="midnight-rose"] .sidebar-brand-text > span { color: #9d3070; }
[data-theme="midnight-rose"] .sidebar-user-avatar { background: linear-gradient(135deg, #ec4899 0%, #db2777 50%, #a855f7 100%); box-shadow: 0 3px 12px rgba(219,39,119,0.5); }
[data-theme="midnight-rose"] .sidebar-footer { border-top-color: rgba(168,85,247,0.15); background: rgba(30,27,75,0.5); }
[data-theme="midnight-rose"] .sidebar-footer .dropdown-item:hover { background: rgba(236,72,153,0.12); color: #fbcfe8; }
[data-theme="midnight-rose"] .sidebar-user:hover { background: rgba(236,72,153,0.12); }
[data-theme="midnight-rose"] .sidebar-user-name { color: #fbcfe8; }
[data-theme="midnight-rose"] .sidebar-user-role { color: #9d3070; }
[data-theme="midnight-rose"] .company-switcher { background: rgba(74,4,78,0.5); border-color: rgba(236,72,153,0.15); }
[data-theme="midnight-rose"] .company-switcher .label { color: #9d3070; }
[data-theme="midnight-rose"] .company-switcher .name { color: #fbcfe8; }
[data-theme="midnight-rose"] .company-switcher .chevron { color: #9d3070; }
[data-theme="midnight-rose"] .company-switcher .company-icon { color: #f9a8d4; background: rgba(236,72,153,0.12); }
[data-theme="midnight-rose"] .sidebar-search-input { background: rgba(74,4,78,0.5); border-color: rgba(236,72,153,0.15); color: #fbcfe8; }
[data-theme="midnight-rose"] .sidebar-search-input::placeholder { color: #9d3070; }
[data-theme="midnight-rose"] .nav-section-header { color: #f9a8d4; }
[data-theme="midnight-rose"] .nav-section-header:hover { background: rgba(236,72,153,0.1); }
[data-theme="midnight-rose"] .nav-item-link { color: #f9a8d4; }
[data-theme="midnight-rose"] .nav-item-link:hover { color: #fbcfe8; background: rgba(236,72,153,0.1); }
[data-theme="midnight-rose"] .nav-item-link.active { color: #c084fc; background: rgba(168,85,247,0.18); }
[data-theme="midnight-rose"] .nav-subgroup-header { color: #f9a8d4; }

/* --- X8. Electric Storm --- */
[data-theme="electric-storm"] {
  --primary-50: #fefce8; --primary-100: #fef9c3; --primary-200: #fef08a; --primary-300: #fde047;
  --primary-400: #facc15; --primary-500: #eab308; --primary-600: #ca8a04; --primary-700: #a16207;
  --primary-800: #854d0e; --primary-900: #713f12;
  --primary: #0284c7; --primary-light: #0ea5e9; --primary-dark: #0369a1;
  --primary-gradient: linear-gradient(135deg, #0284c7 0%, #eab308 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #0369a1 0%, #0284c7 40%, #eab308 100%);
  --accent: #eab308; --accent-light: #facc15; --accent-dark: #ca8a04;
  --gradient-sidebar: linear-gradient(180deg, #0c4a6e 0%, #082f49 35%, #1a1a0a 65%, #422006 100%);
  --gradient-page-bg: linear-gradient(180deg, #f5fbff 0%, #f0f9ff 50%, #fefce8 100%);
  --gradient-table-header: linear-gradient(135deg, #0369a1 0%, #0284c7 50%, #eab308 100%);
  --bg-sidebar-hover: rgba(14,165,233,0.14); --bg-sidebar-active: rgba(14,165,233,0.22);
  --text-sidebar: #7dd3fc; --text-sidebar-active: #bae6fd;
  --text-link: #0284c7; --text-link-hover: #0369a1; --border-focus: #0284c7;
  --shadow-primary: 0 4px 15px rgba(2,132,199,0.3), 0 2px 6px rgba(234,179,8,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(2,132,199,0.35), 0 4px 10px rgba(234,179,8,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(2,132,199,0.1);
  --shadow-card-hover: 0 8px 24px rgba(2,132,199,0.18), 0 4px 8px rgba(234,179,8,0.08);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(2,132,199,0.14);
  --shadow-glow-primary: 0 0 24px rgba(2,132,199,0.3), 0 0 48px rgba(234,179,8,0.12);
  --table-row-hover: rgba(2,132,199,0.04); --table-stripe: rgba(2,132,199,0.02);
  --section-color-1: #0284c7; --section-color-2: #eab308; --section-color-3: #0ea5e9; --section-color-4: #0369a1;
}
[data-theme="electric-storm"] .sidebar { border-right-color: rgba(14,165,233,0.2); box-shadow: 2px 0 24px rgba(12,74,110,0.4), 4px 0 40px rgba(66,32,6,0.15); }
[data-theme="electric-storm"] .sidebar::before { background: radial-gradient(ellipse at 30% 15%, rgba(14,165,233,0.1) 0%, transparent 50%), radial-gradient(ellipse at 70% 55%, rgba(234,179,8,0.08) 0%, transparent 50%), radial-gradient(ellipse at 50% 90%, rgba(2,132,199,0.06) 0%, transparent 50%); }
[data-theme="electric-storm"] .sidebar-brand { background: rgba(12,74,110,0.5); border-bottom-color: rgba(14,165,233,0.15); }
[data-theme="electric-storm"] .sidebar-brand-icon { background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 40%, #facc15 100%); box-shadow: 0 4px 16px rgba(14,165,233,0.5); }
[data-theme="electric-storm"] .sidebar-brand-text h1 { color: #bae6fd; }
[data-theme="electric-storm"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #38bdf8 0%, #7dd3fc 50%, #facc15 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="electric-storm"] .sidebar-brand-text > span { color: #2a6a8a; }
[data-theme="electric-storm"] .sidebar-user-avatar { background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 40%, #facc15 100%); box-shadow: 0 3px 12px rgba(14,165,233,0.5); }
[data-theme="electric-storm"] .sidebar-footer { border-top-color: rgba(234,179,8,0.15); background: rgba(66,32,6,0.5); }
[data-theme="electric-storm"] .sidebar-footer .dropdown-item:hover { background: rgba(14,165,233,0.12); color: #bae6fd; }
[data-theme="electric-storm"] .sidebar-user:hover { background: rgba(14,165,233,0.12); }
[data-theme="electric-storm"] .sidebar-user-name { color: #bae6fd; }
[data-theme="electric-storm"] .sidebar-user-role { color: #2a6a8a; }
[data-theme="electric-storm"] .company-switcher { background: rgba(8,47,73,0.5); border-color: rgba(14,165,233,0.15); }
[data-theme="electric-storm"] .company-switcher .label { color: #2a6a8a; }
[data-theme="electric-storm"] .company-switcher .name { color: #bae6fd; }
[data-theme="electric-storm"] .company-switcher .chevron { color: #2a6a8a; }
[data-theme="electric-storm"] .company-switcher .company-icon { color: #7dd3fc; background: rgba(14,165,233,0.12); }
[data-theme="electric-storm"] .sidebar-search-input { background: rgba(8,47,73,0.5); border-color: rgba(14,165,233,0.15); color: #bae6fd; }
[data-theme="electric-storm"] .sidebar-search-input::placeholder { color: #2a6a8a; }
[data-theme="electric-storm"] .nav-section-header { color: #7dd3fc; }
[data-theme="electric-storm"] .nav-section-header:hover { background: rgba(14,165,233,0.1); }
[data-theme="electric-storm"] .nav-item-link { color: #7dd3fc; }
[data-theme="electric-storm"] .nav-item-link:hover { color: #bae6fd; background: rgba(14,165,233,0.1); }
[data-theme="electric-storm"] .nav-item-link.active { color: #facc15; background: rgba(234,179,8,0.18); }
[data-theme="electric-storm"] .nav-subgroup-header { color: #7dd3fc; }

/* --- X9. Volcanic Obsidian --- */
[data-theme="volcanic-obsidian"] {
  --primary-50: #fef2f2; --primary-100: #fee2e2; --primary-200: #fecaca; --primary-300: #fca5a5;
  --primary-400: #f87171; --primary-500: #ef4444; --primary-600: #dc2626; --primary-700: #b91c1c;
  --primary-800: #991b1b; --primary-900: #7f1d1d;
  --primary: #dc2626; --primary-light: #ef4444; --primary-dark: #b91c1c;
  --primary-gradient: linear-gradient(135deg, #dc2626 0%, #f97316 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #991b1b 0%, #dc2626 40%, #f97316 100%);
  --accent: #f97316; --accent-light: #fb923c; --accent-dark: #ea580c;
  --gradient-sidebar: linear-gradient(180deg, #0a0a0a 0%, #171717 30%, #1c1007 60%, #1a0a00 100%);
  --gradient-page-bg: linear-gradient(180deg, #fefaf8 0%, #fef2f2 50%, #fff7ed 100%);
  --gradient-table-header: linear-gradient(135deg, #991b1b 0%, #dc2626 50%, #f97316 100%);
  --bg-sidebar-hover: rgba(239,68,68,0.14); --bg-sidebar-active: rgba(239,68,68,0.22);
  --text-sidebar: #fca5a5; --text-sidebar-active: #fecaca;
  --text-link: #dc2626; --text-link-hover: #b91c1c; --border-focus: #dc2626;
  --shadow-primary: 0 4px 15px rgba(220,38,38,0.3), 0 2px 6px rgba(249,115,22,0.15);
  --shadow-primary-lg: 0 8px 25px rgba(220,38,38,0.35), 0 4px 10px rgba(249,115,22,0.18);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.08), 0 4px 16px rgba(220,38,38,0.1);
  --shadow-card-hover: 0 8px 24px rgba(220,38,38,0.2), 0 4px 8px rgba(249,115,22,0.08);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.08), 0 12px 24px -3px rgba(220,38,38,0.14);
  --shadow-glow-primary: 0 0 24px rgba(220,38,38,0.35), 0 0 48px rgba(249,115,22,0.15);
  --table-row-hover: rgba(220,38,38,0.04); --table-stripe: rgba(220,38,38,0.02);
  --section-color-1: #dc2626; --section-color-2: #f97316; --section-color-3: #ef4444; --section-color-4: #b91c1c;
}
[data-theme="volcanic-obsidian"] .sidebar { border-right-color: rgba(239,68,68,0.2); box-shadow: 2px 0 24px rgba(10,10,10,0.6), 4px 0 40px rgba(220,38,38,0.1); }
[data-theme="volcanic-obsidian"] .sidebar::before { background: radial-gradient(ellipse at 30% 80%, rgba(239,68,68,0.08) 0%, transparent 45%), radial-gradient(ellipse at 70% 60%, rgba(249,115,22,0.06) 0%, transparent 45%), radial-gradient(ellipse at 50% 20%, rgba(220,38,38,0.04) 0%, transparent 50%); }
[data-theme="volcanic-obsidian"] .sidebar-brand { background: rgba(10,10,10,0.5); border-bottom-color: rgba(239,68,68,0.15); }
[data-theme="volcanic-obsidian"] .sidebar-brand-icon { background: linear-gradient(135deg, #dc2626 0%, #ef4444 40%, #f97316 100%); box-shadow: 0 4px 16px rgba(220,38,38,0.5), 0 0 20px rgba(249,115,22,0.2); }
[data-theme="volcanic-obsidian"] .sidebar-brand-text h1 { color: #fecaca; }
[data-theme="volcanic-obsidian"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #f87171 0%, #ef4444 50%, #fb923c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="volcanic-obsidian"] .sidebar-brand-text > span { color: #6b3030; }
[data-theme="volcanic-obsidian"] .sidebar-user-avatar { background: linear-gradient(135deg, #dc2626 0%, #ef4444 40%, #f97316 100%); box-shadow: 0 3px 12px rgba(220,38,38,0.5); }
[data-theme="volcanic-obsidian"] .sidebar-footer { border-top-color: rgba(249,115,22,0.15); background: rgba(26,10,0,0.5); }
[data-theme="volcanic-obsidian"] .sidebar-footer .dropdown-item:hover { background: rgba(239,68,68,0.12); color: #fecaca; }
[data-theme="volcanic-obsidian"] .sidebar-user:hover { background: rgba(239,68,68,0.12); }
[data-theme="volcanic-obsidian"] .sidebar-user-name { color: #fecaca; }
[data-theme="volcanic-obsidian"] .sidebar-user-role { color: #6b3030; }
[data-theme="volcanic-obsidian"] .company-switcher { background: rgba(23,23,23,0.6); border-color: rgba(239,68,68,0.15); }
[data-theme="volcanic-obsidian"] .company-switcher .label { color: #6b3030; }
[data-theme="volcanic-obsidian"] .company-switcher .name { color: #fecaca; }
[data-theme="volcanic-obsidian"] .company-switcher .chevron { color: #6b3030; }
[data-theme="volcanic-obsidian"] .company-switcher .company-icon { color: #fca5a5; background: rgba(239,68,68,0.12); }
[data-theme="volcanic-obsidian"] .sidebar-search-input { background: rgba(23,23,23,0.6); border-color: rgba(239,68,68,0.15); color: #fecaca; }
[data-theme="volcanic-obsidian"] .sidebar-search-input::placeholder { color: #6b3030; }
[data-theme="volcanic-obsidian"] .nav-section-header { color: #fca5a5; }
[data-theme="volcanic-obsidian"] .nav-section-header:hover { background: rgba(239,68,68,0.1); }
[data-theme="volcanic-obsidian"] .nav-item-link { color: #fca5a5; }
[data-theme="volcanic-obsidian"] .nav-item-link:hover { color: #fecaca; background: rgba(239,68,68,0.1); }
[data-theme="volcanic-obsidian"] .nav-item-link.active { color: #fb923c; background: rgba(249,115,22,0.18); }
[data-theme="volcanic-obsidian"] .nav-subgroup-header { color: #fca5a5; }

/* --- X10. Arctic Frost --- */
[data-theme="arctic-frost"] {
  --primary-50: #f0f9ff; --primary-100: #e0f2fe; --primary-200: #bae6fd; --primary-300: #7dd3fc;
  --primary-400: #38bdf8; --primary-500: #0ea5e9; --primary-600: #0284c7; --primary-700: #0369a1;
  --primary-800: #075985; --primary-900: #0c4a6e;
  --primary: #0ea5e9; --primary-light: #38bdf8; --primary-dark: #0284c7;
  --primary-gradient: linear-gradient(135deg, #0ea5e9 0%, #a78bfa 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #0284c7 0%, #0ea5e9 40%, #c4b5fd 100%);
  --accent: #c4b5fd; --accent-light: #ddd6fe; --accent-dark: #a78bfa;
  --gradient-sidebar: linear-gradient(180deg, #0c4a6e 0%, #164e63 30%, #1e293b 60%, #1e1b4b 100%);
  --gradient-page-bg: linear-gradient(180deg, #f8fcff 0%, #f0f9ff 50%, #faf5ff 100%);
  --gradient-table-header: linear-gradient(135deg, #0284c7 0%, #0ea5e9 50%, #a78bfa 100%);
  --bg-sidebar-hover: rgba(14,165,233,0.14); --bg-sidebar-active: rgba(14,165,233,0.22);
  --text-sidebar: #7dd3fc; --text-sidebar-active: #bae6fd;
  --text-link: #0284c7; --text-link-hover: #0369a1; --border-focus: #0ea5e9;
  --shadow-primary: 0 4px 15px rgba(14,165,233,0.3), 0 2px 6px rgba(167,139,250,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(14,165,233,0.35), 0 4px 10px rgba(167,139,250,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(14,165,233,0.08);
  --shadow-card-hover: 0 8px 24px rgba(14,165,233,0.15), 0 4px 8px rgba(167,139,250,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(14,165,233,0.12);
  --shadow-glow-primary: 0 0 24px rgba(14,165,233,0.3), 0 0 48px rgba(167,139,250,0.12);
  --table-row-hover: rgba(14,165,233,0.04); --table-stripe: rgba(14,165,233,0.02);
  --section-color-1: #0ea5e9; --section-color-2: #a78bfa; --section-color-3: #38bdf8; --section-color-4: #0284c7;
}
[data-theme="arctic-frost"] .sidebar { border-right-color: rgba(14,165,233,0.2); box-shadow: 2px 0 24px rgba(12,74,110,0.4), 4px 0 40px rgba(30,27,75,0.15); }
[data-theme="arctic-frost"] .sidebar::before { background: radial-gradient(ellipse at 30% 15%, rgba(14,165,233,0.1) 0%, transparent 50%), radial-gradient(ellipse at 70% 60%, rgba(167,139,250,0.08) 0%, transparent 50%), radial-gradient(ellipse at 50% 90%, rgba(56,189,248,0.06) 0%, transparent 50%); }
[data-theme="arctic-frost"] .sidebar-brand { background: rgba(12,74,110,0.5); border-bottom-color: rgba(14,165,233,0.15); }
[data-theme="arctic-frost"] .sidebar-brand-icon { background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #c4b5fd 100%); box-shadow: 0 4px 16px rgba(14,165,233,0.5), 0 0 20px rgba(167,139,250,0.2); }
[data-theme="arctic-frost"] .sidebar-brand-text h1 { color: #bae6fd; }
[data-theme="arctic-frost"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #38bdf8 0%, #7dd3fc 50%, #c4b5fd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="arctic-frost"] .sidebar-brand-text > span { color: #2a6a8a; }
[data-theme="arctic-frost"] .sidebar-user-avatar { background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #c4b5fd 100%); box-shadow: 0 3px 12px rgba(14,165,233,0.5); }
[data-theme="arctic-frost"] .sidebar-footer { border-top-color: rgba(167,139,250,0.15); background: rgba(30,27,75,0.5); }
[data-theme="arctic-frost"] .sidebar-footer .dropdown-item:hover { background: rgba(14,165,233,0.12); color: #bae6fd; }
[data-theme="arctic-frost"] .sidebar-user:hover { background: rgba(14,165,233,0.12); }
[data-theme="arctic-frost"] .sidebar-user-name { color: #bae6fd; }
[data-theme="arctic-frost"] .sidebar-user-role { color: #2a6a8a; }
[data-theme="arctic-frost"] .company-switcher { background: rgba(22,78,99,0.5); border-color: rgba(14,165,233,0.15); }
[data-theme="arctic-frost"] .company-switcher .label { color: #2a6a8a; }
[data-theme="arctic-frost"] .company-switcher .name { color: #bae6fd; }
[data-theme="arctic-frost"] .company-switcher .chevron { color: #2a6a8a; }
[data-theme="arctic-frost"] .company-switcher .company-icon { color: #7dd3fc; background: rgba(14,165,233,0.12); }
[data-theme="arctic-frost"] .sidebar-search-input { background: rgba(22,78,99,0.5); border-color: rgba(14,165,233,0.15); color: #bae6fd; }
[data-theme="arctic-frost"] .sidebar-search-input::placeholder { color: #2a6a8a; }
[data-theme="arctic-frost"] .nav-section-header { color: #7dd3fc; }
[data-theme="arctic-frost"] .nav-section-header:hover { background: rgba(14,165,233,0.1); }
[data-theme="arctic-frost"] .nav-item-link { color: #7dd3fc; }
[data-theme="arctic-frost"] .nav-item-link:hover { color: #bae6fd; background: rgba(14,165,233,0.1); }
[data-theme="arctic-frost"] .nav-item-link.active { color: #c4b5fd; background: rgba(167,139,250,0.18); }
[data-theme="arctic-frost"] .nav-subgroup-header { color: #7dd3fc; }

/* ============================================
   PREMIUM THEMES (31-40) - Handpicked Attractive
   ============================================ */

/* --- P1. Sakura Bloom (Light) --- */
[data-theme="sakura-bloom"] {
  --primary-50: #fdf2f8; --primary-100: #fce7f3; --primary-200: #fbcfe8; --primary-300: #f9a8d4;
  --primary-400: #f472b6; --primary-500: #ec4899; --primary-600: #db2777; --primary-700: #be185d;
  --primary-800: #9d174d; --primary-900: #831843;
  --primary: #db2777; --primary-light: #f472b6; --primary-dark: #be185d;
  --primary-gradient: linear-gradient(135deg, #db2777 0%, #f472b6 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #be185d 0%, #db2777 50%, #f472b6 100%);
  --accent: #c084fc; --accent-light: #d8b4fe; --accent-dark: #a855f7;
  --gradient-sidebar: linear-gradient(180deg, #fdf2f8 0%, #fce7f3 50%, #fbcfe8 100%);
  --gradient-page-bg: linear-gradient(180deg, #fef7fb 0%, #fdf2f8 50%, #fce7f3 100%);
  --gradient-table-header: linear-gradient(135deg, #db2777 0%, #f472b6 100%);
  --bg-sidebar-hover: rgba(219,39,119,0.10); --bg-sidebar-active: rgba(219,39,119,0.16);
  --text-sidebar: #be185d; --text-sidebar-active: #9d174d;
  --text-link: #db2777; --text-link-hover: #be185d; --border-focus: #db2777;
  --shadow-primary: 0 4px 15px rgba(219,39,119,0.25), 0 2px 6px rgba(219,39,119,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(219,39,119,0.3), 0 4px 10px rgba(219,39,119,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(219,39,119,0.08);
  --shadow-card-hover: 0 8px 24px rgba(219,39,119,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(219,39,119,0.12);
  --shadow-glow-primary: 0 0 20px rgba(219,39,119,0.25);
  --table-row-hover: rgba(219,39,119,0.04); --table-stripe: rgba(219,39,119,0.02);
  --section-color-1: #db2777; --section-color-2: #a855f7; --section-color-3: #f472b6; --section-color-4: #be185d;
}
[data-theme="sakura-bloom"] .sidebar { border-right-color: rgba(219,39,119,0.12); box-shadow: 2px 0 20px rgba(253,242,248,0.4); }
[data-theme="sakura-bloom"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(219,39,119,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(192,132,252,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(219,39,119,0.03) 0%, transparent 70%); }
[data-theme="sakura-bloom"] .sidebar-brand { background: rgba(252,231,243,0.6); border-bottom-color: rgba(219,39,119,0.1); }
[data-theme="sakura-bloom"] .sidebar-brand-icon { background: linear-gradient(135deg, #db2777 0%, #f472b6 50%, #f9a8d4 100%); box-shadow: 0 4px 14px rgba(219,39,119,0.35); }
[data-theme="sakura-bloom"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #db2777 0%, #be185d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="sakura-bloom"] .sidebar-user-avatar { background: linear-gradient(135deg, #db2777 0%, #f472b6 50%, #f9a8d4 100%); box-shadow: 0 3px 10px rgba(219,39,119,0.35); }
[data-theme="sakura-bloom"] .sidebar-footer { border-top-color: rgba(219,39,119,0.1); background: rgba(252,231,243,0.5); }
[data-theme="sakura-bloom"] .sidebar-footer .dropdown-item:hover { background: rgba(219,39,119,0.08); }
[data-theme="sakura-bloom"] .sidebar-user:hover { background: rgba(219,39,119,0.08); }
[data-theme="sakura-bloom"] .nav-item-link.active { color: #9d174d; background: rgba(219,39,119,0.12); border-left: 3px solid #db2777; }

/* --- P2. Mint Frost (Light) --- */
[data-theme="mint-frost"] {
  --primary-50: #ecfdf5; --primary-100: #d1fae5; --primary-200: #a7f3d0; --primary-300: #6ee7b7;
  --primary-400: #34d399; --primary-500: #10b981; --primary-600: #059669; --primary-700: #047857;
  --primary-800: #065f46; --primary-900: #064e3b;
  --primary: #047857; --primary-light: #34d399; --primary-dark: #065f46;
  --primary-gradient: linear-gradient(135deg, #047857 0%, #34d399 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #065f46 0%, #047857 50%, #34d399 100%);
  --accent: #2dd4bf; --accent-light: #5eead4; --accent-dark: #14b8a6;
  --gradient-sidebar: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 50%, #a7f3d0 100%);
  --gradient-page-bg: linear-gradient(180deg, #f0fdf8 0%, #ecfdf5 50%, #d1fae5 100%);
  --gradient-table-header: linear-gradient(135deg, #047857 0%, #34d399 100%);
  --bg-sidebar-hover: rgba(4,120,87,0.10); --bg-sidebar-active: rgba(4,120,87,0.16);
  --text-sidebar: #047857; --text-sidebar-active: #065f46;
  --text-link: #047857; --text-link-hover: #065f46; --border-focus: #047857;
  --shadow-primary: 0 4px 15px rgba(4,120,87,0.25), 0 2px 6px rgba(4,120,87,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(4,120,87,0.3), 0 4px 10px rgba(4,120,87,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(4,120,87,0.08);
  --shadow-card-hover: 0 8px 24px rgba(4,120,87,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(4,120,87,0.12);
  --shadow-glow-primary: 0 0 20px rgba(4,120,87,0.25);
  --table-row-hover: rgba(4,120,87,0.04); --table-stripe: rgba(4,120,87,0.02);
  --section-color-1: #047857; --section-color-2: #14b8a6; --section-color-3: #34d399; --section-color-4: #065f46;
}
[data-theme="mint-frost"] .sidebar { border-right-color: rgba(4,120,87,0.12); box-shadow: 2px 0 20px rgba(236,253,245,0.4); }
[data-theme="mint-frost"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(4,120,87,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(45,212,191,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(4,120,87,0.03) 0%, transparent 70%); }
[data-theme="mint-frost"] .sidebar-brand { background: rgba(209,250,229,0.6); border-bottom-color: rgba(4,120,87,0.1); }
[data-theme="mint-frost"] .sidebar-brand-icon { background: linear-gradient(135deg, #047857 0%, #34d399 50%, #6ee7b7 100%); box-shadow: 0 4px 14px rgba(4,120,87,0.35); }
[data-theme="mint-frost"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #047857 0%, #065f46 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="mint-frost"] .sidebar-user-avatar { background: linear-gradient(135deg, #047857 0%, #34d399 50%, #6ee7b7 100%); box-shadow: 0 3px 10px rgba(4,120,87,0.35); }
[data-theme="mint-frost"] .sidebar-footer { border-top-color: rgba(4,120,87,0.1); background: rgba(209,250,229,0.5); }
[data-theme="mint-frost"] .sidebar-footer .dropdown-item:hover { background: rgba(4,120,87,0.08); }
[data-theme="mint-frost"] .sidebar-user:hover { background: rgba(4,120,87,0.08); }
[data-theme="mint-frost"] .nav-item-link.active { color: #065f46; background: rgba(4,120,87,0.12); border-left: 3px solid #047857; }

/* --- P3. Cobalt Chrome (Dark) --- */
[data-theme="cobalt-chrome"] {
  --primary-50: #eff6ff; --primary-100: #dbeafe; --primary-200: #bfdbfe; --primary-300: #93c5fd;
  --primary-400: #60a5fa; --primary-500: #3b82f6; --primary-600: #2563eb; --primary-700: #1d4ed8;
  --primary-800: #1e40af; --primary-900: #1e3a8a;
  --primary: #2563eb; --primary-light: #3b82f6; --primary-dark: #1d4ed8;
  --primary-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #60a5fa 100%);
  --accent: #67e8f9; --accent-light: #a5f3fc; --accent-dark: #22d3ee;
  --gradient-sidebar: linear-gradient(180deg, #172554 0%, #1e3a5f 50%, #0f2442 100%);
  --gradient-page-bg: linear-gradient(180deg, #f0f5ff 0%, #eff6ff 50%, #dbeafe 100%);
  --gradient-table-header: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  --bg-sidebar-hover: rgba(37,99,235,0.14); --bg-sidebar-active: rgba(37,99,235,0.22);
  --text-sidebar: #93c5fd; --text-sidebar-active: #bfdbfe;
  --text-link: #2563eb; --text-link-hover: #1d4ed8; --border-focus: #2563eb;
  --shadow-primary: 0 4px 15px rgba(37,99,235,0.25), 0 2px 6px rgba(37,99,235,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(37,99,235,0.3), 0 4px 10px rgba(37,99,235,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(37,99,235,0.08);
  --shadow-card-hover: 0 8px 24px rgba(37,99,235,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(37,99,235,0.12);
  --shadow-glow-primary: 0 0 20px rgba(37,99,235,0.25);
  --table-row-hover: rgba(37,99,235,0.04); --table-stripe: rgba(37,99,235,0.02);
  --section-color-1: #2563eb; --section-color-2: #22d3ee; --section-color-3: #3b82f6; --section-color-4: #1d4ed8;
}
[data-theme="cobalt-chrome"] .sidebar { border-right-color: rgba(37,99,235,0.2); box-shadow: 2px 0 20px rgba(23,37,84,0.5); }
[data-theme="cobalt-chrome"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(37,99,235,0.08) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(103,232,249,0.06) 0%, transparent 55%); }
[data-theme="cobalt-chrome"] .sidebar-brand { background: rgba(30,58,95,0.6); border-bottom-color: rgba(37,99,235,0.15); }
[data-theme="cobalt-chrome"] .sidebar-brand-icon { background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%); box-shadow: 0 4px 14px rgba(37,99,235,0.4); }
[data-theme="cobalt-chrome"] .sidebar-brand-text h1 { color: #bfdbfe; }
[data-theme="cobalt-chrome"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #60a5fa 0%, #67e8f9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="cobalt-chrome"] .sidebar-brand-text span { color: #64748b; }
[data-theme="cobalt-chrome"] .sidebar-user-avatar { background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%); box-shadow: 0 3px 10px rgba(37,99,235,0.4); }
[data-theme="cobalt-chrome"] .sidebar-footer { border-top-color: rgba(37,99,235,0.15); background: rgba(15,36,66,0.8); }
[data-theme="cobalt-chrome"] .sidebar-footer .dropdown-item:hover { background: rgba(37,99,235,0.12); }
[data-theme="cobalt-chrome"] .sidebar-user:hover { background: rgba(37,99,235,0.12); }
[data-theme="cobalt-chrome"] .sidebar-user-name { color: #bfdbfe; }
[data-theme="cobalt-chrome"] .sidebar-user-role { color: #64748b; }
[data-theme="cobalt-chrome"] .company-switcher { background: rgba(30,58,95,0.4); border-color: rgba(37,99,235,0.12); }
[data-theme="cobalt-chrome"] .company-switcher .label { color: #64748b; }
[data-theme="cobalt-chrome"] .company-switcher .name { color: #93c5fd; }
[data-theme="cobalt-chrome"] .company-switcher .chevron { color: #3a5a8a; }
[data-theme="cobalt-chrome"] .company-switcher .company-icon { color: #60a5fa; background: rgba(37,99,235,0.12); }
[data-theme="cobalt-chrome"] .sidebar-search-input { background: rgba(23,37,84,0.5); border-color: rgba(37,99,235,0.15); color: #93c5fd; }
[data-theme="cobalt-chrome"] .sidebar-search-input::placeholder { color: #3a5a8a; }
[data-theme="cobalt-chrome"] .nav-section-header { color: #60a5fa; }
[data-theme="cobalt-chrome"] .nav-section-header:hover { background: rgba(37,99,235,0.1); }
[data-theme="cobalt-chrome"] .nav-item-link { color: #93c5fd; }
[data-theme="cobalt-chrome"] .nav-item-link:hover { color: #bfdbfe; background: rgba(37,99,235,0.1); }
[data-theme="cobalt-chrome"] .nav-item-link.active { color: #67e8f9; background: rgba(103,232,249,0.18); }
[data-theme="cobalt-chrome"] .nav-subgroup-header { color: #60a5fa; }

/* --- P4. Desert Sand (Light) --- */
[data-theme="desert-sand"] {
  --primary-50: #fffbeb; --primary-100: #fef3c7; --primary-200: #fde68a; --primary-300: #fcd34d;
  --primary-400: #fbbf24; --primary-500: #f59e0b; --primary-600: #d97706; --primary-700: #b45309;
  --primary-800: #92400e; --primary-900: #78350f;
  --primary: #a16207; --primary-light: #ca8a04; --primary-dark: #854d0e;
  --primary-gradient: linear-gradient(135deg, #a16207 0%, #ca8a04 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #854d0e 0%, #a16207 50%, #eab308 100%);
  --accent: #ea580c; --accent-light: #f97316; --accent-dark: #c2410c;
  --gradient-sidebar: linear-gradient(180deg, #fefce8 0%, #fef9c3 50%, #fde68a 100%);
  --gradient-page-bg: linear-gradient(180deg, #fffdf5 0%, #fefce8 50%, #fef9c3 100%);
  --gradient-table-header: linear-gradient(135deg, #a16207 0%, #ca8a04 100%);
  --bg-sidebar-hover: rgba(161,98,7,0.10); --bg-sidebar-active: rgba(161,98,7,0.16);
  --text-sidebar: #92400e; --text-sidebar-active: #78350f;
  --text-link: #a16207; --text-link-hover: #854d0e; --border-focus: #a16207;
  --shadow-primary: 0 4px 15px rgba(161,98,7,0.25), 0 2px 6px rgba(161,98,7,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(161,98,7,0.3), 0 4px 10px rgba(161,98,7,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(161,98,7,0.08);
  --shadow-card-hover: 0 8px 24px rgba(161,98,7,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(161,98,7,0.12);
  --shadow-glow-primary: 0 0 20px rgba(161,98,7,0.25);
  --table-row-hover: rgba(161,98,7,0.04); --table-stripe: rgba(161,98,7,0.02);
  --section-color-1: #a16207; --section-color-2: #ea580c; --section-color-3: #ca8a04; --section-color-4: #854d0e;
}
[data-theme="desert-sand"] .sidebar { border-right-color: rgba(161,98,7,0.12); box-shadow: 2px 0 20px rgba(254,252,232,0.4); }
[data-theme="desert-sand"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(161,98,7,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(234,88,12,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(161,98,7,0.03) 0%, transparent 70%); }
[data-theme="desert-sand"] .sidebar-brand { background: rgba(254,243,199,0.6); border-bottom-color: rgba(161,98,7,0.1); }
[data-theme="desert-sand"] .sidebar-brand-icon { background: linear-gradient(135deg, #a16207 0%, #ca8a04 50%, #eab308 100%); box-shadow: 0 4px 14px rgba(161,98,7,0.35); }
[data-theme="desert-sand"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #a16207 0%, #854d0e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="desert-sand"] .sidebar-user-avatar { background: linear-gradient(135deg, #a16207 0%, #ca8a04 50%, #eab308 100%); box-shadow: 0 3px 10px rgba(161,98,7,0.35); }
[data-theme="desert-sand"] .sidebar-footer { border-top-color: rgba(161,98,7,0.1); background: rgba(254,243,199,0.5); }
[data-theme="desert-sand"] .sidebar-footer .dropdown-item:hover { background: rgba(161,98,7,0.08); }
[data-theme="desert-sand"] .sidebar-user:hover { background: rgba(161,98,7,0.08); }
[data-theme="desert-sand"] .nav-item-link.active { color: #78350f; background: rgba(161,98,7,0.12); border-left: 3px solid #a16207; }

/* --- P5. Nordic Ice (Dark) --- */
[data-theme="nordic-ice"] {
  --primary-50: #ecfeff; --primary-100: #cffafe; --primary-200: #a5f3fc; --primary-300: #67e8f9;
  --primary-400: #22d3ee; --primary-500: #06b6d4; --primary-600: #0891b2; --primary-700: #0e7490;
  --primary-800: #155e75; --primary-900: #164e63;
  --primary: #0891b2; --primary-light: #22d3ee; --primary-dark: #0e7490;
  --primary-gradient: linear-gradient(135deg, #0891b2 0%, #22d3ee 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #0e7490 0%, #0891b2 50%, #22d3ee 100%);
  --accent: #a5f3fc; --accent-light: #cffafe; --accent-dark: #67e8f9;
  --gradient-sidebar: linear-gradient(180deg, #0e2a3b 0%, #0c3547 50%, #0a3d5c 100%);
  --gradient-page-bg: linear-gradient(180deg, #f0fdff 0%, #ecfeff 50%, #cffafe 100%);
  --gradient-table-header: linear-gradient(135deg, #0891b2 0%, #22d3ee 100%);
  --bg-sidebar-hover: rgba(8,145,178,0.14); --bg-sidebar-active: rgba(8,145,178,0.22);
  --text-sidebar: #67e8f9; --text-sidebar-active: #a5f3fc;
  --text-link: #0891b2; --text-link-hover: #0e7490; --border-focus: #0891b2;
  --shadow-primary: 0 4px 15px rgba(8,145,178,0.25), 0 2px 6px rgba(8,145,178,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(8,145,178,0.3), 0 4px 10px rgba(8,145,178,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(8,145,178,0.08);
  --shadow-card-hover: 0 8px 24px rgba(8,145,178,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(8,145,178,0.12);
  --shadow-glow-primary: 0 0 20px rgba(8,145,178,0.25);
  --table-row-hover: rgba(8,145,178,0.04); --table-stripe: rgba(8,145,178,0.02);
  --section-color-1: #0891b2; --section-color-2: #67e8f9; --section-color-3: #22d3ee; --section-color-4: #0e7490;
}
[data-theme="nordic-ice"] .sidebar { border-right-color: rgba(8,145,178,0.2); box-shadow: 2px 0 20px rgba(14,42,59,0.5); }
[data-theme="nordic-ice"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(8,145,178,0.08) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(165,243,252,0.06) 0%, transparent 55%); }
[data-theme="nordic-ice"] .sidebar-brand { background: rgba(12,53,71,0.6); border-bottom-color: rgba(8,145,178,0.15); }
[data-theme="nordic-ice"] .sidebar-brand-icon { background: linear-gradient(135deg, #0891b2 0%, #22d3ee 50%, #67e8f9 100%); box-shadow: 0 4px 14px rgba(8,145,178,0.4); }
[data-theme="nordic-ice"] .sidebar-brand-text h1 { color: #a5f3fc; }
[data-theme="nordic-ice"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #22d3ee 0%, #a5f3fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="nordic-ice"] .sidebar-brand-text span { color: #4a7a8a; }
[data-theme="nordic-ice"] .sidebar-user-avatar { background: linear-gradient(135deg, #0891b2 0%, #22d3ee 50%, #67e8f9 100%); box-shadow: 0 3px 10px rgba(8,145,178,0.4); }
[data-theme="nordic-ice"] .sidebar-footer { border-top-color: rgba(8,145,178,0.15); background: rgba(10,61,92,0.8); }
[data-theme="nordic-ice"] .sidebar-footer .dropdown-item:hover { background: rgba(8,145,178,0.12); }
[data-theme="nordic-ice"] .sidebar-user:hover { background: rgba(8,145,178,0.12); }
[data-theme="nordic-ice"] .sidebar-user-name { color: #a5f3fc; }
[data-theme="nordic-ice"] .sidebar-user-role { color: #4a7a8a; }
[data-theme="nordic-ice"] .company-switcher { background: rgba(12,53,71,0.4); border-color: rgba(8,145,178,0.12); }
[data-theme="nordic-ice"] .company-switcher .label { color: #4a7a8a; }
[data-theme="nordic-ice"] .company-switcher .name { color: #67e8f9; }
[data-theme="nordic-ice"] .company-switcher .chevron { color: #2a6a8a; }
[data-theme="nordic-ice"] .company-switcher .company-icon { color: #22d3ee; background: rgba(8,145,178,0.12); }
[data-theme="nordic-ice"] .sidebar-search-input { background: rgba(14,42,59,0.5); border-color: rgba(8,145,178,0.15); color: #67e8f9; }
[data-theme="nordic-ice"] .sidebar-search-input::placeholder { color: #2a6a8a; }
[data-theme="nordic-ice"] .nav-section-header { color: #22d3ee; }
[data-theme="nordic-ice"] .nav-section-header:hover { background: rgba(8,145,178,0.1); }
[data-theme="nordic-ice"] .nav-item-link { color: #67e8f9; }
[data-theme="nordic-ice"] .nav-item-link:hover { color: #a5f3fc; background: rgba(8,145,178,0.1); }
[data-theme="nordic-ice"] .nav-item-link.active { color: #a5f3fc; background: rgba(165,243,252,0.18); }
[data-theme="nordic-ice"] .nav-subgroup-header { color: #22d3ee; }

/* --- P6. Ruby Velvet (Dark) --- */
[data-theme="ruby-velvet"] {
  --primary-50: #fff1f2; --primary-100: #ffe4e6; --primary-200: #fecdd3; --primary-300: #fda4af;
  --primary-400: #fb7185; --primary-500: #f43f5e; --primary-600: #e11d48; --primary-700: #be185d;
  --primary-800: #9f1239; --primary-900: #881337;
  --primary: #e11d48; --primary-light: #fb7185; --primary-dark: #be185d;
  --primary-gradient: linear-gradient(135deg, #e11d48 0%, #fb7185 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #be185d 0%, #e11d48 50%, #fb7185 100%);
  --accent: #fda4af; --accent-light: #fecdd3; --accent-dark: #fb7185;
  --gradient-sidebar: linear-gradient(180deg, #4c0519 0%, #6b0f2c 50%, #450a1e 100%);
  --gradient-page-bg: linear-gradient(180deg, #fff5f7 0%, #fff1f2 50%, #ffe4e6 100%);
  --gradient-table-header: linear-gradient(135deg, #e11d48 0%, #fb7185 100%);
  --bg-sidebar-hover: rgba(225,29,72,0.14); --bg-sidebar-active: rgba(225,29,72,0.22);
  --text-sidebar: #fda4af; --text-sidebar-active: #fecdd3;
  --text-link: #e11d48; --text-link-hover: #be185d; --border-focus: #e11d48;
  --shadow-primary: 0 4px 15px rgba(225,29,72,0.25), 0 2px 6px rgba(225,29,72,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(225,29,72,0.3), 0 4px 10px rgba(225,29,72,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(225,29,72,0.08);
  --shadow-card-hover: 0 8px 24px rgba(225,29,72,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(225,29,72,0.12);
  --shadow-glow-primary: 0 0 20px rgba(225,29,72,0.25);
  --table-row-hover: rgba(225,29,72,0.04); --table-stripe: rgba(225,29,72,0.02);
  --section-color-1: #e11d48; --section-color-2: #fb7185; --section-color-3: #f43f5e; --section-color-4: #be185d;
}
[data-theme="ruby-velvet"] .sidebar { border-right-color: rgba(225,29,72,0.2); box-shadow: 2px 0 20px rgba(76,5,25,0.5); }
[data-theme="ruby-velvet"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(225,29,72,0.08) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(253,164,175,0.06) 0%, transparent 55%); }
[data-theme="ruby-velvet"] .sidebar-brand { background: rgba(107,15,44,0.6); border-bottom-color: rgba(225,29,72,0.15); }
[data-theme="ruby-velvet"] .sidebar-brand-icon { background: linear-gradient(135deg, #e11d48 0%, #fb7185 50%, #fda4af 100%); box-shadow: 0 4px 14px rgba(225,29,72,0.4); }
[data-theme="ruby-velvet"] .sidebar-brand-text h1 { color: #fecdd3; }
[data-theme="ruby-velvet"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #fb7185 0%, #fda4af 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="ruby-velvet"] .sidebar-brand-text span { color: #7a3050; }
[data-theme="ruby-velvet"] .sidebar-user-avatar { background: linear-gradient(135deg, #e11d48 0%, #fb7185 50%, #fda4af 100%); box-shadow: 0 3px 10px rgba(225,29,72,0.4); }
[data-theme="ruby-velvet"] .sidebar-footer { border-top-color: rgba(225,29,72,0.15); background: rgba(69,10,30,0.8); }
[data-theme="ruby-velvet"] .sidebar-footer .dropdown-item:hover { background: rgba(225,29,72,0.12); }
[data-theme="ruby-velvet"] .sidebar-user:hover { background: rgba(225,29,72,0.12); }
[data-theme="ruby-velvet"] .sidebar-user-name { color: #fecdd3; }
[data-theme="ruby-velvet"] .sidebar-user-role { color: #7a3050; }
[data-theme="ruby-velvet"] .company-switcher { background: rgba(107,15,44,0.4); border-color: rgba(225,29,72,0.12); }
[data-theme="ruby-velvet"] .company-switcher .label { color: #7a3050; }
[data-theme="ruby-velvet"] .company-switcher .name { color: #fda4af; }
[data-theme="ruby-velvet"] .company-switcher .chevron { color: #6b2040; }
[data-theme="ruby-velvet"] .company-switcher .company-icon { color: #fb7185; background: rgba(225,29,72,0.12); }
[data-theme="ruby-velvet"] .sidebar-search-input { background: rgba(76,5,25,0.5); border-color: rgba(225,29,72,0.15); color: #fda4af; }
[data-theme="ruby-velvet"] .sidebar-search-input::placeholder { color: #6b2040; }
[data-theme="ruby-velvet"] .nav-section-header { color: #fb7185; }
[data-theme="ruby-velvet"] .nav-section-header:hover { background: rgba(225,29,72,0.1); }
[data-theme="ruby-velvet"] .nav-item-link { color: #fda4af; }
[data-theme="ruby-velvet"] .nav-item-link:hover { color: #fecdd3; background: rgba(225,29,72,0.1); }
[data-theme="ruby-velvet"] .nav-item-link.active { color: #fecdd3; background: rgba(253,164,175,0.18); }
[data-theme="ruby-velvet"] .nav-subgroup-header { color: #fb7185; }

/* --- P7. Golden Hour (Dark/Extra) --- */
[data-theme="golden-hour"] {
  --primary-50: #fffbeb; --primary-100: #fef3c7; --primary-200: #fde68a; --primary-300: #fcd34d;
  --primary-400: #fbbf24; --primary-500: #f59e0b; --primary-600: #d97706; --primary-700: #b45309;
  --primary-800: #92400e; --primary-900: #78350f;
  --primary: #d97706; --primary-light: #f59e0b; --primary-dark: #b45309;
  --primary-gradient: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #b45309 0%, #d97706 50%, #fbbf24 100%);
  --accent: #f43f5e; --accent-light: #fb7185; --accent-dark: #e11d48;
  --gradient-sidebar: linear-gradient(180deg, #451a03 0%, #78350f 40%, #7c2d12 70%, #431407 100%);
  --gradient-page-bg: linear-gradient(180deg, #fffdf5 0%, #fffbeb 50%, #fef3c7 100%);
  --gradient-table-header: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
  --bg-sidebar-hover: rgba(217,119,6,0.14); --bg-sidebar-active: rgba(217,119,6,0.22);
  --text-sidebar: #fcd34d; --text-sidebar-active: #fde68a;
  --text-link: #d97706; --text-link-hover: #b45309; --border-focus: #d97706;
  --shadow-primary: 0 4px 15px rgba(217,119,6,0.25), 0 2px 6px rgba(217,119,6,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(217,119,6,0.3), 0 4px 10px rgba(217,119,6,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(217,119,6,0.08);
  --shadow-card-hover: 0 8px 24px rgba(217,119,6,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(217,119,6,0.12);
  --shadow-glow-primary: 0 0 20px rgba(217,119,6,0.25);
  --table-row-hover: rgba(217,119,6,0.04); --table-stripe: rgba(217,119,6,0.02);
  --section-color-1: #d97706; --section-color-2: #f43f5e; --section-color-3: #f59e0b; --section-color-4: #b45309;
}
[data-theme="golden-hour"] .sidebar { border-right-color: rgba(217,119,6,0.2); box-shadow: 2px 0 20px rgba(69,26,3,0.5); }
[data-theme="golden-hour"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(217,119,6,0.08) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(244,63,94,0.06) 0%, transparent 55%); }
[data-theme="golden-hour"] .sidebar-brand { background: rgba(120,53,15,0.6); border-bottom-color: rgba(217,119,6,0.15); }
[data-theme="golden-hour"] .sidebar-brand-icon { background: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #fbbf24 100%); box-shadow: 0 4px 14px rgba(217,119,6,0.4); }
[data-theme="golden-hour"] .sidebar-brand-text h1 { color: #fde68a; }
[data-theme="golden-hour"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #fbbf24 0%, #fcd34d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="golden-hour"] .sidebar-brand-text span { color: #8a6020; }
[data-theme="golden-hour"] .sidebar-user-avatar { background: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #fbbf24 100%); box-shadow: 0 3px 10px rgba(217,119,6,0.4); }
[data-theme="golden-hour"] .sidebar-footer { border-top-color: rgba(217,119,6,0.15); background: rgba(67,20,7,0.8); }
[data-theme="golden-hour"] .sidebar-footer .dropdown-item:hover { background: rgba(217,119,6,0.12); }
[data-theme="golden-hour"] .sidebar-user:hover { background: rgba(217,119,6,0.12); }
[data-theme="golden-hour"] .sidebar-user-name { color: #fde68a; }
[data-theme="golden-hour"] .sidebar-user-role { color: #8a6020; }
[data-theme="golden-hour"] .company-switcher { background: rgba(120,53,15,0.4); border-color: rgba(217,119,6,0.12); }
[data-theme="golden-hour"] .company-switcher .label { color: #8a6020; }
[data-theme="golden-hour"] .company-switcher .name { color: #fcd34d; }
[data-theme="golden-hour"] .company-switcher .chevron { color: #7a5010; }
[data-theme="golden-hour"] .company-switcher .company-icon { color: #fbbf24; background: rgba(217,119,6,0.12); }
[data-theme="golden-hour"] .sidebar-search-input { background: rgba(69,26,3,0.5); border-color: rgba(217,119,6,0.15); color: #fcd34d; }
[data-theme="golden-hour"] .sidebar-search-input::placeholder { color: #7a5010; }
[data-theme="golden-hour"] .nav-section-header { color: #fbbf24; }
[data-theme="golden-hour"] .nav-section-header:hover { background: rgba(217,119,6,0.1); }
[data-theme="golden-hour"] .nav-item-link { color: #fcd34d; }
[data-theme="golden-hour"] .nav-item-link:hover { color: #fde68a; background: rgba(217,119,6,0.1); }
[data-theme="golden-hour"] .nav-item-link.active { color: #fb7185; background: rgba(244,63,94,0.18); }
[data-theme="golden-hour"] .nav-subgroup-header { color: #fbbf24; }

/* --- P8. Jade Dragon (Dark/Extra) --- */
[data-theme="jade-dragon"] {
  --primary-50: #ecfdf5; --primary-100: #d1fae5; --primary-200: #a7f3d0; --primary-300: #6ee7b7;
  --primary-400: #34d399; --primary-500: #10b981; --primary-600: #059669; --primary-700: #047857;
  --primary-800: #065f46; --primary-900: #064e3b;
  --primary: #059669; --primary-light: #10b981; --primary-dark: #047857;
  --primary-gradient: linear-gradient(135deg, #059669 0%, #10b981 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #047857 0%, #059669 50%, #34d399 100%);
  --accent: #fbbf24; --accent-light: #fcd34d; --accent-dark: #f59e0b;
  --gradient-sidebar: linear-gradient(180deg, #022c22 0%, #064e3b 40%, #065f46 70%, #0a4a3a 100%);
  --gradient-page-bg: linear-gradient(180deg, #f0fdf8 0%, #ecfdf5 50%, #d1fae5 100%);
  --gradient-table-header: linear-gradient(135deg, #059669 0%, #10b981 100%);
  --bg-sidebar-hover: rgba(5,150,105,0.14); --bg-sidebar-active: rgba(5,150,105,0.22);
  --text-sidebar: #6ee7b7; --text-sidebar-active: #a7f3d0;
  --text-link: #059669; --text-link-hover: #047857; --border-focus: #059669;
  --shadow-primary: 0 4px 15px rgba(5,150,105,0.25), 0 2px 6px rgba(5,150,105,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(5,150,105,0.3), 0 4px 10px rgba(5,150,105,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(5,150,105,0.08);
  --shadow-card-hover: 0 8px 24px rgba(5,150,105,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(5,150,105,0.12);
  --shadow-glow-primary: 0 0 20px rgba(5,150,105,0.25);
  --table-row-hover: rgba(5,150,105,0.04); --table-stripe: rgba(5,150,105,0.02);
  --section-color-1: #059669; --section-color-2: #f59e0b; --section-color-3: #10b981; --section-color-4: #047857;
}
[data-theme="jade-dragon"] .sidebar { border-right-color: rgba(5,150,105,0.2); box-shadow: 2px 0 20px rgba(2,44,34,0.5); }
[data-theme="jade-dragon"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(5,150,105,0.08) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(251,191,36,0.06) 0%, transparent 55%); }
[data-theme="jade-dragon"] .sidebar-brand { background: rgba(6,78,59,0.6); border-bottom-color: rgba(5,150,105,0.15); }
[data-theme="jade-dragon"] .sidebar-brand-icon { background: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%); box-shadow: 0 4px 14px rgba(5,150,105,0.4); }
[data-theme="jade-dragon"] .sidebar-brand-text h1 { color: #a7f3d0; }
[data-theme="jade-dragon"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #34d399 0%, #fbbf24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="jade-dragon"] .sidebar-brand-text span { color: #2a7a5a; }
[data-theme="jade-dragon"] .sidebar-user-avatar { background: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%); box-shadow: 0 3px 10px rgba(5,150,105,0.4); }
[data-theme="jade-dragon"] .sidebar-footer { border-top-color: rgba(5,150,105,0.15); background: rgba(10,74,58,0.8); }
[data-theme="jade-dragon"] .sidebar-footer .dropdown-item:hover { background: rgba(5,150,105,0.12); }
[data-theme="jade-dragon"] .sidebar-user:hover { background: rgba(5,150,105,0.12); }
[data-theme="jade-dragon"] .sidebar-user-name { color: #a7f3d0; }
[data-theme="jade-dragon"] .sidebar-user-role { color: #2a7a5a; }
[data-theme="jade-dragon"] .company-switcher { background: rgba(6,78,59,0.4); border-color: rgba(5,150,105,0.12); }
[data-theme="jade-dragon"] .company-switcher .label { color: #2a7a5a; }
[data-theme="jade-dragon"] .company-switcher .name { color: #6ee7b7; }
[data-theme="jade-dragon"] .company-switcher .chevron { color: #1a5a40; }
[data-theme="jade-dragon"] .company-switcher .company-icon { color: #34d399; background: rgba(5,150,105,0.12); }
[data-theme="jade-dragon"] .sidebar-search-input { background: rgba(2,44,34,0.5); border-color: rgba(5,150,105,0.15); color: #6ee7b7; }
[data-theme="jade-dragon"] .sidebar-search-input::placeholder { color: #1a5a40; }
[data-theme="jade-dragon"] .nav-section-header { color: #34d399; }
[data-theme="jade-dragon"] .nav-section-header:hover { background: rgba(5,150,105,0.1); }
[data-theme="jade-dragon"] .nav-item-link { color: #6ee7b7; }
[data-theme="jade-dragon"] .nav-item-link:hover { color: #a7f3d0; background: rgba(5,150,105,0.1); }
[data-theme="jade-dragon"] .nav-item-link.active { color: #fbbf24; background: rgba(251,191,36,0.18); }
[data-theme="jade-dragon"] .nav-subgroup-header { color: #34d399; }

/* --- P9. Lavender Dream (Light) --- */
[data-theme="lavender-dream"] {
  --primary-50: #f5f3ff; --primary-100: #ede9fe; --primary-200: #ddd6fe; --primary-300: #c4b5fd;
  --primary-400: #a78bfa; --primary-500: #8b5cf6; --primary-600: #7c3aed; --primary-700: #6d28d9;
  --primary-800: #5b21b6; --primary-900: #4c1d95;
  --primary: #7c3aed; --primary-light: #a78bfa; --primary-dark: #6d28d9;
  --primary-gradient: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #6d28d9 0%, #7c3aed 50%, #a78bfa 100%);
  --accent: #f472b6; --accent-light: #f9a8d4; --accent-dark: #ec4899;
  --gradient-sidebar: linear-gradient(180deg, #f5f3ff 0%, #ede9fe 50%, #ddd6fe 100%);
  --gradient-page-bg: linear-gradient(180deg, #faf8ff 0%, #f5f3ff 50%, #ede9fe 100%);
  --gradient-table-header: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
  --bg-sidebar-hover: rgba(124,58,237,0.10); --bg-sidebar-active: rgba(124,58,237,0.16);
  --text-sidebar: #6d28d9; --text-sidebar-active: #5b21b6;
  --text-link: #7c3aed; --text-link-hover: #6d28d9; --border-focus: #7c3aed;
  --shadow-primary: 0 4px 15px rgba(124,58,237,0.25), 0 2px 6px rgba(124,58,237,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(124,58,237,0.3), 0 4px 10px rgba(124,58,237,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(124,58,237,0.08);
  --shadow-card-hover: 0 8px 24px rgba(124,58,237,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(124,58,237,0.12);
  --shadow-glow-primary: 0 0 20px rgba(124,58,237,0.25);
  --table-row-hover: rgba(124,58,237,0.04); --table-stripe: rgba(124,58,237,0.02);
  --section-color-1: #7c3aed; --section-color-2: #ec4899; --section-color-3: #a78bfa; --section-color-4: #6d28d9;
}
[data-theme="lavender-dream"] .sidebar { border-right-color: rgba(124,58,237,0.12); box-shadow: 2px 0 20px rgba(245,243,255,0.4); }
[data-theme="lavender-dream"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(124,58,237,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(244,114,182,0.05) 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, rgba(124,58,237,0.03) 0%, transparent 70%); }
[data-theme="lavender-dream"] .sidebar-brand { background: rgba(237,233,254,0.6); border-bottom-color: rgba(124,58,237,0.1); }
[data-theme="lavender-dream"] .sidebar-brand-icon { background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 50%, #c4b5fd 100%); box-shadow: 0 4px 14px rgba(124,58,237,0.35); }
[data-theme="lavender-dream"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="lavender-dream"] .sidebar-user-avatar { background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 50%, #c4b5fd 100%); box-shadow: 0 3px 10px rgba(124,58,237,0.35); }
[data-theme="lavender-dream"] .sidebar-footer { border-top-color: rgba(124,58,237,0.1); background: rgba(237,233,254,0.5); }
[data-theme="lavender-dream"] .sidebar-footer .dropdown-item:hover { background: rgba(124,58,237,0.08); }
[data-theme="lavender-dream"] .sidebar-user:hover { background: rgba(124,58,237,0.08); }
[data-theme="lavender-dream"] .nav-item-link.active { color: #5b21b6; background: rgba(124,58,237,0.12); border-left: 3px solid #7c3aed; }

/* --- P10. Steel Titanium (Dark) --- */
[data-theme="steel-titanium"] {
  --primary-50: #fafafa; --primary-100: #f4f4f5; --primary-200: #e4e4e7; --primary-300: #d4d4d8;
  --primary-400: #a1a1aa; --primary-500: #71717a; --primary-600: #52525b; --primary-700: #3f3f46;
  --primary-800: #27272a; --primary-900: #18181b;
  --primary: #71717a; --primary-light: #a1a1aa; --primary-dark: #52525b;
  --primary-gradient: linear-gradient(135deg, #71717a 0%, #a1a1aa 100%);
  --primary-gradient-vivid: linear-gradient(135deg, #52525b 0%, #71717a 50%, #a1a1aa 100%);
  --accent: #22d3ee; --accent-light: #67e8f9; --accent-dark: #06b6d4;
  --gradient-sidebar: linear-gradient(180deg, #18181b 0%, #27272a 50%, #3f3f46 100%);
  --gradient-page-bg: linear-gradient(180deg, #fafafa 0%, #f4f4f5 50%, #e4e4e7 100%);
  --gradient-table-header: linear-gradient(135deg, #52525b 0%, #71717a 100%);
  --bg-sidebar-hover: rgba(113,113,122,0.14); --bg-sidebar-active: rgba(113,113,122,0.22);
  --text-sidebar: #d4d4d8; --text-sidebar-active: #e4e4e7;
  --text-link: #71717a; --text-link-hover: #52525b; --border-focus: #71717a;
  --shadow-primary: 0 4px 15px rgba(113,113,122,0.25), 0 2px 6px rgba(113,113,122,0.12);
  --shadow-primary-lg: 0 8px 25px rgba(113,113,122,0.3), 0 4px 10px rgba(113,113,122,0.15);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(113,113,122,0.08);
  --shadow-card-hover: 0 8px 24px rgba(113,113,122,0.15), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-dropdown: 0 4px 6px -2px rgba(0,0,0,0.06), 0 12px 24px -3px rgba(113,113,122,0.12);
  --shadow-glow-primary: 0 0 20px rgba(113,113,122,0.25);
  --table-row-hover: rgba(113,113,122,0.04); --table-stripe: rgba(113,113,122,0.02);
  --section-color-1: #71717a; --section-color-2: #06b6d4; --section-color-3: #a1a1aa; --section-color-4: #52525b;
}
[data-theme="steel-titanium"] .sidebar { border-right-color: rgba(113,113,122,0.2); box-shadow: 2px 0 20px rgba(24,24,27,0.5); }
[data-theme="steel-titanium"] .sidebar::before { background: radial-gradient(ellipse at 0% 0%, rgba(113,113,122,0.08) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(34,211,238,0.06) 0%, transparent 55%); }
[data-theme="steel-titanium"] .sidebar-brand { background: rgba(39,39,42,0.6); border-bottom-color: rgba(113,113,122,0.15); }
[data-theme="steel-titanium"] .sidebar-brand-icon { background: linear-gradient(135deg, #52525b 0%, #71717a 50%, #a1a1aa 100%); box-shadow: 0 4px 14px rgba(113,113,122,0.4); }
[data-theme="steel-titanium"] .sidebar-brand-text h1 { color: #e4e4e7; }
[data-theme="steel-titanium"] .sidebar-brand-text h1 span { background: linear-gradient(135deg, #a1a1aa 0%, #22d3ee 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="steel-titanium"] .sidebar-brand-text span { color: #52525b; }
[data-theme="steel-titanium"] .sidebar-user-avatar { background: linear-gradient(135deg, #52525b 0%, #71717a 50%, #a1a1aa 100%); box-shadow: 0 3px 10px rgba(113,113,122,0.4); }
[data-theme="steel-titanium"] .sidebar-footer { border-top-color: rgba(113,113,122,0.15); background: rgba(24,24,27,0.8); }
[data-theme="steel-titanium"] .sidebar-footer .dropdown-item:hover { background: rgba(113,113,122,0.12); }
[data-theme="steel-titanium"] .sidebar-user:hover { background: rgba(113,113,122,0.12); }
[data-theme="steel-titanium"] .sidebar-user-name { color: #e4e4e7; }
[data-theme="steel-titanium"] .sidebar-user-role { color: #52525b; }
[data-theme="steel-titanium"] .company-switcher { background: rgba(39,39,42,0.4); border-color: rgba(113,113,122,0.12); }
[data-theme="steel-titanium"] .company-switcher .label { color: #52525b; }
[data-theme="steel-titanium"] .company-switcher .name { color: #d4d4d8; }
[data-theme="steel-titanium"] .company-switcher .chevron { color: #3f3f46; }
[data-theme="steel-titanium"] .company-switcher .company-icon { color: #a1a1aa; background: rgba(113,113,122,0.12); }
[data-theme="steel-titanium"] .sidebar-search-input { background: rgba(24,24,27,0.5); border-color: rgba(113,113,122,0.15); color: #d4d4d8; }
[data-theme="steel-titanium"] .sidebar-search-input::placeholder { color: #3f3f46; }
[data-theme="steel-titanium"] .nav-section-header { color: #a1a1aa; }
[data-theme="steel-titanium"] .nav-section-header:hover { background: rgba(113,113,122,0.1); }
[data-theme="steel-titanium"] .nav-item-link { color: #d4d4d8; }
[data-theme="steel-titanium"] .nav-item-link:hover { color: #e4e4e7; background: rgba(113,113,122,0.1); }
[data-theme="steel-titanium"] .nav-item-link.active { color: #22d3ee; background: rgba(34,211,238,0.18); }
[data-theme="steel-titanium"] .nav-subgroup-header { color: #a1a1aa; }

/* --- Theme Switcher Panel --- */
.theme-panel-backdrop { position: fixed; inset: 0; background: rgba(15,23,42,0.4); z-index: 999; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
.theme-panel-backdrop.active { opacity: 1; pointer-events: auto; }
.theme-panel { position: fixed; top: 0; right: -400px; width: 380px; height: 100vh; background: #fff; z-index: 1000; box-shadow: -8px 0 30px rgba(0,0,0,0.15); transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; overflow: hidden; }
.theme-panel.active { right: 0; }
.theme-panel-header { padding: 20px 24px; border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: space-between; background: linear-gradient(135deg, #f8fafc 0%, #fff 100%); }
.theme-panel-header h3 { margin: 0; font-size: 1.1rem; font-weight: 700; color: #0f172a; display: flex; align-items: center; gap: 10px; }
.theme-panel-header h3 i { font-size: 1.3rem; background: var(--primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.theme-panel-close { width: 36px; height: 36px; border: none; background: #f1f5f9; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #64748b; font-size: 1.2rem; transition: all 0.2s; }
.theme-panel-close:hover { background: #e2e8f0; color: #0f172a; transform: rotate(90deg); }
.theme-panel-body { flex: 1; overflow-y: auto; padding: 20px; }
.theme-section-title { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #94a3b8; margin-bottom: 14px; padding-left: 4px; }
.theme-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.theme-card { border: 2px solid #e2e8f0; border-radius: 12px; padding: 0; cursor: pointer; transition: all 0.25s ease; overflow: hidden; position: relative; background: #fff; }
.theme-card:hover { border-color: #94a3b8; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
.theme-card.active { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(var(--theme-r, 22), var(--theme-g, 163), var(--theme-b, 74), 0.2); }
.theme-card.active::after { content: '\2713'; position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; background: var(--primary); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: 700; box-shadow: 0 2px 6px rgba(0,0,0,0.2); }
.theme-card-preview { height: 68px; position: relative; display: flex; overflow: hidden; }
.theme-card-sidebar { width: 30%; height: 100%; }
.theme-card-main { flex: 1; padding: 6px 8px; display: flex; flex-direction: column; gap: 4px; }
.theme-card-header { height: 8px; border-radius: 2px; background: #f1f5f9; display: flex; align-items: center; }
.theme-card-dots { display: flex; gap: 3px; padding: 0 4px; }
.theme-card-dots span { width: 4px; height: 4px; border-radius: 50%; }
.theme-card-content { flex: 1; display: flex; flex-direction: column; gap: 3px; padding-top: 2px; }
.theme-card-line { height: 3px; border-radius: 2px; background: #e2e8f0; }
.theme-card-line:first-child { width: 80%; }
.theme-card-line:nth-child(2) { width: 60%; }
.theme-card-line:nth-child(3) { width: 70%; }
.theme-card-btn { width: 18px; height: 5px; border-radius: 2px; margin-top: 2px; }
.theme-card-info { padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; }
.theme-card-name { font-size: 0.8rem; font-weight: 600; color: #334155; }
.theme-card-colors { display: flex; gap: 3px; }
.theme-card-colors span { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.15); }
.theme-default-btn { display: flex; align-items: center; gap: 8px; width: 100%; padding: 12px 16px; border: 2px dashed #e2e8f0; border-radius: 10px; background: #f8fafc; color: #64748b; font-size: 0.85rem; font-weight: 500; cursor: pointer; transition: all 0.2s; }
.theme-default-btn:hover { border-color: var(--primary); color: var(--primary); background: var(--primary-50); }
.theme-default-btn i { font-size: 1.1rem; }
.theme-default-btn.is-default { border-style: solid; border-color: var(--primary); background: var(--primary-50); color: var(--primary); }
.theme-panel-footer { padding: 16px 20px; border-top: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: space-between; background: #f8fafc; font-size: 0.78rem; color: #94a3b8; }