:root{--color-primary: #2c3e50;--color-primary-light: #34495e;--color-primary-dark: #1a252f;--color-accent: #3498db;--color-accent-light: #5dade2;--color-accent-dark: #2980b9;--color-white: #ffffff;--color-gray-50: #f8f9fa;--color-gray-100: #f1f3f4;--color-gray-200: #e8eaed;--color-gray-300: #dadce0;--color-gray-400: #bdc1c6;--color-gray-500: #9aa0a6;--color-gray-600: #80868b;--color-gray-700: #5f6368;--color-gray-800: #3c4043;--color-gray-900: #202124;--color-success: #27ae60;--color-warning: #f39c12;--color-error: #e74c3c;--font-family-primary: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--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-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--container-max-width: 1200px;--nav-height: 70px;--nav-height-mobile: 60px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--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 -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);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family-primary);background-color:var(--color-gray-50)}html{scroll-behavior:smooth}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-lg)}.loading-spinner .spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:var(--color-gray-600);font-size:var(--font-size-lg);margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-gray-50)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary))}