*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;line-height:var(--leading-normal);color:var(--color-neutral-700);background-color:var(--color-surface-page)}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary-500);text-decoration:none}a:hover{color:var(--color-primary-600)}:root{--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary-900: #1E3A8A;--color-secondary-50: #FFF7ED;--color-secondary-100: #FFEDD5;--color-secondary-200: #FED7AA;--color-secondary-300: #FDBA74;--color-secondary-400: #FB923C;--color-secondary-500: #F97316;--color-secondary-600: #EA580C;--color-secondary-700: #C2410C;--color-success-50: #F0FDF4;--color-success-100: #DCFCE7;--color-success-500: #22C55E;--color-success-600: #16A34A;--color-success-700: #15803D;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-error-50: #FEF2F2;--color-error-100: #FEE2E2;--color-error-500: #EF4444;--color-error-600: #DC2626;--color-error-700: #B91C1C;--color-info-50: #EFF6FF;--color-info-100: #DBEAFE;--color-info-500: #3B82F6;--color-score-critical: #DC2626;--color-score-danger: #EF4444;--color-score-warning: #F59E0B;--color-score-moderate: #FBBF24;--color-score-good: #34D399;--color-score-excellent: #22C55E;--color-neutral-0: #FFFFFF;--color-neutral-50: #F9FAFB;--color-neutral-100: #F3F4F6;--color-neutral-200: #E5E7EB;--color-neutral-300: #D1D5DB;--color-neutral-400: #9CA3AF;--color-neutral-500: #6B7280;--color-neutral-600: #4B5563;--color-neutral-700: #374151;--color-neutral-800: #1F2937;--color-neutral-900: #111827;--color-surface-page: #F9FAFB;--color-surface-card: #FFFFFF;--color-surface-sidebar: #F3F4F6;--color-surface-header: #FFFFFF;--color-surface-modal-overlay: rgba(0, 0, 0, .5);--color-surface-offline-bar: #FEF3C7;--font-family: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 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-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--header-height: 64px;--offline-bar-height: 32px;--container-max: 1440px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-sidebar: 40;--z-header: 50;--z-dropdown: 60;--z-modal-overlay: 70;--z-modal: 80;--z-toast: 90;--z-offline-bar: 45}