:root{--color-white:#fff;--color-black:#000;--color-electric-blue:#06f;--color-electric-blue-hover:#0052cc;--color-electric-blue-light:#e6f0ff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--text-hero:3.5rem;--text-h1:3rem;--text-h2:2rem;--text-h3:1.5rem;--text-h4:1.25rem;--text-body-lg:1.125rem;--text-body:1rem;--text-small:0.875rem;--text-caption:0.75rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.02em;--space-unit:8px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--space-4xl:64px;--sidebar-width-collapsed:64px;--sidebar-width-expanded:240px;--topbar-height:64px;--container-max-width:1280px;--border-width:1px;--border-color:var(--color-gray-200);--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-xl:12px;--border-radius-2xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.15);--shadow-focus:0 0 0 3px var(--color-electric-blue-light);--shadow-blue-glow:0 0 8px rgba(0,102,255,.4);--transition-fast:200ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--z-index-dropdown:1000;--z-index-modal:1050;--z-index-popover:1100;--z-index-tooltip:1150;--z-index-notification:1200}@media (max-width:768px){:root{--text-hero:3rem;--text-h1:2.5rem;--text-h2:1.75rem;--text-h3:1.25rem;--text-h4:1.125rem;--text-body-lg:1rem;--text-body:0.875rem;--text-small:0.75rem;--text-caption:0.6875rem}}.font-regular{font-weight:var(--font-weight-regular)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-hero{font-size:var(--text-hero)}.text-h1,.text-hero{line-height:var(--line-height-tight)}.text-h1{font-size:var(--text-h1)}.text-h2{font-size:var(--text-h2);line-height:var(--line-height-tight)}.text-h3{font-size:var(--text-h3)}.text-h3,.text-h4{line-height:var(--line-height-normal)}.text-h4{font-size:var(--text-h4)}.text-body-lg{font-size:var(--text-body-lg)}.text-body,.text-body-lg{line-height:var(--line-height-normal)}.text-body{font-size:var(--text-body)}.text-small{font-size:var(--text-small)}.text-caption,.text-small{line-height:var(--line-height-normal)}.text-caption{font-size:var(--text-caption)}.text-black{color:var(--color-black)}.text-gray{color:var(--color-gray-500)}.text-blue{color:var(--color-electric-blue)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-blue{background-color:var(--color-electric-blue)}.bg-blue-light{background-color:var(--color-electric-blue-light)}.border-gray{border-color:var(--color-gray-200)}.border-blue{border-color:var(--color-electric-blue)}.border-error{border-color:var(--color-error)}.blue-dot:after{content:"";position:absolute;width:8px;height:8px;background:var(--color-electric-blue);border-radius:50%;box-shadow:var(--shadow-blue-glow);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.focus-ring:focus{outline:none;box-shadow:var(--shadow-focus);border-color:var(--color-electric-blue)}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.shimmer{background:linear-gradient(90deg,var(--color-gray-100) 0,var(--color-gray-50) 50%,var(--color-gray-100) 100%);background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}