:root{--font-primary: "Roboto", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Roboto", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-page-desktop: 32px;--space-page-tablet: 20px;--space-page-mobile: 10px;--space-card-desktop: 24px;--space-card-mobile: 12px;--space-card-compact: 12px;--gap-section: 18px;--gap-card: 14px;--gap-compact: 12px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--radius-full: 9999px;--primary: #2563EB;--primary-dark: #1D4ED8;--primary-indigo: #4F46E5;--primary-text: #1D4ED8;--accent-cyan: #06B6D4;--bg-main: #F8FAFC;--bg-surface-1: #FFFFFF;--bg-surface-2: #F1F5F9;--bg-surface-3: #E2E8F0;--bg-sidebar: #FFFFFF;--bg-glass: rgba(255, 255, 255, .78);--surface-blue-tint: linear-gradient(145deg, rgba(59,130,246,.1), rgba(37,99,235,.04));--surface-emerald-tint: linear-gradient(145deg, rgba(16,185,129,.1), rgba(5,150,105,.04));--surface-cyan-tint: linear-gradient(145deg, rgba(6,182,212,.1), rgba(8,145,178,.04));--surface-indigo-tint: linear-gradient(145deg, rgba(79,70,229,.1), rgba(67,56,202,.04));--surface-amber-tint: linear-gradient(145deg, rgba(245,158,11,.1), rgba(217,119,6,.04));--surface-rose-tint: linear-gradient(145deg, rgba(225,29,72,.1), rgba(190,18,60,.04));--border-color: #DDE7F5;--border-subtle: rgba(226, 232, 240, .85);--text-primary: #111827;--text-secondary: #1F2937;--text-muted: #4B5563;--text-light: #4B5563;--c-surface: #FFFFFF;--c-surface-2: #F8FAFC;--c-surface-3: #F1F5F9;--c-surface-4: #E2E8F0;--text-main: #111827;--c-text-strong: #0A0F1A;--c-text: #111827;--c-text-2: #1F2937;--c-text-3: #374151;--c-text-muted: #4B5563;--c-text-faint: #4B5563;--c-text-slate: #374155;--c-text-slate-2: #3E4F64;--c-indigo-600: #4F46E5;--c-indigo-500: #5659D2;--c-blue-600: #235EDF;--c-blue-500: #2E65C0;--c-emerald-600: #047753;--c-emerald-500: #0A7653;--c-purple-600: #6D28D9;--c-amber-600: #C86D06;--c-amber-700: #B45309;--c-amber-500: #B87608;--c-rose-600: #CB1A41;--c-red-500: #BD3636;--c-violet-600: #7C3AED;--c-pink-500: #BC3372;--c-pink-600: #BC3372;--c-tint-blue: #eff6ff;--c-tint-indigo: #eef2ff;--c-tint-rose: #fff1f2;--c-tint-red: #fef2f2;--c-tint-amber: #fffbeb;--c-tint-amber-100: #fef3c7;--c-tint-emerald: #ecfdf5;--c-tint-green: #f0fdf4;--c-tint-violet: #f5f3ff;--c-tint-purple: #faf5ff;--c-tint-sky: #f0f9ff;--c-tint-pink: #fdf2f8;--c-tint-yellow: #fef9c3;--c-tint-red-100: #fee2e2;--c-tint-green-100: #dcfce7;--c-tint-blue-100: #dbeafe;--c-tint-blue-200: #bfdbfe;--c-tint-emerald-100: #d1fae5;--c-tint-sky-100: #e0f2fe;--c-tint-rose-100: #ffe4e6;--c-tint-indigo-100: #e0e7ff;--c-tint-orange: #fff7ed;--c-tint-teal: #f0fdfa;--c-tint-teal-100: #ccfbf1;--c-tint-pink-100: #fce7f3;--c-tint-violet-100: #ede9fe;--surface-alt: var(--c-surface-2);--surface-1: var(--c-surface-2);--surface-2: var(--c-surface-3);--surface-solid: var(--c-surface);--bg-subtle: var(--c-surface-2);--bg-color: var(--c-surface-3);--success-bg: var(--c-tint-emerald);--row-accent-soft: var(--c-tint-blue);--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--space-2: var(--space-sm);--space-3: var(--space-md);--space-4: var(--space-lg);--card-padding: var(--space-card-desktop);--card-padding-sm: var(--space-card-compact);--badge-radius: var(--radius-sm);--radius-pill: var(--radius-full);--z-header-sticky: var(--z-sticky);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .07);--shadow-xl: 0 16px 40px rgba(15, 23, 42, .1);--shadow-2xl: 0 24px 56px rgba(15, 23, 42, .14);--shadow-btn: 0 4px 12px rgba(15, 23, 42, .08);--nav-btn-shadow: var(--shadow-sm);--glass-shadow: 0 8px 32px rgba(15, 23, 42, .12);--card-shadow-vibrant: 0 18px 40px -18px rgba(37, 99, 235, .45);--primary-light: #4B89FF;--primary-rgb: 37, 99, 235;--primary-glow: rgba(37, 99, 235, .15);--primary-alpha-5: rgba(37, 99, 235, .05);--primary-alpha-20: rgba(37, 99, 235, .2);--primary-subtle: var(--c-tint-blue);--primary-tone-600: var(--primary);--primary-tone-900: var(--c-ink-blue-800);--primary-tone-950: var(--c-ink-blue-950);--btn-primary: var(--primary);--btn-primary-hover: var(--primary-dark);--btn-secondary-hover: var(--c-surface-3);--btn-hex: var(--primary);--brand: var(--primary);--admin-blue: var(--primary);--indigo: var(--c-indigo-600);--app-body-bg: var(--bg-main);--bg-page: var(--bg-main);--bg-surface: var(--bg-surface-1);--bg-muted: var(--c-surface-2);--bg-hover: var(--c-surface-3);--hover-bg: var(--c-surface-3);--surface-hover: var(--c-surface-3);--c-surface-hover: var(--c-surface-3);--c-surface-1: var(--c-surface);--surface-color: var(--c-surface);--surface-tonal-bg: var(--c-surface-2);--surface-tint: var(--c-tint-blue);--slate-100: var(--c-surface-3);--slate-200: var(--c-surface-4);--admin-grey: var(--c-surface-2);--admin-grey-hover: var(--c-surface-3);--parent-surface-2: var(--c-surface-2);--bg-color-rgb: 241, 245, 249;--sidebar-text: #F8FAFC;--sidebar-active-text: #FFFFFF;--sidebar-btn-bg: transparent;--sidebar-btn-active-bg: var(--primary);--sidebar-btn-hover-bg: rgba(37, 99, 235, .1);--sidebar-hover: rgba(37, 99, 235, .1);--sidebar-glass-blur: none;--nav-accent: var(--primary);--nav-btn-active: var(--c-surface);--bg-taskbar: var(--c-surface);--taskbar-top: var(--c-surface);--taskbar-bottom: var(--c-surface-2);--taskbar-well-bg: var(--c-surface-2);--taskbar-text: var(--text-primary);--danger-bg: var(--c-tint-red);--danger-alpha: rgba(225, 29, 72, .12);--danger-rgb: 225, 29, 72;--success-alpha: rgba(16, 185, 129, .12);--success-rgb: 16, 185, 129;--emerald-alpha: rgba(16, 185, 129, .12);--emerald-light: var(--c-tint-emerald);--warning-bg: var(--c-tint-amber);--warning-alpha: rgba(245, 158, 11, .14);--warning-light: var(--c-tint-amber-100);--warning-dark: var(--warning-text);--info-bg: var(--c-tint-blue);--info-alpha: rgba(59, 130, 246, .12);--info-border: var(--c-tint-blue-200);--c-danger-500: var(--c-red-500);--c-warning: var(--warning-text);--icon-tint: var(--text-muted);--icon-tint-alpha: rgba(148, 163, 184, .14);--parent-warning-light: var(--c-tint-amber);--tp-danger: var(--danger);--tp-emerald-low: var(--c-tint-emerald);--tp-text: var(--tp-text-primary);--border: var(--c-border);--border-light: var(--c-border-soft);--c-border-light: var(--c-border-soft);--line: var(--c-border);--glass-border: rgba(0, 0, 0, .06);--body: var(--text-primary);--muted: var(--text-muted);--c-text-main: var(--text-main);--slate-400: var(--text-muted);--slate-500: var(--text-muted);--slate-600: var(--c-text-3);--vibrant-blue: var(--c-blue-600);--vibrant-blue-light: var(--c-tint-blue);--vibrant-purple: var(--c-purple-600);--vibrant-purple-light: var(--c-tint-purple);--vibrant-emerald: var(--c-emerald-600);--vibrant-rose: var(--c-rose-600);--vibrant-rose-light: var(--c-tint-rose);--vibrant-amber: var(--c-amber-600);--vibrant-indigo: var(--c-indigo-600);--vibrant-teal: #0D7D74;--c-ink-emerald-700: #047857;--c-ink-indigo-700: #4338ca;--c-ink-orange-800: #9a3412;--c-ink-rose-700: #be123c;--c-ink-pink-800: #9d174d;--c-ink-green-800: #166534;--c-ink-blue-800: #1e40af;--c-ink-fuchsia-800: #701a75;--c-ink-amber-800: #92400e;--c-ink-red-700: #b91c1c;--c-tint-orange-200: #fed7aa;--c-ink-indigo: #1e1b4b;--c-ink-indigo-900: #312e81;--c-ink-blue: #1e3a8a;--c-ink-blue-950: #172554;--c-ink-sky: #0c4a6e;--c-ink-emerald: #064e3b;--c-ink-emerald-800: #065f46;--c-ink-green: #14532d;--c-ink-teal: #134e4a;--c-ink-amber: #451a03;--c-ink-amber-900: #78350f;--c-ink-yellow: #713f12;--c-ink-red: #991b1b;--c-ink-red-900: #7f1d1d;--c-ink-rose: #881337;--c-ink-rose-950: #4c0519;--c-ink-pink: #831843;--c-ink-purple: #581c87;--c-ink-purple-950: #3b0764;--c-border: #E2E8F0;--c-border-soft: #F1F5F9;--c-border-strong: #CBD5E1;--success: #10B981;--warning: #F59E0B;--danger: #E11D48;--info: #3B82F6;--emerald: var(--success-text);--success-text: #0A7653;--warning-text: #B57508;--danger-text: #CB1A41;--info-text: #2E65C0;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .05);--shadow-card: 0 4px 18px rgba(15, 23, 42, .05);--shadow-elevated: 0 12px 32px rgba(15, 23, 42, .08);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .02);--highlight-inner: inset 0 1px 0 rgba(255, 255, 255, .8);--z-drawer: 1000;--z-sticky: 1100;--z-header: 1200;--z-sidebar: 1300;--z-dropdown: 2000;--z-overlay: 10000;--z-modal: 11000;--z-portal: 12000;--z-confirm: 999900;--z-alert: 1000000;--z-toast: 1000000;--z-max: 9999999;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 56px;--page-max-width: 1600px;--transition-fast: all .15s ease-in-out;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary: #3B82F6;--primary-dark: #2563EB;--primary-indigo: #6366F1;--primary-text: #93C5FD;--accent-cyan: #22D3EE;--success-text: #2DC190;--warning-text: #F59E0B;--danger-text: #F090A5;--info-text: #7EADF9;--bg-main: #121A2B;--bg-surface-1: #1B2436;--bg-surface-2: #161E2E;--bg-surface-3: #26314A;--bg-glass: rgba(27, 36, 54, .86);--surface-blue-tint: linear-gradient(145deg, rgba(59,130,246,.15), rgba(37,99,235,.08));--surface-emerald-tint: linear-gradient(145deg, rgba(16,185,129,.15), rgba(5,150,105,.08));--surface-cyan-tint: linear-gradient(145deg, rgba(6,182,212,.15), rgba(8,145,178,.08));--surface-indigo-tint: linear-gradient(145deg, rgba(79,70,229,.15), rgba(67,56,202,.08));--surface-amber-tint: linear-gradient(145deg, rgba(245,158,11,.15), rgba(217,119,6,.08));--surface-rose-tint: linear-gradient(145deg, rgba(225,29,72,.15), rgba(190,18,60,.08));--border-color: rgba(148, 163, 184, .22);--border-subtle: rgba(148, 163, 184, .15);--text-primary: #F0F6FF;--text-secondary: #E2EEFF;--text-muted: #AEBFD8;--text-light: #9DAFC8;--c-surface: #1B2436;--c-surface-2: #161E2E;--c-surface-3: #26314A;--c-surface-4: #33405C;--text-main: #F0F6FF;--c-text-strong: #FFFFFF;--c-text: #F0F6FF;--c-text-2: #E2EEFF;--c-text-3: #CCDBEE;--c-text-muted: #AEBFD8;--c-text-faint: #9DAFC8;--c-text-slate: #BACCD8;--c-text-slate-2: #BFC9D8;--c-indigo-600: #A5B4FC;--c-indigo-500: #C7D2FE;--c-blue-600: #93C5FD;--c-blue-500: #BFDBFE;--c-emerald-600: #6EE7B7;--c-emerald-500: #A7F3D0;--c-purple-600: #C4B5FD;--c-amber-600: #FCD34D;--c-amber-700: #FCD34D;--c-amber-500: #FDE68A;--c-rose-600: #FDA4AF;--c-red-500: #FCA5A5;--c-violet-600: #C4B5FD;--c-pink-500: #F0A0C4;--c-pink-600: #F0A0C4;--c-tint-blue: rgba(59,130,246,.14);--c-tint-indigo: rgba(99,102,241,.14);--c-tint-rose: rgba(244,63,94,.14);--c-tint-red: rgba(239,68,68,.14);--c-tint-amber: rgba(245,158,11,.14);--c-tint-amber-100: rgba(245,158,11,.2);--c-tint-emerald: rgba(16,185,129,.14);--c-tint-green: rgba(34,197,94,.14);--c-tint-violet: rgba(139,92,246,.14);--c-tint-purple: rgba(168,85,247,.14);--c-tint-sky: rgba(14,165,233,.14);--c-tint-pink: rgba(236,72,153,.14);--c-tint-yellow: rgba(234,179,8,.18);--c-tint-red-100: rgba(239,68,68,.22);--c-tint-green-100: rgba(34,197,94,.22);--c-tint-blue-100: rgba(59,130,246,.22);--c-tint-blue-200: rgba(59,130,246,.28);--c-tint-emerald-100: rgba(16,185,129,.22);--c-tint-sky-100: rgba(14,165,233,.22);--c-tint-rose-100: rgba(244,63,94,.22);--c-tint-indigo-100: rgba(99,102,241,.22);--c-tint-orange: rgba(249,115,22,.16);--c-tint-teal: rgba(20,184,166,.16);--c-tint-teal-100: rgba(20,184,166,.22);--c-tint-pink-100: rgba(236,72,153,.22);--c-tint-violet-100: rgba(139,92,246,.22);--c-ink-emerald-700: #A7F3D0;--c-ink-indigo-700: #C7D2FE;--c-ink-orange-800: #FED7AA;--c-ink-rose-700: #FECDD3;--c-ink-pink-800: #FBCFE8;--c-ink-green-800: #BBF7D0;--c-ink-blue-800: #BFDBFE;--c-ink-fuchsia-800: #F5D0FE;--c-ink-amber-800: #FDE68A;--c-ink-red-700: #FECACA;--c-tint-orange-200: rgba(249,115,22,.28);--c-ink-indigo: #C7D2FE;--c-ink-indigo-900: #C7D2FE;--c-ink-blue: #BFDBFE;--c-ink-blue-950: #BFDBFE;--c-ink-sky: #BAE6FD;--c-ink-emerald: #A7F3D0;--c-ink-emerald-800: #A7F3D0;--c-ink-green: #BBF7D0;--c-ink-teal: #99F6E4;--c-ink-amber: #FDE68A;--c-ink-amber-900: #FDE68A;--c-ink-yellow: #FEF08A;--c-ink-red: #FECACA;--c-ink-red-900: #FECACA;--c-ink-rose: #FECDD3;--c-ink-rose-950: #FECDD3;--c-ink-pink: #FBCFE8;--c-ink-purple: #E9D5FF;--c-ink-purple-950: #E9D5FF;--c-border: rgba(148, 163, 184, .22);--c-border-soft: rgba(148, 163, 184, .14);--c-border-strong: rgba(148, 163, 184, .34);--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--shadow-elevated: 0 8px 30px rgba(0, 0, 0, .5);--highlight-inner: inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .55);--shadow-2xl: 0 24px 56px rgba(0, 0, 0, .65);--shadow-btn: 0 4px 12px rgba(0, 0, 0, .45);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .5);--glass-border: rgba(255, 255, 255, .08);--bg-color-rgb: 38, 49, 74;--danger-alpha: rgba(240, 144, 165, .16);--success-alpha: rgba(45, 193, 144, .16);--emerald-alpha: rgba(45, 193, 144, .16);--warning-alpha: rgba(245, 158, 11, .18);--info-alpha: rgba(126, 173, 249, .16);--icon-tint-alpha: rgba(148, 163, 184, .18);--vibrant-teal: #5EEAD4}