@font-face{font-family:Inter;src:url(/fonts/inter/Inter-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/open-sans/OpenSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/open-sans/OpenSans-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/open-sans/OpenSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.font-inter{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-open-sans{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-jetbrains-mono,.font-mono{font-family:JetBrains Mono,Fira Code,Courier New,monospace}.font-roboto{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--color-black: #000000;--color-white: #ffffff;--color-primary: #6200ee;--color-primary-light: #9d46ff;--color-primary-dark: #0a00b6;--color-secondary: #03dac6;--color-secondary-light: #66fff9;--color-secondary-dark: #00a896;--color-accent: #48622E;--color-background: #ffffff;--color-surface: #f5f5f5;--color-text: #000000;--color-error: #b00020;--color-success: #218838;--color-warning: #8d6e63;--color-info: #1565c0;--color-on-primary: #ffffff;--color-on-secondary: #000000;--color-on-background: #000000;--color-on-surface: #000000;--color-on-error: #ffffff;--color-button-text: #000000;--color-success-bg: #e6f9ed;--color-success-text: #218838;--color-success-border: #2ecc40;--color-error-bg: #fdecea;--color-error-text: #b71c1c;--color-error-border: #e53935;--color-warning-bg: #fff8e1;--color-warning-text: #8d6e63;--color-warning-border: #ffb300;--color-info-bg: #e3f2fd;--color-info-text: #1565c0;--color-info-border: #2196f3;--border-color-default: #ccc;--border-color-light: #ddd;--border-color-lighter: #eee;--border-color-focus: var(--color-primary);--font-family-base: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-mono: "Fira Mono", monospace;--font-family-heading: "Bayon", sans-serif;--font-family-display: "Limelight", cursive;--font-heading: var(--font-family-heading);--font-display: var(--font-family-display);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--radius-sm: var(--border-radius-sm);--radius-md: var(--border-radius-md);--radius-lg: var(--border-radius-lg);--border-width-thin: 1px;--border-width-thick: 2px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--shadow-menu: 0 4px 16px rgba(0, 0, 0, .1);--opacity-0: 0;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--z-index-dropdown: 1000;--z-index-modal: 1050;--z-index-tooltip: 1100;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--transition-slow-legacy: .4s ease;--avatar-size-sm: 24px;--avatar-size-md: 36px;--avatar-size-lg: 48px;--button-height: 36px;--button-padding-x: var(--spacing-lg);--button-padding-y: var(--spacing-sm);--input-height: 40px;--input-padding-x: var(--spacing-md);--modal-max-width: 500px;--table-max-height: 600px;--menu-min-width: 160px;--toggle-width: 40px;--toggle-height: 22px;--toggle-circle-size: 18px;--toggle-circle-offset: 2px;--breakpoint-xs: 375px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-xxl: 1536px;--container-xs: 100%;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-xxl: 1320px}:root{--ctl-font-sans: var(--font-family-base);--ctl-font-mono: var(--font-family-mono);--ctl-font-size-2xs: 10px;--ctl-font-size-xs: 11px;--ctl-font-size-sm: 12px;--ctl-font-size-md: 13px;--ctl-font-size-base: 14px;--ctl-font-size-lg: 15px;--ctl-font-size-body: 16px;--ctl-font-size-xl: 18px;--ctl-font-size-xl-plus: 20px;--ctl-font-size-2xl: 24px;--ctl-font-size-2xl-plus: 28px;--ctl-font-size-3xl: 30px;--ctl-font-size-4xl: 36px;--ctl-font-size-5xl: 48px;--ctl-font-weight-normal: var(--font-weight-normal);--ctl-font-weight-medium: 500;--ctl-font-weight-demi: 550;--ctl-font-weight-semibold: var(--font-weight-semibold);--ctl-font-weight-strong: 650;--ctl-font-weight-bold: var(--font-weight-bold);--ctl-font-weight-heavy: 750;--ctl-font-weight-extrabold: 800;--ctl-font-weight-extra-heavy: 850;--ctl-font-weight-black: 900;--ctl-font-weight-ultra: 950;--ctl-font-weight-superblack: 1000;--ctl-leading-tight: var(--line-height-tight);--ctl-leading-normal: var(--line-height-normal);--ctl-leading-relaxed: var(--line-height-relaxed);--ctl-leading-loose: var(--line-height-loose);--ctl-tracking-tight: var(--letter-spacing-tight);--ctl-tracking-normal: var(--letter-spacing-normal);--ctl-tracking-wide: var(--letter-spacing-wide);--ctl-tracking-wider: var(--letter-spacing-wider);--ctl-tracking-widest: var(--letter-spacing-widest);--ctl-space-0: 0;--ctl-space-0-5: 2px;--ctl-space-1: var(--spacing-xxs);--ctl-space-1-5: 6px;--ctl-space-2: var(--spacing-xs);--ctl-space-2-5: 10px;--ctl-space-3: var(--spacing-sm);--ctl-space-3-5: 14px;--ctl-space-4: var(--spacing-md);--ctl-space-4-5: 18px;--ctl-space-5: var(--spacing-lg);--ctl-space-6: var(--spacing-xl);--ctl-space-7: var(--spacing-xxl);--ctl-space-8: 32px;--ctl-space-9-5: 38px;--ctl-space-10: 40px;--ctl-space-12: 48px;--ctl-space-20: 80px;--ctl-space-21: 84px;--ctl-space-25: 100px;--ctl-space-35: 140px;--ctl-space-40: 160px;--ctl-space-75: 300px;--ctl-space-95: 380px;--ctl-space-105: 420px;--ctl-space-135: 540px;--ctl-space-350: 1400px;--ctl-radius-sm: var(--border-radius-sm);--ctl-radius-md: var(--border-radius-md);--ctl-radius-10: 10px;--ctl-radius-12: 12px;--ctl-radius-14: 14px;--ctl-radius-lg: var(--border-radius-lg);--ctl-radius-xl: 20px;--ctl-radius-full: 9999px;--ctl-blur-none: blur(0);--ctl-blur-sm: blur(2px);--ctl-blur-md: blur(8px);--ctl-blur-lg: blur(16px);--ctl-blur-xl: blur(24px);--ctl-shadow-xs: 0 1px 0 rgba(0, 0, 0, .05);--ctl-shadow-sm: var(--shadow-sm);--ctl-shadow-md: var(--shadow-md);--ctl-shadow-lg: var(--shadow-lg);--ctl-shadow-float: 0 10px 26px rgba(0, 0, 0, .14);--ctl-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--ctl-shadow-dropdown: var(--shadow-menu);--ctl-shadow-dialog: 0 20px 60px rgba(0, 0, 0, .25);--ctl-shadow-card: var(--shadow-sm);--ctl-shadow-card-hover: var(--shadow-md);--ctl-opacity-disabled: var(--opacity-50);--ctl-opacity-hover: var(--opacity-80);--ctl-opacity-muted: var(--opacity-60);--ctl-opacity-icon: .95;--ctl-opacity-shine: .55;--ctl-opacity-interactive: .9;--ctl-color-text: var(--color-text);--ctl-color-text-secondary: color-mix(in srgb, var(--color-text) 65%, var(--color-background));--ctl-color-text-inverse: var(--color-on-background);--ctl-color-muted: color-mix(in srgb, var(--color-text) 55%, var(--color-background));--ctl-color-bg: var(--color-background);--ctl-color-surface: var(--color-surface);--ctl-color-surface-2: color-mix(in srgb, var(--color-surface) 80%, var(--color-background));--ctl-color-surface-hover: color-mix(in srgb, var(--color-surface) 70%, var(--color-background));--ctl-color-surface-secondary: var(--ctl-color-surface-2);--ctl-color-surface-inverse: #111827;--ctl-color-on-surface-inverse: #ffffff;--ctl-color-border: var(--border-color-light);--ctl-color-border-2: var(--border-color-default);--ctl-color-white: var(--color-white);--ctl-color-black: var(--color-black);--ctl-color-overlay-1: rgba(0, 0, 0, .02);--ctl-color-overlay-2: rgba(0, 0, 0, .03);--ctl-color-overlay-3: rgba(0, 0, 0, .04);--ctl-color-overlay-4: rgba(0, 0, 0, .08);--ctl-color-overlay-5: rgba(0, 0, 0, .1);--ctl-color-overlay-6: rgba(0, 0, 0, .25);--ctl-color-overlay-7: rgba(0, 0, 0, .4);--ctl-color-overlay-8: rgba(0, 0, 0, .5);--ctl-color-surface-wash: color-mix(in srgb, var(--ctl-color-bg) 72%, transparent);--ctl-color-shine: rgba(255, 255, 255, .14);--ctl-color-stripe: rgba(255, 255, 255, .15);--ctl-color-brand: var(--color-primary);--ctl-color-brand-2: var(--color-primary-dark);--ctl-color-brand-hover: color-mix(in srgb, var(--color-primary) 80%, black);--ctl-color-brand-active: color-mix(in srgb, var(--color-primary) 65%, black);--ctl-color-brand-subtle: color-mix(in srgb, var(--color-primary) 12%, transparent);--ctl-color-secondary: var(--color-secondary, var(--color-primary));--ctl-color-secondary-hover: var(--color-secondary-dark, var(--color-primary-dark));--ctl-color-on-secondary: var(--color-on-secondary, var(--color-on-primary));--ctl-color-danger: var(--color-error);--ctl-color-error: var(--color-error);--ctl-color-warning: var(--color-warning);--ctl-color-success: var(--color-success);--ctl-color-info: var(--color-info);--ctl-color-rating: var(--color-warning, #fbbf24);--ctl-color-icon-folder: #f59e0b;--ctl-color-icon-image: #10b981;--ctl-color-success-text: var(--color-success-text);--ctl-color-success-border: var(--color-success-border);--ctl-color-warning-text: var(--color-warning-text);--ctl-color-warning-border: var(--color-warning-border);--ctl-color-info-text: var(--color-info-text);--ctl-color-info-border: var(--color-info-border);--ctl-color-danger-text: var(--color-error-text);--ctl-color-danger-border: var(--color-error-border);--ctl-color-danger-surface: var(--color-error-bg);--ctl-color-hover: var(--ctl-color-surface-hover);--ctl-color-active: var(--ctl-color-surface-2);--ctl-color-on-brand: var(--color-on-primary);--ctl-color-on-danger: var(--color-on-error);--ctl-color-on-success: #ffffff;--ctl-color-on-warning: #ffffff;--ctl-color-on-info: #ffffff;--ctl-color-focus: var(--color-primary);--ctl-focus-ring-width: 3px;--ctl-focus-ring-offset: 2px;--ctl-focus-ring-color: color-mix(in srgb, var(--ctl-color-focus) 25%, transparent);--ctl-focus-ring: 0 0 0 var(--ctl-focus-ring-width) var(--ctl-focus-ring-color);--ctl-shadow-focus: 0 0 0 var(--ctl-focus-ring-width) var(--ctl-focus-ring-color);--ctl-z-dropdown: var(--z-index-dropdown);--ctl-z-modal: var(--z-index-modal);--ctl-z-tooltip: var(--z-index-tooltip);--ctl-z-topbar: 50;--ctl-z-overlay: 9000;--ctl-z-notification: 10000;--ctl-z-drawer-backdrop: 9998;--ctl-z-drawer: 9999;--ctl-transition-fast: .12s ease;--ctl-transition-normal: .15s ease;--ctl-transition-slow: .3s ease;--ctl-transition-easing: cubic-bezier(.4, 0, .2, 1);--ctl-field-height: var(--input-height);--ctl-control-radius: var(--border-radius-md);--ctl-dialog-radius: var(--border-radius-lg);--ctl-dialog-max-width: var(--modal-max-width);--ctl-control-size: 20px;--ctl-size-icon-sm: 16px;--ctl-size-icon-md: 20px;--ctl-size-icon-lg: 24px;--ctl-size-avatar-xs: 20px;--ctl-size-avatar-sm: 28px;--ctl-size-avatar-md: 36px;--ctl-size-avatar-lg: 44px;--ctl-size-avatar-xl: 56px;--ctl-badge-padding-sm: var(--ctl-space-1) calc(var(--ctl-space-1) + 2px);--ctl-badge-padding-md: var(--ctl-space-1) var(--ctl-space-2);--ctl-divider-padding: var(--ctl-space-2);--ctl-border-width-thin: var(--border-width-thin);--ctl-border-width-thick: var(--border-width-thick);--ctl-size-tag-remove: 22px;--ctl-switch-width: 44px;--ctl-switch-height: 24px;--ctl-switch-padding: 2px;--ctl-switch-thumb-size: calc(var(--ctl-switch-height) - (var(--ctl-switch-padding) * 2));--ctl-slider-track-height: 6px;--ctl-slider-thumb-size: 20px;--ctl-slider-thumb-border-width: 3px;--ctl-radio-dot-size: 10px;--ctl-size-icon-btn: 28px;--ctl-table-min-width: 420px;--ctl-tooltip-max-width: 300px;--ctl-tooltip-arrow-size: 5px;--ctl-dropdown-min-width: 180px;--ctl-dropdown-max-width: 420px;--ctl-size-button-sm: 34px;--ctl-input-padding-x: var(--ctl-space-3);--ctl-input-padding-y: var(--ctl-space-2);--ctl-button-padding-sm: var(--ctl-space-1) var(--ctl-space-2);--ctl-button-padding-md: var(--ctl-space-2) var(--ctl-space-3);--ctl-button-padding-lg: var(--ctl-space-3) var(--ctl-space-4);--ctl-card-padding: var(--ctl-space-4);--ctl-dialog-padding: var(--ctl-space-5);--ctl-backdrop-light: rgba(0, 0, 0, .4);--ctl-backdrop-dark: rgba(0, 0, 0, .6);--ctl-backdrop-default: var(--ctl-backdrop-light);--ctl-color-backdrop: var(--ctl-backdrop-default);--ctl-drawer-size: 400px;--ctl-drawer-max-width: 88vw;--ctl-overlay-inset: 48px;--ctl-color-success-surface: var(--color-success-bg);--ctl-color-error-surface: var(--color-error-bg);--ctl-color-warning-surface: var(--color-warning-bg);--ctl-color-info-surface: var(--color-info-bg);--ctl-min-touch-target: 44px;--ctl-mix-soft: 12%;--ctl-mix-text: 86%;--ctl-mix-border: 78%}@media(prefers-reduced-motion:reduce){:root{--ctl-transition-fast: 0ms;--ctl-transition-normal: 0ms;--ctl-transition-slow: 0ms}}html[data-theme=light]{--color-background: #ffffff;--color-surface: #f8fafc;--color-text: #1e293b;--ctl-color-bg: #ffffff;--ctl-color-surface: #f8fafc;--ctl-color-surface-2: #f1f5f9;--ctl-color-surface-hover: #e2e8f0;--ctl-color-surface-secondary: var(--ctl-color-surface);--ctl-color-overlay: rgba(15, 23, 42, .5);--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-secondary: #8b5cf6;--color-secondary-light: #a78bfa;--color-secondary-dark: #7c3aed;--color-accent: #06b6d4;--ctl-color-brand: #6366f1;--ctl-color-brand-hover: #4f46e5;--ctl-color-brand-active: #4338ca;--ctl-color-brand-subtle: rgba(99, 102, 241, .1);--ctl-color-brand-2: #4f46e5;--ctl-color-primary: #6366f1;--ctl-color-primary-hover: #4f46e5;--ctl-color-primary-text: #ffffff;--ctl-color-text: #1e293b;--ctl-color-text-secondary: #475569;--ctl-color-muted: #64748b;--ctl-color-text-inverse: #ffffff;--border-color-default: #cbd5e1;--border-color-light: #e2e8f0;--border-color-lighter: #f1f5f9;--border-color-focus: var(--color-primary);--ctl-color-border: #e2e8f0;--ctl-color-border-2: #cbd5e1;--ctl-color-border-strong: #94a3b8;--ctl-color-divider: #f1f5f9;--color-success: #10b981;--color-success-bg: #d1fae5;--color-success-text: #065f46;--color-success-border: #6ee7b7;--ctl-color-success: #10b981;--ctl-color-success-bg: rgba(16, 185, 129, .1);--ctl-color-success-surface: #d1fae5;--ctl-color-on-success: #ffffff;--color-error: #ef4444;--color-error-bg: #fee2e2;--color-error-text: #991b1b;--color-error-border: #fca5a5;--ctl-color-danger: #ef4444;--ctl-color-danger-bg: rgba(239, 68, 68, .1);--ctl-color-danger-text: #dc2626;--ctl-color-danger-border: rgba(239, 68, 68, .3);--ctl-color-error-surface: #fee2e2;--ctl-color-on-danger: #ffffff;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-warning-border: #fcd34d;--ctl-color-warning: #f59e0b;--ctl-color-warning-bg: rgba(245, 158, 11, .1);--ctl-color-warning-surface: #fef3c7;--ctl-color-on-warning: #ffffff;--color-info: #3b82f6;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-info-border: #93c5fd;--ctl-color-info: #3b82f6;--ctl-color-info-bg: rgba(59, 130, 246, .1);--ctl-color-info-surface: #dbeafe;--ctl-color-on-info: #ffffff;--color-on-primary: #ffffff;--color-on-secondary: #ffffff;--color-on-background: #1e293b;--color-on-surface: #1e293b;--color-on-error: #ffffff;--color-button-text: #ffffff;--ctl-color-on-brand: #ffffff;--ctl-color-surface-inverse: #1e293b;--ctl-color-on-surface-inverse: #f8fafc;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-menu: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ctl-shadow-sm: var(--shadow-sm);--ctl-shadow-md: var(--shadow-md);--ctl-shadow-lg: var(--shadow-lg);--ctl-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--ctl-shadow-dropdown: var(--shadow-menu);--ctl-shadow-dialog: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ctl-shadow-card: var(--shadow-sm);--ctl-shadow-card-hover: var(--shadow-md);--ctl-color-focus: rgba(99, 102, 241, .3);--ctl-focus-ring-color: rgba(99, 102, 241, .3);--ctl-backdrop-default: rgba(0, 0, 0, .4);--ctl-color-backdrop: rgba(0, 0, 0, .4)}html[data-theme=dark]{--color-background: #0f172a;--color-surface: #1e293b;--color-text: #f1f5f9;--ctl-color-bg: #0f172a;--ctl-color-surface: #1e293b;--ctl-color-surface-2: #334155;--ctl-color-surface-hover: #475569;--ctl-color-surface-secondary: var(--ctl-color-surface);--ctl-color-overlay: rgba(0, 0, 0, .7);--color-primary: #818cf8;--color-primary-light: #a5b4fc;--color-primary-dark: #6366f1;--color-secondary: #a78bfa;--color-secondary-light: #c4b5fd;--color-secondary-dark: #8b5cf6;--color-accent: #22d3ee;--ctl-color-brand: #818cf8;--ctl-color-brand-hover: #a5b4fc;--ctl-color-brand-active: #c7d2fe;--ctl-color-brand-subtle: rgba(129, 140, 248, .15);--ctl-color-brand-2: #6366f1;--ctl-color-primary: #818cf8;--ctl-color-primary-hover: #a5b4fc;--ctl-color-primary-text: #0f172a;--ctl-color-text: #f1f5f9;--ctl-color-text-secondary: #cbd5e1;--ctl-color-muted: #94a3b8;--ctl-color-text-inverse: #0f172a;--border-color-default: #334155;--border-color-light: #475569;--border-color-lighter: #64748b;--border-color-focus: var(--color-primary);--ctl-color-border: #334155;--ctl-color-border-2: #475569;--ctl-color-border-strong: #64748b;--ctl-color-divider: #1e293b;--color-success: #34d399;--color-success-bg: #064e3b;--color-success-text: #6ee7b7;--color-success-border: #059669;--ctl-color-success: #34d399;--ctl-color-success-bg: rgba(52, 211, 153, .15);--ctl-color-success-surface: #064e3b;--ctl-color-on-success: #0f172a;--color-error: #f87171;--color-error-bg: #7f1d1d;--color-error-text: #fca5a5;--color-error-border: #dc2626;--ctl-color-danger: #f87171;--ctl-color-danger-bg: rgba(248, 113, 113, .15);--ctl-color-danger-text: #fca5a5;--ctl-color-danger-border: rgba(248, 113, 113, .3);--ctl-color-error-surface: #7f1d1d;--ctl-color-on-danger: #0f172a;--color-warning: #fbbf24;--color-warning-bg: #78350f;--color-warning-text: #fcd34d;--color-warning-border: #d97706;--ctl-color-warning: #fbbf24;--ctl-color-warning-bg: rgba(251, 191, 36, .15);--ctl-color-warning-surface: #78350f;--ctl-color-on-warning: #0f172a;--color-info: #60a5fa;--color-info-bg: #1e3a8a;--color-info-text: #93c5fd;--color-info-border: #2563eb;--ctl-color-info: #60a5fa;--ctl-color-info-bg: rgba(96, 165, 250, .15);--ctl-color-info-surface: #1e3a8a;--ctl-color-on-info: #0f172a;--color-on-primary: #0f172a;--color-on-secondary: #0f172a;--color-on-background: #f1f5f9;--color-on-surface: #f1f5f9;--color-on-error: #0f172a;--color-button-text: #0f172a;--ctl-color-on-brand: #0f172a;--ctl-color-surface-inverse: #f8fafc;--ctl-color-on-surface-inverse: #1e293b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .6);--shadow-menu: 0 10px 25px -5px rgba(0, 0, 0, .7), 0 8px 10px -6px rgba(0, 0, 0, .7);--ctl-shadow-sm: var(--shadow-sm);--ctl-shadow-md: var(--shadow-md);--ctl-shadow-lg: var(--shadow-lg);--ctl-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .65);--ctl-shadow-dropdown: var(--shadow-menu);--ctl-shadow-dialog: 0 20px 25px -5px rgba(0, 0, 0, .8), 0 8px 10px -6px rgba(0, 0, 0, .8);--ctl-shadow-card: var(--shadow-sm);--ctl-shadow-card-hover: var(--shadow-md);--ctl-color-focus: rgba(129, 140, 248, .4);--ctl-focus-ring-color: rgba(129, 140, 248, .4);--ctl-backdrop-default: rgba(0, 0, 0, .7);--ctl-color-backdrop: rgba(0, 0, 0, .7)}html[data-theme=cliftontechlabs-v2]{--ctl-color-brand: #0b2a4a;--ctl-color-brand-hover: #09223d;--ctl-color-brand-active: #071c33;--ctl-color-brand-subtle: rgba(11, 42, 74, .1);--ctl-color-brand-2: #c9a227;--ctl-color-on-brand: #ffffff;--ctl-color-primary: var(--ctl-color-brand);--ctl-color-primary-hover: var(--ctl-color-brand-hover);--ctl-color-primary-text: var(--ctl-color-on-brand);--ctl-color-bg: #fbfbfa;--ctl-color-surface: #f6f7f9;--ctl-color-surface-2: #eef1f5;--ctl-color-surface-hover: #e3e8ef;--ctl-color-overlay: rgba(2, 6, 23, .55);--ctl-color-surface-inverse: #0b1220;--ctl-color-on-surface-inverse: #f8fafc;--ctl-color-text: #0b1220;--ctl-color-text-secondary: #334155;--ctl-color-muted: #64748b;--ctl-color-text-inverse: #ffffff;--ctl-color-border: #e2e8f0;--ctl-color-border-2: #cbd5e1;--ctl-color-border-strong: #94a3b8;--ctl-color-divider: #eef2f7;--border-color-default: var(--ctl-color-border-2);--border-color-light: var(--ctl-color-border);--border-color-lighter: var(--ctl-color-divider);--border-color-focus: var(--ctl-color-brand);--ctl-color-success: #16a34a;--ctl-color-success-bg: rgba(22, 163, 74, .12);--ctl-color-success-surface: #dcfce7;--ctl-color-on-success: #ffffff;--color-success: var(--ctl-color-success);--color-success-bg: var(--ctl-color-success-surface);--color-success-text: #166534;--color-success-border: #86efac;--ctl-color-danger: #ef4444;--ctl-color-danger-bg: rgba(239, 68, 68, .12);--ctl-color-danger-text: #dc2626;--ctl-color-danger-border: rgba(239, 68, 68, .35);--ctl-color-error-surface: #fee2e2;--ctl-color-on-danger: #ffffff;--color-error: var(--ctl-color-danger);--color-error-bg: var(--ctl-color-error-surface);--color-error-text: var(--ctl-color-danger-text);--color-error-border: #fca5a5;--color-on-error: var(--ctl-color-on-danger);--ctl-color-warning: #d4a72c;--ctl-color-warning-bg: rgba(212, 167, 44, .14);--ctl-color-warning-surface: #fff7da;--ctl-color-on-warning: #111827;--color-warning: var(--ctl-color-warning);--color-warning-bg: var(--ctl-color-warning-surface);--color-warning-text: #7a5a12;--color-warning-border: #f2d27a;--ctl-color-info: #2563eb;--ctl-color-info-bg: rgba(37, 99, 235, .12);--ctl-color-info-surface: #dbeafe;--ctl-color-on-info: #ffffff;--color-info: var(--ctl-color-info);--color-info-bg: var(--ctl-color-info-surface);--color-info-text: #1e40af;--color-info-border: #93c5fd;--ctl-shadow-sm: 0 1px 2px 0 rgba(2, 6, 23, .06);--ctl-shadow-md: 0 10px 16px -14px rgba(2, 6, 23, .22), 0 6px 10px -10px rgba(2, 6, 23, .14);--ctl-shadow-lg: 0 24px 40px -28px rgba(2, 6, 23, .3), 0 14px 20px -18px rgba(2, 6, 23, .16);--ctl-shadow-dropdown: 0 28px 60px -40px rgba(2, 6, 23, .35);--ctl-shadow-dialog: 0 40px 90px -60px rgba(2, 6, 23, .45);--ctl-shadow-card: var(--ctl-shadow-sm);--ctl-shadow-card-hover: var(--ctl-shadow-md);--shadow-sm: var(--ctl-shadow-sm);--shadow-md: var(--ctl-shadow-md);--shadow-lg: var(--ctl-shadow-lg);--shadow-menu: var(--ctl-shadow-dropdown);--ctl-color-focus: rgba(11, 42, 74, .3);--ctl-focus-ring-color: rgba(11, 42, 74, .3);--ctl-backdrop-default: rgba(2, 6, 23, .55);--ctl-color-backdrop: rgba(2, 6, 23, .55);--ctl-radius-sm: 6px;--ctl-radius-md: 10px;--ctl-radius-lg: 18px;--ctl-radius-xl: 26px;--color-background: var(--ctl-color-bg);--color-surface: var(--ctl-color-surface);--color-text: var(--ctl-color-text);--color-primary: var(--ctl-color-brand);--color-primary-light: var(--ctl-color-brand-hover);--color-primary-dark: var(--ctl-color-brand-active);--color-on-primary: var(--ctl-color-on-brand);--color-on-background: var(--ctl-color-text);--color-on-surface: var(--ctl-color-text);--color-button-text: var(--ctl-color-on-brand)}html[data-theme=cliftontechlabs-v2-dark]{--ctl-color-brand: #3b82f6;--ctl-color-brand-hover: #60a5fa;--ctl-color-brand-active: #93c5fd;--ctl-color-brand-subtle: rgba(59, 130, 246, .18);--ctl-color-brand-2: #e2c15a;--ctl-color-on-brand: #0b1220;--ctl-color-bg: #070b14;--ctl-color-surface: #0b1220;--ctl-color-surface-2: #111a2d;--ctl-color-surface-hover: #17213a;--ctl-color-overlay: rgba(0, 0, 0, .72);--ctl-color-text: #f1f5f9;--ctl-color-text-secondary: #cbd5e1;--ctl-color-muted: #94a3b8;--ctl-color-text-inverse: #070b14;--ctl-color-border: #1f2a48;--ctl-color-border-2: #2b3a62;--ctl-color-border-strong: #42527a;--ctl-color-divider: #0b1220;--ctl-color-success: #22c55e;--ctl-color-danger: #fb7185;--ctl-color-warning: #fbbf24;--ctl-color-info: #60a5fa;--ctl-color-surface-inverse: #f8fafc;--ctl-color-on-surface-inverse: #0f172a;--ctl-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4);--ctl-shadow-md: 0 12px 22px -14px rgba(0, 0, 0, .62);--ctl-shadow-lg: 0 28px 50px -30px rgba(0, 0, 0, .75);--ctl-shadow-dropdown: 0 30px 70px -40px rgba(0, 0, 0, .8);--ctl-shadow-dialog: 0 44px 110px -60px rgba(0, 0, 0, .9);--ctl-color-focus: rgba(59, 130, 246, .45);--ctl-focus-ring-color: rgba(59, 130, 246, .45);--ctl-backdrop-default: rgba(0, 0, 0, .62);--ctl-color-backdrop: rgba(0, 0, 0, .62);--color-background: var(--ctl-color-bg);--color-surface: var(--ctl-color-surface);--color-text: var(--ctl-color-text);--color-primary: var(--ctl-color-brand);--border-color-default: var(--ctl-color-border-2);--border-color-light: var(--ctl-color-border);--shadow-sm: var(--ctl-shadow-sm);--shadow-md: var(--ctl-shadow-md);--shadow-lg: var(--ctl-shadow-lg)}html[data-theme=finance],[data-theme=finance]{--ctl-color-bg: #ffffff;--ctl-color-surface: #f8fafb;--ctl-color-surface-2: #eef2f6;--ctl-color-surface-hover: #e0e8f0;--ctl-color-overlay: rgba(30, 58, 95, .5);--ctl-color-border: #d1dce6;--ctl-color-border-strong: #b0bfcc;--ctl-color-divider: #e8eef4;--ctl-color-text: #1a2332;--ctl-color-text-secondary: #4a5568;--ctl-color-muted: #718096;--ctl-color-text-inverse: #ffffff;--ctl-color-brand: #1e3a5f;--ctl-color-brand-hover: #2a4d7f;--ctl-color-brand-active: #153050;--ctl-color-brand-subtle: rgba(30, 58, 95, .08);--ctl-color-on-brand: #ffffff;--ctl-color-brand-2: #d4af37;--ctl-color-brand-2-hover: #dfc25a;--ctl-color-brand-2-active: #c19d28;--ctl-color-primary: #1e3a5f;--ctl-color-primary-hover: #2a4d7f;--ctl-color-primary-text: #ffffff;--ctl-color-success: #0f9960;--ctl-color-success-bg: rgba(15, 153, 96, .1);--ctl-color-success-surface: #d4f4e2;--ctl-color-on-success: #ffffff;--ctl-color-warning: #d4af37;--ctl-color-warning-bg: rgba(212, 175, 55, .1);--ctl-color-warning-surface: #fef9e7;--ctl-color-on-warning: #1a2332;--ctl-color-error: #c23030;--ctl-color-error-bg: rgba(194, 48, 48, .1);--ctl-color-error-surface: #fbeae9;--ctl-color-danger: #c23030;--ctl-color-danger-bg: rgba(194, 48, 48, .1);--ctl-color-danger-text: #a02828;--ctl-color-danger-border: rgba(194, 48, 48, .3);--ctl-color-on-danger: #ffffff;--ctl-color-info: #1366a8;--ctl-color-info-bg: rgba(19, 102, 168, .1);--ctl-color-info-surface: #e1f0f9;--ctl-color-on-info: #ffffff;--ctl-shadow-sm: 0 1px 2px rgba(30, 58, 95, .08);--ctl-shadow-md: 0 2px 8px rgba(30, 58, 95, .12);--ctl-shadow-lg: 0 8px 16px rgba(30, 58, 95, .15);--ctl-shadow-card: 0 2px 4px rgba(30, 58, 95, .08);--ctl-shadow-elevated: 0 12px 32px rgba(30, 58, 95, .18);--ctl-shadow-dropdown: 0 4px 12px rgba(30, 58, 95, .12);--ctl-shadow-dialog: 0 16px 48px rgba(30, 58, 95, .24);--ctl-color-focus: rgba(30, 58, 95, .4);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--ctl-radius-sm: 2px;--ctl-radius-md: 4px;--ctl-radius-lg: 6px;--ctl-radius-xl: 8px}html[data-theme=finance-dark],[data-theme=finance-dark]{--ctl-color-bg: #0d1821;--ctl-color-surface: #1a2332;--ctl-color-surface-2: #243345;--ctl-color-surface-hover: #2e4057;--ctl-color-overlay: rgba(0, 0, 0, .7);--ctl-color-border: rgba(209, 220, 230, .12);--ctl-color-border-strong: rgba(209, 220, 230, .2);--ctl-color-divider: rgba(209, 220, 230, .08);--ctl-color-text: #f0f4f8;--ctl-color-text-secondary: #cbd5e0;--ctl-color-muted: #a0aec0;--ctl-color-text-inverse: #0d1821;--ctl-color-brand: #4a7ba7;--ctl-color-brand-hover: #5d90c2;--ctl-color-brand-active: #73a5d8;--ctl-color-brand-subtle: rgba(74, 123, 167, .15);--ctl-color-on-brand: #ffffff;--ctl-color-brand-2: #e5c664;--ctl-color-brand-2-hover: #edd587;--ctl-color-brand-2-active: #f5e5a9;--ctl-color-primary: #4a7ba7;--ctl-color-primary-hover: #5d90c2;--ctl-color-primary-text: #ffffff;--ctl-color-success: #3dcc8e;--ctl-color-success-bg: rgba(61, 204, 142, .15);--ctl-color-success-surface: rgba(15, 153, 96, .2);--ctl-color-on-success: #0d1821;--ctl-color-warning: #e5c664;--ctl-color-warning-bg: rgba(229, 198, 100, .15);--ctl-color-warning-surface: rgba(212, 175, 55, .2);--ctl-color-on-warning: #0d1821;--ctl-color-error: #e85757;--ctl-color-error-bg: rgba(232, 87, 87, .15);--ctl-color-error-surface: rgba(194, 48, 48, .2);--ctl-color-danger: #e85757;--ctl-color-danger-bg: rgba(232, 87, 87, .15);--ctl-color-danger-text: #f28b8b;--ctl-color-danger-border: rgba(232, 87, 87, .3);--ctl-color-on-danger: #0d1821;--ctl-color-info: #5899d8;--ctl-color-info-bg: rgba(88, 153, 216, .15);--ctl-color-info-surface: rgba(19, 102, 168, .2);--ctl-color-on-info: #0d1821;--ctl-shadow-sm: 0 1px 0 rgba(255, 255, 255, .03), 0 1px 2px rgba(0, 0, 0, .4);--ctl-shadow-md: 0 1px 0 rgba(255, 255, 255, .04), 0 2px 8px rgba(0, 0, 0, .5);--ctl-shadow-lg: 0 1px 0 rgba(255, 255, 255, .05), 0 8px 16px rgba(0, 0, 0, .6);--ctl-shadow-card: 0 1px 0 rgba(255, 255, 255, .04), 0 2px 4px rgba(0, 0, 0, .5);--ctl-shadow-elevated: 0 1px 0 rgba(255, 255, 255, .05), 0 12px 32px rgba(0, 0, 0, .65);--ctl-shadow-dropdown: 0 1px 0 rgba(255, 255, 255, .04), 0 4px 12px rgba(0, 0, 0, .6);--ctl-shadow-dialog: 0 1px 0 rgba(255, 255, 255, .06), 0 16px 48px rgba(0, 0, 0, .7);--ctl-color-focus: rgba(74, 123, 167, .5);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--ctl-radius-sm: 2px;--ctl-radius-md: 4px;--ctl-radius-lg: 6px;--ctl-radius-xl: 8px}html[data-theme=healthcare],[data-theme=healthcare]{--ctl-color-bg: #fafbfc;--ctl-color-surface: #ffffff;--ctl-color-surface-2: #f5f7fa;--ctl-color-surface-hover: #e8f0f7;--ctl-color-overlay: rgba(0, 119, 200, .5);--ctl-color-border: #d9e2ec;--ctl-color-border-strong: #b8c5d6;--ctl-color-divider: #edf1f7;--ctl-color-text: #1f2933;--ctl-color-text-secondary: #3e4c59;--ctl-color-muted: #616e7c;--ctl-color-text-inverse: #ffffff;--ctl-color-brand: #0077c8;--ctl-color-brand-hover: #0091ea;--ctl-color-brand-active: #005fa3;--ctl-color-brand-subtle: rgba(0, 119, 200, .08);--ctl-color-on-brand: #ffffff;--ctl-color-brand-2: #4caf50;--ctl-color-brand-2-hover: #66bb6a;--ctl-color-brand-2-active: #43a047;--ctl-color-primary: #0077c8;--ctl-color-primary-hover: #0091ea;--ctl-color-primary-text: #ffffff;--ctl-color-success: #4caf50;--ctl-color-success-bg: rgba(76, 175, 80, .1);--ctl-color-success-surface: #e8f5e9;--ctl-color-on-success: #ffffff;--ctl-color-warning: #ff9800;--ctl-color-warning-bg: rgba(255, 152, 0, .1);--ctl-color-warning-surface: #fff3e0;--ctl-color-on-warning: #ffffff;--ctl-color-error: #d32f2f;--ctl-color-error-bg: rgba(211, 47, 47, .1);--ctl-color-error-surface: #ffebee;--ctl-color-danger: #d32f2f;--ctl-color-danger-bg: rgba(211, 47, 47, .1);--ctl-color-danger-text: #b71c1c;--ctl-color-danger-border: rgba(211, 47, 47, .3);--ctl-color-on-danger: #ffffff;--ctl-color-info: #0288d1;--ctl-color-info-bg: rgba(2, 136, 209, .1);--ctl-color-info-surface: #e1f5fe;--ctl-color-on-info: #ffffff;--ctl-shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--ctl-shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--ctl-shadow-lg: 0 8px 20px rgba(0, 0, 0, .1);--ctl-shadow-card: 0 2px 4px rgba(0, 0, 0, .06);--ctl-shadow-elevated: 0 12px 28px rgba(0, 0, 0, .12);--ctl-shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .08);--ctl-shadow-dialog: 0 16px 40px rgba(0, 0, 0, .15);--ctl-color-focus: rgba(0, 119, 200, .4);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ctl-radius-sm: 4px;--ctl-radius-md: 8px;--ctl-radius-lg: 12px;--ctl-radius-xl: 16px}html[data-theme=healthcare-dark],[data-theme=healthcare-dark]{--ctl-color-bg: #121826;--ctl-color-surface: #1f2933;--ctl-color-surface-2: #2d3748;--ctl-color-surface-hover: #3e4c59;--ctl-color-overlay: rgba(0, 0, 0, .65);--ctl-color-border: rgba(217, 226, 236, .12);--ctl-color-border-strong: rgba(217, 226, 236, .2);--ctl-color-divider: rgba(217, 226, 236, .08);--ctl-color-text: #f5f7fa;--ctl-color-text-secondary: #cbd2d9;--ctl-color-muted: #9aa5b1;--ctl-color-text-inverse: #121826;--ctl-color-brand: #29b6f6;--ctl-color-brand-hover: #4fc3f7;--ctl-color-brand-active: #81d4fa;--ctl-color-brand-subtle: rgba(41, 182, 246, .15);--ctl-color-on-brand: #121826;--ctl-color-brand-2: #66bb6a;--ctl-color-brand-2-hover: #81c784;--ctl-color-brand-2-active: #a5d6a7;--ctl-color-primary: #29b6f6;--ctl-color-primary-hover: #4fc3f7;--ctl-color-primary-text: #121826;--ctl-color-success: #66bb6a;--ctl-color-success-bg: rgba(102, 187, 106, .15);--ctl-color-success-surface: rgba(76, 175, 80, .2);--ctl-color-on-success: #121826;--ctl-color-warning: #ffb74d;--ctl-color-warning-bg: rgba(255, 183, 77, .15);--ctl-color-warning-surface: rgba(255, 152, 0, .2);--ctl-color-on-warning: #121826;--ctl-color-error: #ef5350;--ctl-color-error-bg: rgba(239, 83, 80, .15);--ctl-color-error-surface: rgba(211, 47, 47, .2);--ctl-color-danger: #ef5350;--ctl-color-danger-bg: rgba(239, 83, 80, .15);--ctl-color-danger-text: #ff867c;--ctl-color-danger-border: rgba(239, 83, 80, .3);--ctl-color-on-danger: #121826;--ctl-color-info: #4fc3f7;--ctl-color-info-bg: rgba(79, 195, 247, .15);--ctl-color-info-surface: rgba(2, 136, 209, .2);--ctl-color-on-info: #121826;--ctl-shadow-sm: 0 1px 0 rgba(255, 255, 255, .03), 0 1px 3px rgba(0, 0, 0, .4);--ctl-shadow-md: 0 1px 0 rgba(255, 255, 255, .04), 0 2px 8px rgba(0, 0, 0, .5);--ctl-shadow-lg: 0 1px 0 rgba(255, 255, 255, .05), 0 8px 20px rgba(0, 0, 0, .6);--ctl-shadow-card: 0 1px 0 rgba(255, 255, 255, .04), 0 2px 4px rgba(0, 0, 0, .5);--ctl-shadow-elevated: 0 1px 0 rgba(255, 255, 255, .05), 0 12px 28px rgba(0, 0, 0, .65);--ctl-shadow-dropdown: 0 1px 0 rgba(255, 255, 255, .04), 0 4px 12px rgba(0, 0, 0, .6);--ctl-shadow-dialog: 0 1px 0 rgba(255, 255, 255, .06), 0 16px 40px rgba(0, 0, 0, .7);--ctl-color-focus: rgba(41, 182, 246, .5);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ctl-radius-sm: 4px;--ctl-radius-md: 8px;--ctl-radius-lg: 12px;--ctl-radius-xl: 16px}html[data-theme=education],[data-theme=education]{--ctl-color-bg: #fafcfd;--ctl-color-surface: #ffffff;--ctl-color-surface-2: #f0f7fc;--ctl-color-surface-hover: #e3f1fa;--ctl-color-overlay: rgba(33, 150, 243, .5);--ctl-color-border: #d4e6f1;--ctl-color-border-strong: #aed6f1;--ctl-color-divider: #e8f4f9;--ctl-color-text: #212121;--ctl-color-text-secondary: #424242;--ctl-color-muted: #757575;--ctl-color-text-inverse: #ffffff;--ctl-color-brand: #2196f3;--ctl-color-brand-hover: #42a5f5;--ctl-color-brand-active: #1976d2;--ctl-color-brand-subtle: rgba(33, 150, 243, .08);--ctl-color-on-brand: #ffffff;--ctl-color-brand-2: #ff9800;--ctl-color-brand-2-hover: #ffa726;--ctl-color-brand-2-active: #f57c00;--ctl-color-primary: #2196f3;--ctl-color-primary-hover: #42a5f5;--ctl-color-primary-text: #ffffff;--ctl-color-success: #66bb6a;--ctl-color-success-bg: rgba(102, 187, 106, .1);--ctl-color-success-surface: #e8f5e9;--ctl-color-on-success: #ffffff;--ctl-color-warning: #ffb74d;--ctl-color-warning-bg: rgba(255, 183, 77, .1);--ctl-color-warning-surface: #fff3e0;--ctl-color-on-warning: #212121;--ctl-color-error: #ef5350;--ctl-color-error-bg: rgba(239, 83, 80, .1);--ctl-color-error-surface: #ffebee;--ctl-color-danger: #ef5350;--ctl-color-danger-bg: rgba(239, 83, 80, .1);--ctl-color-danger-text: #c62828;--ctl-color-danger-border: rgba(239, 83, 80, .3);--ctl-color-on-danger: #ffffff;--ctl-color-info: #29b6f6;--ctl-color-info-bg: rgba(41, 182, 246, .1);--ctl-color-info-surface: #e1f5fe;--ctl-color-on-info: #212121;--ctl-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--ctl-shadow-md: 0 2px 8px rgba(0, 0, 0, .09);--ctl-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--ctl-shadow-card: 0 2px 4px rgba(0, 0, 0, .08);--ctl-shadow-elevated: 0 12px 32px rgba(0, 0, 0, .14);--ctl-shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .1);--ctl-shadow-dialog: 0 16px 48px rgba(0, 0, 0, .16);--ctl-color-focus: rgba(33, 150, 243, .4);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--ctl-radius-sm: 6px;--ctl-radius-md: 10px;--ctl-radius-lg: 14px;--ctl-radius-xl: 20px}html[data-theme=education-dark],[data-theme=education-dark]{--ctl-color-bg: #121212;--ctl-color-surface: #1e1e1e;--ctl-color-surface-2: #2c2c2c;--ctl-color-surface-hover: #3a3a3a;--ctl-color-overlay: rgba(0, 0, 0, .7);--ctl-color-border: rgba(212, 230, 241, .12);--ctl-color-border-strong: rgba(212, 230, 241, .2);--ctl-color-divider: rgba(212, 230, 241, .08);--ctl-color-text: #e0e0e0;--ctl-color-text-secondary: #bdbdbd;--ctl-color-muted: #9e9e9e;--ctl-color-text-inverse: #121212;--ctl-color-brand: #64b5f6;--ctl-color-brand-hover: #90caf9;--ctl-color-brand-active: #bbdefb;--ctl-color-brand-subtle: rgba(100, 181, 246, .15);--ctl-color-on-brand: #121212;--ctl-color-brand-2: #ffb74d;--ctl-color-brand-2-hover: #ffcc80;--ctl-color-brand-2-active: #ffe0b2;--ctl-color-primary: #64b5f6;--ctl-color-primary-hover: #90caf9;--ctl-color-primary-text: #121212;--ctl-color-success: #81c784;--ctl-color-success-bg: rgba(129, 199, 132, .15);--ctl-color-success-surface: rgba(102, 187, 106, .2);--ctl-color-on-success: #121212;--ctl-color-warning: #ffb74d;--ctl-color-warning-bg: rgba(255, 183, 77, .15);--ctl-color-warning-surface: rgba(255, 152, 0, .2);--ctl-color-on-warning: #121212;--ctl-color-error: #e57373;--ctl-color-error-bg: rgba(229, 115, 115, .15);--ctl-color-error-surface: rgba(239, 83, 80, .2);--ctl-color-danger: #e57373;--ctl-color-danger-bg: rgba(229, 115, 115, .15);--ctl-color-danger-text: #ef9a9a;--ctl-color-danger-border: rgba(229, 115, 115, .3);--ctl-color-on-danger: #121212;--ctl-color-info: #4fc3f7;--ctl-color-info-bg: rgba(79, 195, 247, .15);--ctl-color-info-surface: rgba(41, 182, 246, .2);--ctl-color-on-info: #121212;--ctl-shadow-sm: 0 1px 0 rgba(255, 255, 255, .03), 0 1px 3px rgba(0, 0, 0, .4);--ctl-shadow-md: 0 1px 0 rgba(255, 255, 255, .04), 0 2px 8px rgba(0, 0, 0, .5);--ctl-shadow-lg: 0 1px 0 rgba(255, 255, 255, .05), 0 8px 24px rgba(0, 0, 0, .6);--ctl-shadow-card: 0 1px 0 rgba(255, 255, 255, .04), 0 2px 4px rgba(0, 0, 0, .5);--ctl-shadow-elevated: 0 1px 0 rgba(255, 255, 255, .05), 0 12px 32px rgba(0, 0, 0, .65);--ctl-shadow-dropdown: 0 1px 0 rgba(255, 255, 255, .04), 0 4px 12px rgba(0, 0, 0, .6);--ctl-shadow-dialog: 0 1px 0 rgba(255, 255, 255, .06), 0 16px 48px rgba(0, 0, 0, .7);--ctl-color-focus: rgba(100, 181, 246, .5);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--ctl-radius-sm: 6px;--ctl-radius-md: 10px;--ctl-radius-lg: 14px;--ctl-radius-xl: 20px}html[data-theme=tech],[data-theme=tech]{--ctl-color-bg: #ffffff;--ctl-color-surface: #f6f8fa;--ctl-color-surface-2: #eaeef2;--ctl-color-surface-hover: #dfe3e8;--ctl-color-overlay: rgba(40, 44, 52, .5);--ctl-color-border: #d0d7de;--ctl-color-border-strong: #afb8c1;--ctl-color-divider: #e6ebf1;--ctl-color-text: #24292f;--ctl-color-text-secondary: #57606a;--ctl-color-muted: #6e7781;--ctl-color-text-inverse: #ffffff;--ctl-color-brand: #00d97e;--ctl-color-brand-hover: #00f593;--ctl-color-brand-active: #00b368;--ctl-color-brand-subtle: rgba(0, 217, 126, .08);--ctl-color-on-brand: #24292f;--ctl-color-brand-2: #8b5cf6;--ctl-color-brand-2-hover: #a78bfa;--ctl-color-brand-2-active: #7c3aed;--ctl-color-primary: #00d97e;--ctl-color-primary-hover: #00f593;--ctl-color-primary-text: #24292f;--ctl-color-success: #2ea043;--ctl-color-success-bg: rgba(46, 160, 67, .1);--ctl-color-success-surface: #dafbe1;--ctl-color-on-success: #ffffff;--ctl-color-warning: #bf8700;--ctl-color-warning-bg: rgba(191, 135, 0, .1);--ctl-color-warning-surface: #fff8c5;--ctl-color-on-warning: #24292f;--ctl-color-error: #cf222e;--ctl-color-error-bg: rgba(207, 34, 46, .1);--ctl-color-error-surface: #ffebe9;--ctl-color-danger: #cf222e;--ctl-color-danger-bg: rgba(207, 34, 46, .1);--ctl-color-danger-text: #a40e26;--ctl-color-danger-border: rgba(207, 34, 46, .3);--ctl-color-on-danger: #ffffff;--ctl-color-info: #0969da;--ctl-color-info-bg: rgba(9, 105, 218, .1);--ctl-color-info-surface: #ddf4ff;--ctl-color-on-info: #ffffff;--ctl-shadow-sm: 0 1px 2px rgba(0, 0, 0, .075);--ctl-shadow-md: 0 3px 6px rgba(0, 0, 0, .1);--ctl-shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--ctl-shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--ctl-shadow-elevated: 0 12px 24px rgba(0, 0, 0, .15);--ctl-shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .1);--ctl-shadow-dialog: 0 16px 48px rgba(0, 0, 0, .18);--ctl-color-focus: rgba(0, 217, 126, .4);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ctl-radius-sm: 3px;--ctl-radius-md: 6px;--ctl-radius-lg: 8px;--ctl-radius-xl: 12px}html[data-theme=tech-dark],[data-theme=tech-dark]{--ctl-color-bg: #0d1117;--ctl-color-surface: #161b22;--ctl-color-surface-2: #21262d;--ctl-color-surface-hover: #30363d;--ctl-color-overlay: rgba(0, 0, 0, .75);--ctl-color-border: rgba(48, 54, 61, 1);--ctl-color-border-strong: rgba(110, 118, 129, .4);--ctl-color-divider: rgba(48, 54, 61, .5);--ctl-color-text: #e6edf3;--ctl-color-text-secondary: #c9d1d9;--ctl-color-muted: #8b949e;--ctl-color-text-inverse: #0d1117;--ctl-color-brand: #3fb950;--ctl-color-brand-hover: #56d364;--ctl-color-brand-active: #7ee787;--ctl-color-brand-subtle: rgba(63, 185, 80, .15);--ctl-color-on-brand: #0d1117;--ctl-color-brand-2: #a78bfa;--ctl-color-brand-2-hover: #c4b5fd;--ctl-color-brand-2-active: #ddd6fe;--ctl-color-primary: #3fb950;--ctl-color-primary-hover: #56d364;--ctl-color-primary-text: #0d1117;--ctl-color-success: #3fb950;--ctl-color-success-bg: rgba(63, 185, 80, .15);--ctl-color-success-surface: rgba(46, 160, 67, .2);--ctl-color-on-success: #0d1117;--ctl-color-warning: #d29922;--ctl-color-warning-bg: rgba(210, 153, 34, .15);--ctl-color-warning-surface: rgba(191, 135, 0, .2);--ctl-color-on-warning: #0d1117;--ctl-color-error: #f85149;--ctl-color-error-bg: rgba(248, 81, 73, .15);--ctl-color-error-surface: rgba(207, 34, 46, .2);--ctl-color-danger: #f85149;--ctl-color-danger-bg: rgba(248, 81, 73, .15);--ctl-color-danger-text: #ff7b72;--ctl-color-danger-border: rgba(248, 81, 73, .3);--ctl-color-on-danger: #0d1117;--ctl-color-info: #58a6ff;--ctl-color-info-bg: rgba(88, 166, 255, .15);--ctl-color-info-surface: rgba(9, 105, 218, .2);--ctl-color-on-info: #0d1117;--ctl-shadow-sm: 0 0 0 1px rgba(48, 54, 61, 1), 0 1px 2px rgba(0, 0, 0, .5);--ctl-shadow-md: 0 0 0 1px rgba(48, 54, 61, 1), 0 3px 6px rgba(0, 0, 0, .6);--ctl-shadow-lg: 0 0 0 1px rgba(48, 54, 61, 1), 0 8px 16px rgba(0, 0, 0, .7);--ctl-shadow-card: 0 0 0 1px rgba(48, 54, 61, 1), 0 1px 3px rgba(0, 0, 0, .6);--ctl-shadow-elevated: 0 0 0 1px rgba(48, 54, 61, 1), 0 12px 24px rgba(0, 0, 0, .75);--ctl-shadow-dropdown: 0 0 0 1px rgba(48, 54, 61, 1), 0 4px 12px rgba(0, 0, 0, .65);--ctl-shadow-dialog: 0 0 0 1px rgba(48, 54, 61, 1), 0 16px 48px rgba(0, 0, 0, .8);--ctl-color-focus: rgba(63, 185, 80, .5);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ctl-radius-sm: 3px;--ctl-radius-md: 6px;--ctl-radius-lg: 8px;--ctl-radius-xl: 12px}html[data-theme=luxury],[data-theme=luxury]{--ctl-color-bg: #fafaf8;--ctl-color-surface: #ffffff;--ctl-color-surface-2: #f5f5f3;--ctl-color-surface-hover: #ebe9e5;--ctl-color-overlay: rgba(62, 43, 95, .6);--ctl-color-border: #e0ddd8;--ctl-color-border-strong: #c8c4be;--ctl-color-divider: #ede9e4;--ctl-color-text: #2b2520;--ctl-color-text-secondary: #554f47;--ctl-color-muted: #7d766c;--ctl-color-text-inverse: #fafaf8;--ctl-color-brand: #3e2b5f;--ctl-color-brand-hover: #523c7c;--ctl-color-brand-active: #281d3f;--ctl-color-brand-subtle: rgba(62, 43, 95, .06);--ctl-color-on-brand: #fafaf8;--ctl-color-brand-2: #b76e79;--ctl-color-brand-2-hover: #c58a94;--ctl-color-brand-2-active: #a45d67;--ctl-color-primary: #3e2b5f;--ctl-color-primary-hover: #523c7c;--ctl-color-primary-text: #fafaf8;--ctl-color-success: #3d7c5c;--ctl-color-success-bg: rgba(61, 124, 92, .08);--ctl-color-success-surface: #e8f3ed;--ctl-color-on-success: #fafaf8;--ctl-color-warning: #c9973e;--ctl-color-warning-bg: rgba(201, 151, 62, .08);--ctl-color-warning-surface: #fdf7ea;--ctl-color-on-warning: #2b2520;--ctl-color-error: #a84548;--ctl-color-error-bg: rgba(168, 69, 72, .08);--ctl-color-error-surface: #f7e9ea;--ctl-color-danger: #a84548;--ctl-color-danger-bg: rgba(168, 69, 72, .08);--ctl-color-danger-text: #8a3739;--ctl-color-danger-border: rgba(168, 69, 72, .25);--ctl-color-on-danger: #fafaf8;--ctl-color-info: #4a5d7c;--ctl-color-info-bg: rgba(74, 93, 124, .08);--ctl-color-info-surface: #e9edf2;--ctl-color-on-info: #fafaf8;--ctl-shadow-sm: 0 1px 3px rgba(43, 37, 32, .06);--ctl-shadow-md: 0 3px 10px rgba(43, 37, 32, .08);--ctl-shadow-lg: 0 10px 30px rgba(43, 37, 32, .12);--ctl-shadow-card: 0 2px 6px rgba(43, 37, 32, .06);--ctl-shadow-elevated: 0 15px 40px rgba(43, 37, 32, .14);--ctl-shadow-dropdown: 0 6px 18px rgba(43, 37, 32, .1);--ctl-shadow-dialog: 0 20px 60px rgba(43, 37, 32, .18);--ctl-color-focus: rgba(62, 43, 95, .3);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ctl-radius-sm: 2px;--ctl-radius-md: 4px;--ctl-radius-lg: 8px;--ctl-radius-xl: 12px}html[data-theme=luxury-dark],[data-theme=luxury-dark]{--ctl-color-bg: #1a1416;--ctl-color-surface: #251e21;--ctl-color-surface-2: #332a2e;--ctl-color-surface-hover: #42383c;--ctl-color-overlay: rgba(0, 0, 0, .75);--ctl-color-border: rgba(224, 221, 216, .12);--ctl-color-border-strong: rgba(224, 221, 216, .2);--ctl-color-divider: rgba(224, 221, 216, .08);--ctl-color-text: #f5f3f0;--ctl-color-text-secondary: #d4cfc8;--ctl-color-muted: #a89f94;--ctl-color-text-inverse: #1a1416;--ctl-color-brand: #9d7bb8;--ctl-color-brand-hover: #b495cd;--ctl-color-brand-active: #cbb0e1;--ctl-color-brand-subtle: rgba(157, 123, 184, .15);--ctl-color-on-brand: #1a1416;--ctl-color-brand-2: #d4939e;--ctl-color-brand-2-hover: #e0adb5;--ctl-color-brand-2-active: #ecc7cc;--ctl-color-primary: #9d7bb8;--ctl-color-primary-hover: #b495cd;--ctl-color-primary-text: #1a1416;--ctl-color-success: #6aa884;--ctl-color-success-bg: rgba(106, 168, 132, .15);--ctl-color-success-surface: rgba(61, 124, 92, .2);--ctl-color-on-success: #1a1416;--ctl-color-warning: #d9b366;--ctl-color-warning-bg: rgba(217, 179, 102, .15);--ctl-color-warning-surface: rgba(201, 151, 62, .2);--ctl-color-on-warning: #1a1416;--ctl-color-error: #c47578;--ctl-color-error-bg: rgba(196, 117, 120, .15);--ctl-color-error-surface: rgba(168, 69, 72, .2);--ctl-color-danger: #c47578;--ctl-color-danger-bg: rgba(196, 117, 120, .15);--ctl-color-danger-text: #d89599;--ctl-color-danger-border: rgba(196, 117, 120, .3);--ctl-color-on-danger: #1a1416;--ctl-color-info: #7a8fa9;--ctl-color-info-bg: rgba(122, 143, 169, .15);--ctl-color-info-surface: rgba(74, 93, 124, .2);--ctl-color-on-info: #1a1416;--ctl-shadow-sm: 0 1px 0 rgba(255, 255, 255, .02), 0 1px 3px rgba(0, 0, 0, .5);--ctl-shadow-md: 0 1px 0 rgba(255, 255, 255, .03), 0 3px 10px rgba(0, 0, 0, .6);--ctl-shadow-lg: 0 1px 0 rgba(255, 255, 255, .04), 0 10px 30px rgba(0, 0, 0, .7);--ctl-shadow-card: 0 1px 0 rgba(255, 255, 255, .03), 0 2px 6px rgba(0, 0, 0, .6);--ctl-shadow-elevated: 0 1px 0 rgba(255, 255, 255, .04), 0 15px 40px rgba(0, 0, 0, .75);--ctl-shadow-dropdown: 0 1px 0 rgba(255, 255, 255, .03), 0 6px 18px rgba(0, 0, 0, .65);--ctl-shadow-dialog: 0 1px 0 rgba(255, 255, 255, .05), 0 20px 60px rgba(0, 0, 0, .8);--ctl-color-focus: rgba(157, 123, 184, .5);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ctl-radius-sm: 2px;--ctl-radius-md: 4px;--ctl-radius-lg: 8px;--ctl-radius-xl: 12px}html[data-theme=agency-brand],[data-theme=agency-brand]{--ctl-color-bg: #fafafa;--ctl-color-surface: #ffffff;--ctl-color-surface-2: #fdf4ff;--ctl-color-surface-hover: #f5d0fe;--ctl-color-overlay: rgba(112, 26, 117, .5);--ctl-color-border: #e9d5ff;--ctl-color-border-strong: #d8b4fe;--ctl-color-divider: #faf5ff;--ctl-color-text: #18181b;--ctl-color-text-secondary: #3f3f46;--ctl-color-muted: #71717a;--ctl-color-text-inverse: #ffffff;--ctl-color-brand: #d946ef;--ctl-color-brand-hover: #c026d3;--ctl-color-brand-active: #a21caf;--ctl-color-brand-subtle: rgba(217, 70, 239, .1);--ctl-color-on-brand: #ffffff;--ctl-color-primary: #d946ef;--ctl-color-primary-hover: #c026d3;--ctl-color-primary-text: #ffffff;--ctl-color-success: #10b981;--ctl-color-success-bg: rgba(16, 185, 129, .1);--ctl-color-warning: #f59e0b;--ctl-color-warning-bg: rgba(245, 158, 11, .1);--ctl-color-error: #f43f5e;--ctl-color-error-bg: rgba(244, 63, 94, .1);--ctl-color-danger: #f43f5e;--ctl-color-danger-bg: rgba(244, 63, 94, .1);--ctl-color-danger-text: #e11d48;--ctl-color-danger-border: rgba(244, 63, 94, .3);--ctl-color-on-danger: #ffffff;--ctl-color-info: #06b6d4;--ctl-color-info-bg: rgba(6, 182, 212, .1);--ctl-shadow-sm: 0 1px 2px rgba(112, 26, 117, .05);--ctl-shadow-md: 0 4px 6px rgba(112, 26, 117, .08);--ctl-shadow-lg: 0 10px 15px rgba(112, 26, 117, .12);--ctl-shadow-card: 0 1px 3px rgba(112, 26, 117, .1);--ctl-shadow-elevated: 0 10px 40px rgba(112, 26, 117, .15);--ctl-shadow-dropdown: 0 4px 16px rgba(112, 26, 117, .1);--ctl-shadow-dialog: 0 20px 60px rgba(112, 26, 117, .2);--ctl-color-focus: rgba(217, 70, 239, .5);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--ctl-radius-sm: 4px;--ctl-radius-md: 6px;--ctl-radius-lg: 10px;--ctl-radius-xl: 14px}html[data-theme=agency-brand-dark],[data-theme=agency-brand-dark]{--ctl-color-bg: #09090b;--ctl-color-surface: #18181b;--ctl-color-surface-2: #27272a;--ctl-color-surface-hover: #3f3f46;--ctl-color-overlay: rgba(0, 0, 0, .7);--ctl-color-border: rgba(233, 213, 255, .1);--ctl-color-border-strong: rgba(233, 213, 255, .2);--ctl-color-divider: rgba(233, 213, 255, .08);--ctl-color-text: #fafafa;--ctl-color-text-secondary: #e4e4e7;--ctl-color-muted: #a1a1aa;--ctl-color-text-inverse: #09090b;--ctl-color-brand: #e879f9;--ctl-color-brand-hover: #f0abfc;--ctl-color-brand-active: #f5d0fe;--ctl-color-brand-subtle: rgba(232, 121, 249, .15);--ctl-color-on-brand: #09090b;--ctl-color-primary: #e879f9;--ctl-color-primary-hover: #f0abfc;--ctl-color-primary-text: #09090b;--ctl-color-success: #34d399;--ctl-color-success-bg: rgba(52, 211, 153, .15);--ctl-color-warning: #fbbf24;--ctl-color-warning-bg: rgba(251, 191, 36, .15);--ctl-color-error: #fb7185;--ctl-color-error-bg: rgba(251, 113, 133, .15);--ctl-color-danger: #fb7185;--ctl-color-danger-bg: rgba(251, 113, 133, .15);--ctl-color-danger-text: #fda4af;--ctl-color-danger-border: rgba(251, 113, 133, .3);--ctl-color-on-danger: #09090b;--ctl-color-info: #22d3ee;--ctl-color-info-bg: rgba(34, 211, 238, .15);--ctl-shadow-sm: 0 1px 0 rgba(255, 255, 255, .03), 0 1px 2px rgba(0, 0, 0, .4);--ctl-shadow-md: 0 1px 0 rgba(255, 255, 255, .04), 0 4px 6px rgba(0, 0, 0, .5);--ctl-shadow-lg: 0 1px 0 rgba(255, 255, 255, .05), 0 10px 15px rgba(0, 0, 0, .6);--ctl-shadow-card: 0 1px 0 rgba(255, 255, 255, .04), 0 10px 28px rgba(0, 0, 0, .55);--ctl-shadow-elevated: 0 1px 0 rgba(255, 255, 255, .05), 0 18px 52px rgba(0, 0, 0, .65);--ctl-shadow-dropdown: 0 1px 0 rgba(255, 255, 255, .04), 0 8px 24px rgba(0, 0, 0, .6);--ctl-shadow-dialog: 0 1px 0 rgba(255, 255, 255, .06), 0 20px 60px rgba(0, 0, 0, .7);--ctl-color-focus: rgba(232, 121, 249, .5);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--ctl-radius-sm: 4px;--ctl-radius-md: 6px;--ctl-radius-lg: 10px;--ctl-radius-xl: 14px}html[data-theme=saas-brand],[data-theme=saas-brand]{--ctl-color-bg: #ffffff;--ctl-color-surface: #f8fafc;--ctl-color-surface-2: #f1f5f9;--ctl-color-surface-hover: #e2e8f0;--ctl-color-overlay: rgba(15, 23, 42, .5);--ctl-color-border: #e2e8f0;--ctl-color-border-strong: #cbd5e1;--ctl-color-divider: #f1f5f9;--ctl-color-text: #0f172a;--ctl-color-text-secondary: #475569;--ctl-color-muted: #64748b;--ctl-color-text-inverse: #ffffff;--ctl-color-brand: #6366f1;--ctl-color-brand-hover: #4f46e5;--ctl-color-brand-active: #4338ca;--ctl-color-brand-subtle: rgba(99, 102, 241, .1);--ctl-color-on-brand: #ffffff;--ctl-color-primary: #6366f1;--ctl-color-primary-hover: #4f46e5;--ctl-color-primary-text: #ffffff;--ctl-color-success: #10b981;--ctl-color-success-bg: rgba(16, 185, 129, .1);--ctl-color-warning: #f59e0b;--ctl-color-warning-bg: rgba(245, 158, 11, .1);--ctl-color-error: #ef4444;--ctl-color-error-bg: rgba(239, 68, 68, .1);--ctl-color-danger: #ef4444;--ctl-color-danger-bg: rgba(239, 68, 68, .1);--ctl-color-danger-text: #dc2626;--ctl-color-danger-border: rgba(239, 68, 68, .3);--ctl-color-on-danger: #ffffff;--ctl-color-info: #3b82f6;--ctl-color-info-bg: rgba(59, 130, 246, .1);--ctl-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--ctl-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--ctl-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--ctl-shadow-card: 0 1px 3px rgba(0, 0, 0, .1);--ctl-shadow-elevated: 0 10px 40px rgba(0, 0, 0, .12);--ctl-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .08);--ctl-shadow-dialog: 0 20px 60px rgba(0, 0, 0, .15);--ctl-color-focus: rgba(99, 102, 241, .5);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--ctl-radius-sm: 6px;--ctl-radius-md: 8px;--ctl-radius-lg: 12px;--ctl-radius-xl: 16px}html[data-theme=saas-brand-dark],[data-theme=saas-brand-dark]{--ctl-color-bg: #0f172a;--ctl-color-surface: #1e293b;--ctl-color-surface-2: #334155;--ctl-color-surface-hover: #475569;--ctl-color-overlay: rgba(0, 0, 0, .6);--ctl-color-border: rgba(226, 232, 240, .1);--ctl-color-border-strong: rgba(226, 232, 240, .2);--ctl-color-divider: rgba(226, 232, 240, .08);--ctl-color-text: #f1f5f9;--ctl-color-text-secondary: #cbd5e1;--ctl-color-muted: #94a3b8;--ctl-color-text-inverse: #0f172a;--ctl-color-brand: #818cf8;--ctl-color-brand-hover: #a5b4fc;--ctl-color-brand-active: #c7d2fe;--ctl-color-brand-subtle: rgba(129, 140, 248, .15);--ctl-color-on-brand: #0f172a;--ctl-color-primary: #818cf8;--ctl-color-primary-hover: #a5b4fc;--ctl-color-primary-text: #0f172a;--ctl-color-success: #34d399;--ctl-color-success-bg: rgba(52, 211, 153, .15);--ctl-color-warning: #fbbf24;--ctl-color-warning-bg: rgba(251, 191, 36, .15);--ctl-color-error: #f87171;--ctl-color-error-bg: rgba(248, 113, 113, .15);--ctl-color-danger: #f87171;--ctl-color-danger-bg: rgba(248, 113, 113, .15);--ctl-color-danger-text: #f87171;--ctl-color-danger-border: rgba(248, 113, 113, .3);--ctl-color-on-danger: #0f172a;--ctl-color-info: #60a5fa;--ctl-color-info-bg: rgba(96, 165, 250, .15);--ctl-shadow-sm: 0 1px 0 rgba(255, 255, 255, .03), 0 1px 2px rgba(0, 0, 0, .3);--ctl-shadow-md: 0 1px 0 rgba(255, 255, 255, .04), 0 4px 6px rgba(0, 0, 0, .4);--ctl-shadow-lg: 0 1px 0 rgba(255, 255, 255, .05), 0 10px 15px rgba(0, 0, 0, .5);--ctl-shadow-card: 0 1px 0 rgba(255, 255, 255, .04), 0 10px 28px rgba(0, 0, 0, .45);--ctl-shadow-elevated: 0 1px 0 rgba(255, 255, 255, .05), 0 18px 52px rgba(0, 0, 0, .55);--ctl-shadow-dropdown: 0 1px 0 rgba(255, 255, 255, .04), 0 8px 24px rgba(0, 0, 0, .5);--ctl-shadow-dialog: 0 1px 0 rgba(255, 255, 255, .06), 0 20px 60px rgba(0, 0, 0, .6);--ctl-color-focus: rgba(129, 140, 248, .5);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--ctl-radius-sm: 6px;--ctl-radius-md: 8px;--ctl-radius-lg: 12px;--ctl-radius-xl: 16px}html[data-theme=ecommerce-brand],[data-theme=ecommerce-brand]{--ctl-color-bg: #ffffff;--ctl-color-surface: #fffbf5;--ctl-color-surface-2: #fef3e8;--ctl-color-surface-hover: #fed7aa;--ctl-color-overlay: rgba(124, 45, 18, .5);--ctl-color-border: #fed7aa;--ctl-color-border-strong: #fdba74;--ctl-color-divider: #fef3e8;--ctl-color-text: #292524;--ctl-color-text-secondary: #57534e;--ctl-color-muted: #78716c;--ctl-color-text-inverse: #ffffff;--ctl-color-brand: #f97316;--ctl-color-brand-hover: #ea580c;--ctl-color-brand-active: #c2410c;--ctl-color-brand-subtle: rgba(249, 115, 22, .1);--ctl-color-on-brand: #ffffff;--ctl-color-primary: #f97316;--ctl-color-primary-hover: #ea580c;--ctl-color-primary-text: #ffffff;--ctl-color-success: #22c55e;--ctl-color-success-bg: rgba(34, 197, 94, .1);--ctl-color-warning: #eab308;--ctl-color-warning-bg: rgba(234, 179, 8, .1);--ctl-color-error: #dc2626;--ctl-color-error-bg: rgba(220, 38, 38, .1);--ctl-color-danger: #dc2626;--ctl-color-danger-bg: rgba(220, 38, 38, .1);--ctl-color-danger-text: #b91c1c;--ctl-color-danger-border: rgba(220, 38, 38, .3);--ctl-color-on-danger: #ffffff;--ctl-color-info: #0ea5e9;--ctl-color-info-bg: rgba(14, 165, 233, .1);--ctl-shadow-sm: 0 1px 2px rgba(124, 45, 18, .05);--ctl-shadow-md: 0 4px 6px rgba(124, 45, 18, .08);--ctl-shadow-lg: 0 10px 15px rgba(124, 45, 18, .12);--ctl-shadow-card: 0 1px 3px rgba(124, 45, 18, .1);--ctl-shadow-elevated: 0 10px 40px rgba(124, 45, 18, .15);--ctl-shadow-dropdown: 0 4px 16px rgba(124, 45, 18, .1);--ctl-shadow-dialog: 0 20px 60px rgba(124, 45, 18, .2);--ctl-color-focus: rgba(249, 115, 22, .5);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--ctl-radius-sm: 8px;--ctl-radius-md: 12px;--ctl-radius-lg: 16px;--ctl-radius-xl: 24px}html[data-theme=ecommerce-brand-dark],[data-theme=ecommerce-brand-dark]{--ctl-color-bg: #1c1917;--ctl-color-surface: #292524;--ctl-color-surface-2: #44403c;--ctl-color-surface-hover: #57534e;--ctl-color-overlay: rgba(0, 0, 0, .6);--ctl-color-border: rgba(254, 215, 170, .1);--ctl-color-border-strong: rgba(254, 215, 170, .2);--ctl-color-divider: rgba(254, 215, 170, .08);--ctl-color-text: #fafaf9;--ctl-color-text-secondary: #e7e5e4;--ctl-color-muted: #a8a29e;--ctl-color-text-inverse: #1c1917;--ctl-color-brand: #fb923c;--ctl-color-brand-hover: #fdba74;--ctl-color-brand-active: #fed7aa;--ctl-color-brand-subtle: rgba(251, 146, 60, .15);--ctl-color-on-brand: #1c1917;--ctl-color-primary: #fb923c;--ctl-color-primary-hover: #fdba74;--ctl-color-primary-text: #1c1917;--ctl-color-success: #4ade80;--ctl-color-success-bg: rgba(74, 222, 128, .15);--ctl-color-warning: #facc15;--ctl-color-warning-bg: rgba(250, 204, 21, .15);--ctl-color-error: #f87171;--ctl-color-error-bg: rgba(248, 113, 113, .15);--ctl-color-danger: #f87171;--ctl-color-danger-bg: rgba(248, 113, 113, .15);--ctl-color-danger-text: #fca5a5;--ctl-color-danger-border: rgba(248, 113, 113, .3);--ctl-color-on-danger: #1c1917;--ctl-color-info: #22d3ee;--ctl-color-info-bg: rgba(34, 211, 238, .15);--ctl-shadow-sm: 0 1px 0 rgba(255, 255, 255, .03), 0 1px 2px rgba(0, 0, 0, .35);--ctl-shadow-md: 0 1px 0 rgba(255, 255, 255, .04), 0 4px 6px rgba(0, 0, 0, .45);--ctl-shadow-lg: 0 1px 0 rgba(255, 255, 255, .05), 0 10px 15px rgba(0, 0, 0, .55);--ctl-shadow-card: 0 1px 0 rgba(255, 255, 255, .04), 0 10px 28px rgba(0, 0, 0, .5);--ctl-shadow-elevated: 0 1px 0 rgba(255, 255, 255, .05), 0 18px 52px rgba(0, 0, 0, .6);--ctl-shadow-dropdown: 0 1px 0 rgba(255, 255, 255, .04), 0 8px 24px rgba(0, 0, 0, .55);--ctl-shadow-dialog: 0 1px 0 rgba(255, 255, 255, .06), 0 20px 60px rgba(0, 0, 0, .65);--ctl-color-focus: rgba(251, 146, 60, .5);--ctl-focus-ring: 0 0 0 3px var(--ctl-color-focus);--ctl-font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--ctl-radius-sm: 8px;--ctl-radius-md: 12px;--ctl-radius-lg: 16px;--ctl-radius-xl: 24px}html[data-theme=mystorageway]{--ctl-color-brand: #6366f1;--ctl-color-brand-hover: #4f46e5;--ctl-color-brand-active: #4338ca;--ctl-color-brand-subtle: rgba(99, 102, 241, .1);--ctl-color-brand-2: #4f46e5;--ctl-color-on-brand: #ffffff;--ctl-color-primary: #6366f1;--ctl-color-primary-hover: #4f46e5;--ctl-color-primary-text: #ffffff;--ctl-color-secondary: #2c5282;--ctl-color-secondary-dark: #1a365d;--ctl-color-secondary-light: #3182ce;--ctl-color-on-secondary: #ffffff;--ctl-color-bg: #ffffff;--ctl-color-surface: #f8fafc;--ctl-color-surface-1: #ffffff;--ctl-color-surface-2: #f1f5f9;--ctl-color-surface-hover: #e2e8f0;--ctl-color-overlay: rgba(15, 23, 42, .5);--ctl-color-surface-inverse: #1e293b;--ctl-color-on-surface-inverse: #f8fafc;--ctl-color-text: #0f172a;--ctl-color-text-secondary: #475569;--ctl-color-muted: #64748b;--ctl-color-text-inverse: #ffffff;--ctl-color-border: #e2e8f0;--ctl-color-border-2: #cbd5e1;--ctl-color-border-strong: #94a3b8;--ctl-color-divider: #f1f5f9;--ctl-color-success: #10b981;--ctl-color-success-bg: rgba(16, 185, 129, .1);--ctl-color-success-surface: #d1fae5;--ctl-color-on-success: #ffffff;--ctl-color-warning: #f59e0b;--ctl-color-warning-bg: rgba(245, 158, 11, .1);--ctl-color-warning-surface: #fef3c7;--ctl-color-on-warning: #ffffff;--ctl-color-error: #ef4444;--ctl-color-error-bg: rgba(239, 68, 68, .1);--ctl-color-danger: #ef4444;--ctl-color-danger-bg: rgba(239, 68, 68, .1);--ctl-color-danger-text: #dc2626;--ctl-color-danger-border: rgba(239, 68, 68, .3);--ctl-color-danger-surface: #fee2e2;--ctl-color-on-danger: #ffffff;--ctl-color-info: #3b82f6;--ctl-color-info-bg: rgba(59, 130, 246, .1);--ctl-color-info-surface: #dbeafe;--ctl-color-on-info: #ffffff;--ctl-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ctl-font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", "Courier New", monospace;--ctl-radius-sm: 4px;--ctl-radius-md: 8px;--ctl-radius-lg: 12px;--ctl-radius-xl: 16px;--ctl-radius-full: 9999px;--ctl-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ctl-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ctl-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ctl-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--ctl-gradient-brand: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--ctl-gradient-brand-subtle: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--ctl-gradient-hero: linear-gradient(135deg, #2c5282 0%, #2d3748 100%);--ctl-gradient-header: linear-gradient(135deg, #1a365d 0%, #2c5282 100%);--ctl-gradient-cta: linear-gradient(135deg, #2c5282 0%, #1a365d 100%);--ctl-gradient-body: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)}html[data-theme=mystorageway-dark]{--ctl-color-brand: #6366f1;--ctl-color-brand-hover: #818cf8;--ctl-color-brand-active: #a5b4fc;--ctl-color-brand-subtle: rgba(99, 102, 241, .15);--ctl-color-on-brand: #ffffff;--ctl-color-primary: #6366f1;--ctl-color-primary-hover: #818cf8;--ctl-color-primary-text: #ffffff;--ctl-color-secondary: #4299e1;--ctl-color-secondary-dark: #2c5282;--ctl-color-secondary-light: #63b3ed;--ctl-color-on-secondary: #ffffff;--ctl-color-bg: #0f172a;--ctl-color-surface: #1e293b;--ctl-color-surface-1: #1e293b;--ctl-color-surface-2: #334155;--ctl-color-surface-hover: #475569;--ctl-color-overlay: rgba(0, 0, 0, .7);--ctl-color-surface-inverse: #f8fafc;--ctl-color-on-surface-inverse: #0f172a;--ctl-color-text: #f1f5f9;--ctl-color-text-secondary: #cbd5e1;--ctl-color-muted: #94a3b8;--ctl-color-text-inverse: #0f172a;--ctl-color-border: #334155;--ctl-color-border-2: #475569;--ctl-color-border-strong: #64748b;--ctl-color-divider: #1e293b;--ctl-color-success: #34d399;--ctl-color-success-bg: rgba(52, 211, 153, .15);--ctl-color-warning: #fbbf24;--ctl-color-warning-bg: rgba(251, 191, 36, .15);--ctl-color-error: #f87171;--ctl-color-danger: #f87171;--ctl-color-danger-bg: rgba(248, 113, 113, .15);--ctl-color-info: #60a5fa;--ctl-color-info-bg: rgba(96, 165, 250, .15);--ctl-gradient-hero: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--ctl-gradient-header: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--ctl-gradient-cta: linear-gradient(135deg, #1e293b 0%, #0f172a 100%)}html[data-theme=aether]{--ctl-color-brand: #111827;--ctl-color-brand-hover: #0F172A;--ctl-color-brand-active: #020617;--ctl-color-brand-subtle: rgba(17, 24, 39, .08);--ctl-color-brand-2: #D97706;--ctl-color-on-brand: #ffffff;--ctl-color-primary: var(--ctl-color-brand);--ctl-color-primary-hover: var(--ctl-color-brand-hover);--ctl-color-primary-text: var(--ctl-color-on-brand);--ctl-color-bg: #ffffff;--ctl-color-surface: #F8FAFC;--ctl-color-surface-2: #F1F5F9;--ctl-color-surface-hover: #E2E8F0;--ctl-color-overlay: rgba(17, 24, 39, .55);--ctl-color-surface-inverse: #111827;--ctl-color-on-surface-inverse: #F1F5F9;--ctl-color-text: #111827;--ctl-color-text-secondary: #475569;--ctl-color-muted: #64748b;--ctl-color-text-inverse: #ffffff;--ctl-color-border: #E2E8F0;--ctl-color-border-2: #CBD5E1;--ctl-color-border-strong: #94A3B8;--ctl-color-divider: #F1F5F9;--ctl-color-success: #10b981;--ctl-color-success-bg: rgba(16, 185, 129, .1);--ctl-color-success-surface: #d1fae5;--ctl-color-on-success: #ffffff;--ctl-color-danger: #ef4444;--ctl-color-danger-bg: rgba(239, 68, 68, .1);--ctl-color-danger-text: #dc2626;--ctl-color-on-danger: #ffffff;--ctl-color-warning: #f59e0b;--ctl-color-warning-bg: rgba(245, 158, 11, .1);--ctl-color-warning-surface: #fef3c7;--ctl-color-on-warning: #ffffff;--ctl-color-info: #D97706;--ctl-color-info-bg: rgba(217, 119, 6, .1);--ctl-color-info-surface: #fef3c7;--ctl-color-on-info: #ffffff;--ctl-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06);--ctl-shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .08), 0 2px 6px -2px rgba(0, 0, 0, .06);--ctl-shadow-lg: 0 10px 20px -5px rgba(0, 0, 0, .1);--ctl-color-focus: rgba(217, 119, 6, .3);--ctl-focus-ring-color: rgba(217, 119, 6, .3);--ctl-backdrop-default: rgba(0, 0, 0, .45)}html[data-theme=aether-dark]{--ctl-color-brand: #111827;--ctl-color-brand-hover: #D97706;--ctl-color-brand-active: #B45309;--ctl-color-brand-subtle: rgba(217, 119, 6, .12);--ctl-color-on-brand: #F8FAFC;--ctl-color-bg: #020617;--ctl-color-surface: #111827;--ctl-color-surface-2: #1F2937;--ctl-color-surface-hover: #374151;--ctl-color-text: #F1F5F9;--ctl-color-text-secondary: #CBD5E1;--ctl-color-muted: #94A3B8;--ctl-color-border: #374151;--ctl-color-border-2: #475569;--ctl-color-info: #F59E0B;--ctl-shadow-sm: 0 1px 4px 0 rgba(0, 0, 0, .4);--ctl-shadow-md: 0 6px 16px -4px rgba(0, 0, 0, .5);--ctl-color-focus: rgba(245, 158, 11, .4);--ctl-backdrop-default: rgba(0, 0, 0, .7)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-heading);line-height:var(--line-height-normal, 1.5);transition:background-color var(--transition-slow),color var(--transition-slow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin-top:0;margin-bottom:var(--spacing-md);color:var(--color-primary)}p{margin-bottom:var(--spacing-md);font-size:1rem}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.brand{text-align:center;padding:var(--spacing-lg)}.brand .logo{font-size:4rem;font-family:var(--font-display);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.brand .name{font-size:1.75rem;font-family:var(--font-heading);letter-spacing:var(--letter-spacing-wide, .025em);color:var(--color-secondary)}.brand .slogan{font-size:.9rem;text-transform:uppercase;letter-spacing:var(--letter-spacing-normal, 0);color:var(--color-secondary);margin-top:var(--spacing-sm)}.button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:var(--color-button-text);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-heading);font-size:1rem;transition:background-color var(--transition-fast)}.button:hover{background-color:var(--color-secondary)}.text-center{text-align:center}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.rounded{border-radius:var(--radius-md)}.container{max-width:960px;margin:0 auto;padding:var(--spacing-lg)}