:root{--font-body:var(--font-inter,"Inter"),-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-display:var(--font-inter,"Inter"),-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-mono:ui-monospace,"Roboto Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--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 -1px rgba(0,0,0,.1);--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);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--gradient-brand:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-error:linear-gradient(135deg,#ef4444,#dc2626);--gradient-info:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-surface:linear-gradient(135deg,#fff,#f8fafc);--text-xs:calc(var(--spacing) * 3);--text-xs--line-height:calc(var(--spacing) * 4.5);--text-sm:calc(var(--spacing) * 3.5);--text-sm--line-height:calc(var(--spacing) * 5);--text-md:calc(var(--spacing) * 4);--text-md--line-height:calc(var(--spacing) * 6);--text-lg:calc(var(--spacing) * 4.5);--text-lg--line-height:calc(var(--spacing) * 7);--text-xl:calc(var(--spacing) * 5);--text-xl--line-height:calc(var(--spacing) * 7.5);--text-display-xs:calc(var(--spacing) * 6);--text-display-xs--line-height:calc(var(--spacing) * 8);--text-display-sm:calc(var(--spacing) * 7.5);--text-display-sm--line-height:calc(var(--spacing) * 9.5);--text-display-md:calc(var(--spacing) * 9);--text-display-md--line-height:calc(var(--spacing) * 11);--text-display-md--letter-spacing:-0.72px;--text-display-lg:calc(var(--spacing) * 12);--text-display-lg--line-height:calc(var(--spacing) * 15);--text-display-lg--letter-spacing:-0.96px;--text-display-xl:calc(var(--spacing) * 15);--text-display-xl--line-height:calc(var(--spacing) * 18);--text-display-xl--letter-spacing:-1.2px;--text-display-2xl:calc(var(--spacing) * 18);--text-display-2xl--line-height:calc(var(--spacing) * 22.5);--text-display-2xl--letter-spacing:-1.44px;--max-width-container:1280px;--breakpoint-xxs:320px;--breakpoint-xs:600px;--radius-none:0px;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-DEFAULT:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0px 1px 2px rgba(10,13,18,.05);--shadow-sm:0px 1px 3px rgba(10,13,18,.1),0px 1px 2px -1px rgba(10,13,18,.1);--shadow-md:0px 4px 6px -1px rgba(10,13,18,.1),0px 2px 4px -2px rgba(10,13,18,.06);--shadow-lg:0px 12px 16px -4px rgba(10,13,18,.08),0px 4px 6px -2px rgba(10,13,18,.03),0px 2px 2px -1px rgba(10,13,18,.04);--shadow-xl:0px 20px 24px -4px rgba(10,13,18,.08),0px 8px 8px -4px rgba(10,13,18,.03),0px 3px 3px -1.5px rgba(10,13,18,.04);--shadow-2xl:0px 24px 48px -12px rgba(10,13,18,.18),0px 4px 4px -2px rgba(10,13,18,.04);--shadow-3xl:0px 32px 64px -12px rgba(10,13,18,.14),0px 5px 5px -2.5px rgba(10,13,18,.04);--shadow-skeumorphic:0px 0px 0px 1px rgba(10,13,18,.18) inset,0px -2px 0px 0px rgba(10,13,18,.05) inset;--shadow-xs-skeumorphic:var(--shadow-skeumorphic),var(--shadow-xs);--shadow-modern-mockup-inner-lg:0px 0px 3.765px 1.255px rgba(10,13,18,.08) inset,0px 0px 2.51px 1.255px rgba(10,13,18,.03) inset;--shadow-modern-mockup-inner-md:0px 0px 1.692px 0.564px rgba(10,13,18,.08) inset,0px 0px 1.128px 0.564px rgba(10,13,18,.03) inset;--shadow-modern-mockup-inner-sm:0px 0px 4.48px 1.493px rgba(10,13,18,.08) inset,0px 0px 2.987px 1.493px rgba(10,13,18,.03) inset;--shadow-modern-mockup-outer-lg:0px 7.529px 10.039px -2.51px rgba(10,13,18,.08),0px 2.51px 3.765px -1.255px rgba(10,13,18,.03),0px 1.255px 1.255px -0.627px rgba(10,13,18,.04);--shadow-modern-mockup-outer-md:0px 3.385px 4.513px -1.128px rgba(10,13,18,.08),0px 1.128px 1.692px -0.564px rgba(10,13,18,.03),0px 0.564px 0.564px -0.282px rgba(10,13,18,.04);--drop-shadow-iphone-mockup:20px 12px 18px rgba(16,24,40,.2);--animate-marquee:marquee 60s linear infinite;--animate-caret-blink:caret-blink 1s infinite;@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}--color-transparent:transparent;--color-white:#fff;--color-black:#000;--color-brand-25:#eff6ff;--color-brand-50:#dbeafe;--color-brand-100:#bfdbfe;--color-brand-200:#93c5fd;--color-brand-300:#60a5fa;--color-brand-400:#3b82f6;--color-brand-500:#2563eb;--color-brand-600:#1d4ed8;--color-brand-700:#1e40af;--color-brand-800:#1e3a8a;--color-brand-900:#172554;--color-brand-950:#0f172a;--color-error-25:#fffbfa;--color-error-50:#fef3f2;--color-error-100:#fee4e2;--color-error-200:#fecdca;--color-error-300:#fda29b;--color-error-400:#f97066;--color-error-500:#f04438;--color-error-600:#d92d20;--color-error-700:#b42318;--color-error-800:#912018;--color-error-900:#7a271a;--color-error-950:#55160c;--color-warning-25:#fffcf5;--color-warning-50:#fffaeb;--color-warning-100:#fef0c7;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#7a2e0e;--color-warning-950:#4e1d09;--color-success-25:#f6fef9;--color-success-50:#ecfdf3;--color-success-100:#dcfae6;--color-success-200:#abefc6;--color-success-300:#75e0a7;--color-success-400:#47cd89;--color-success-500:#17b26a;--color-success-600:#079455;--color-success-700:#067647;--color-success-800:#085d3a;--color-success-900:#074d31;--color-success-950:#053321;--color-gray-25:#fdfdfd;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e9eaeb;--color-gray-300:#d5d7da;--color-gray-400:#a4a7ae;--color-gray-500:#717680;--color-gray-600:#535862;--color-gray-700:#414651;--color-gray-800:#252b37;--color-gray-900:#181d27;--color-gray-950:#0a0d12;--color-orange-25:#fefaf5;--color-orange-50:#fef6ee;--color-orange-100:#fdead7;--color-orange-200:#f9dbaf;--color-orange-300:#f7b27a;--color-orange-400:#f38744;--color-orange-500:#f4c430;--color-orange-600:#e04f16;--color-orange-700:#b93815;--color-orange-800:#932f19;--color-orange-900:#772917;--color-orange-950:#511c10;--color-alpha-white:#fff;--color-alpha-black:#000;--color-text-primary:var(--color-gray-900);--color-text-tertiary:var(--color-gray-600);--color-text-error-primary:var(--color-error-600);--color-text-warning-primary:var(--color-warning-600);--color-text-success-primary:var(--color-success-600);--color-text-white:var(--color-white);--color-text-secondary:var(--color-gray-700);--color-text-disabled:var(--color-gray-500);--color-text-secondary_hover:var(--color-gray-800);--color-text-tertiary_hover:var(--color-gray-700);--color-text-brand-secondary:var(--color-brand-700);--color-text-placeholder:var(--color-gray-500);--color-text-placeholder_subtle:var(--color-gray-300);--color-text-brand-tertiary:var(--color-brand-600);--color-text-editor-icon-fg:var(--color-gray-400);--color-text-editor-icon-fg_active:var(--color-gray-500);--color-text-quaternary:var(--color-gray-500);--color-text-brand-primary:var(--color-brand-900);--color-text-primary_on-brand:var(--color-white);--color-text-secondary_on-brand:var(--color-brand-200);--color-text-tertiary_on-brand:var(--color-brand-200);--color-text-quaternary_on-brand:var(--color-brand-300);--color-text-brand-tertiary_alt:var(--color-brand-600);--color-text-brand-secondary_hover:var(--color-brand-800);--color-text-error-primary_hover:var(--color-error-700);--color-border-secondary:var(--color-gray-200);--color-border-error_subtle:var(--color-error-300);--color-border-primary:var(--color-gray-300);--color-border-brand:var(--color-brand-500);--color-border-disabled:var(--color-gray-300);--color-border-error:var(--color-error-500);--color-border-disabled_subtle:var(--color-gray-200);--color-border-tertiary:var(--color-gray-100);--color-border-brand_alt:var(--color-brand-600);--color-border-secondary_alt:rgba(0,0,0,.08);--color-fg-secondary:var(--color-gray-700);--color-fg-warning-primary:var(--color-warning-600);--color-fg-success-primary:var(--color-success-600);--color-fg-white:var(--color-white);--color-fg-success-secondary:var(--color-success-500);--color-fg-secondary_hover:var(--color-gray-800);--color-fg-primary:var(--color-gray-900);--color-fg-disabled:var(--color-gray-400);--color-fg-brand-secondary:var(--color-brand-500);--color-fg-brand-primary:var(--color-brand-600);--color-fg-quaternary:var(--color-gray-400);--color-fg-quaternary_hover:var(--color-gray-500);--color-fg-error-primary:var(--color-error-600);--color-fg-disabled_subtle:var(--color-gray-300);--color-fg-warning-secondary:var(--color-warning-500);--color-fg-error-secondary:var(--color-error-500);--color-fg-tertiary:var(--color-gray-600);--color-fg-tertiary_hover:var(--color-gray-700);--color-fg-brand-primary_alt:var(--color-fg-brand-primary);--color-fg-brand-secondary_alt:var(--color-fg-brand-secondary);--color-fg-brand-secondary_hover:var(--color-brand-600);--color-bg-primary:var(--color-white);--color-bg-tertiary:var(--color-gray-100);--color-bg-brand-primary:var(--color-brand-50);--color-bg-error-secondary:var(--color-error-100);--color-bg-warning-primary:var(--color-warning-50);--color-bg-warning-secondary:var(--color-warning-100);--color-bg-success-primary:var(--color-success-50);--color-bg-success-secondary:var(--color-success-100);--color-bg-brand-solid:var(--color-brand-600);--color-bg-secondary-solid:var(--color-gray-600);--color-bg-error-solid:var(--color-error-600);--color-bg-warning-solid:var(--color-warning-600);--color-bg-success-solid:var(--color-success-600);--color-bg-secondary_hover:var(--color-gray-100);--color-bg-primary_hover:var(--color-gray-50);--color-bg-disabled:var(--color-gray-100);--color-bg-active:var(--color-gray-50);--color-bg-brand-solid_hover:var(--color-brand-700);--color-bg-error-primary:var(--color-error-50);--color-bg-brand-secondary:var(--color-brand-100);--color-bg-secondary:var(--color-gray-50);--color-bg-disabled_subtle:var(--color-gray-50);--color-bg-quaternary:var(--color-gray-200);--color-bg-primary_alt:var(--color-white);--color-bg-brand-primary_alt:var(--color-brand-50);--color-bg-secondary_alt:var(--color-gray-50);--color-bg-overlay:var(--color-gray-950);--color-bg-secondary_subtle:var(--color-gray-25);--color-bg-brand-section:var(--color-brand-800);--color-bg-brand-section_subtle:var(--color-brand-700);--color-bg-primary-solid:var(--color-gray-950)}.performance-dashboard{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lazy-image-container{position:relative;overflow:hidden}.lazy-image{transition:opacity .3s ease-in-out,transform .2s ease-in-out}.lazy-image.loading{opacity:.7;transform:scale(1.02)}.lazy-image.loaded{opacity:1;transform:scale(1)}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-fallback{background-color:#f3f4f6;border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6b7280}.optimized-image-container{position:relative;overflow:hidden}.optimized-image{transition:opacity .3s ease-in-out}.optimized-image.loading{opacity:.7}.optimized-image.loaded{opacity:1}.loading-indicator{background-color:hsla(0,0%,100%,.9);padding:4px 8px;border-radius:4px;font-size:12px;color:#6b7280}.fallback-image{background-color:#f3f4f6;border:1px solid #e5e7eb}.performance-dashboard .bg-white{transition:all .2s ease-in-out}.performance-dashboard .bg-white:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.performance-dashboard .border{transition:border-color .2s ease-in-out}.performance-dashboard .border:hover{border-color:#3b82f6}.performance-dashboard .bg-gray-200{overflow:hidden}.performance-dashboard .h-2{transition:width .8s ease-in-out}@media (max-width:768px){.performance-dashboard .grid{grid-template-columns:1fr}.performance-dashboard .text-2xl{font-size:1.5rem}}@media (prefers-color-scheme:dark){.performance-dashboard .bg-white{background-color:#1f2937;color:#f9fafb}.performance-dashboard .text-gray-900{color:#f9fafb}.performance-dashboard .text-gray-700{color:#d1d5db}.performance-dashboard .border{border-color:#374151}.performance-dashboard .bg-gray-200{background-color:#374151}}.performance-dashboard .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.performance-dashboard .grade-a{background-color:#dcfce7;color:#166534}.performance-dashboard .grade-b{background-color:#fef3c7;color:#92400e}.performance-dashboard .grade-c{background-color:#fed7aa;color:#c2410c}.performance-dashboard .grade-d,.performance-dashboard .grade-f{background-color:#fecaca;color:#dc2626}.metric-good{color:#059669}.metric-needs-improvement{color:#d97706}.metric-poor{color:#dc2626}.metric-pending{color:#6b7280}.performance-dashboard .hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.performance-dashboard .hover\:scale-105:hover{transform:scale(1.05)}.performance-dashboard .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.performance-dashboard .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.performance-dashboard .focus\:ring-2:focus{box-shadow:0 0 0 2px rgba(59,130,246,.5)}@media print{.performance-dashboard .bg-white{background-color:#fff!important;color:#000!important;border:1px solid #000!important}.performance-dashboard .shadow-sm{box-shadow:none!important}}