:root{--color-primary: #667eea;--color-primary-dark: #5568d3;--color-primary-light: #7c93ff;--color-primary-lightest: #e8ecff;--color-secondary: #764ba2;--color-secondary-dark: #5e3a82;--color-secondary-light: #9d6cc4;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f5f7fa;--color-bg-tertiary: #e8ecf0;--color-bg-dark: #1a1a1a;--color-border-light: #e1e8ed;--color-border-medium: #d1d8dd;--color-border-dark: #b0b8bd;--color-success: #10b981;--color-success-light: #d1fae5;--color-error: #ef4444;--color-error-light: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-info: #3b82f6;--color-info-light: #dbeafe;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-light: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-heading: var(--font-family-base);--font-family-mono: "Monaco", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--space-4xl: 4rem;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-max-width: 1200px;--container-padding: var(--space-2xl);--header-height: 70px}@media(prefers-color-scheme:dark){:root.dark-mode{--color-text-primary: #ffffff;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-inverse: #1a1a1a;--color-bg-primary: #1a1a1a;--color-bg-secondary: #2d2d2d;--color-bg-tertiary: #3d3d3d;--color-border-light: #3d3d3d;--color-border-medium: #4d4d4d;--color-border-dark: #5d5d5d}}:root{font-family:var(--font-family-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text-primary);background-color:var(--color-bg-primary)}