:root{--color-text-primary: #f5f7ff;--color-text-secondary: #a9b2d8;--color-text-muted: #6b7280;--color-text-tertiary: #929ac9;--color-bg-page: #151927;--color-bg-page-dark: #05070c;--color-bg-panel: rgba(5, 8, 20, .6);--color-bg-panel-dark: rgba(5, 8, 20, .95);--color-bg-panel-darker: rgba(8, 12, 28, .95);--color-bg-input: rgba(5, 8, 20, .4);--color-bg-topbar: rgba(5, 8, 20, .6);--color-border: rgba(137, 147, 204, .3);--color-border-hover: rgba(99, 102, 241, .5);--color-border-strong: rgba(137, 147, 204, .5);--color-border-light: rgba(137, 147, 204, .2);--color-primary: #6366f1;--color-primary-bg: rgba(99, 102, 241, .15);--color-primary-border: rgba(99, 102, 241, .4);--color-primary-hover: rgba(99, 102, 241, .05);--color-error: #f87171;--color-error-bg: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-kpi: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(99, 102, 241, .1));--gradient-page: radial-gradient(circle at top left, #151927 0, #05070c 60%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-full: 50%;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 24px;--font-size-2xl: 36px;--font-size-3xl: 48px;--transition-fast: .2s;--transition-normal: .3s}