:root{--color-primary-100: #E0F5F3;--color-primary-200: #B2E8E4;--color-primary-300: #80DBD4;--color-primary-400: #5FCEC5;--color-primary-500: #3DC1B5;--color-primary-600: #2DB8AD;--color-primary-700: #20A99E;--color-primary-800: #159A8F;--color-neutral-0: #FFFFFF;--color-neutral-50: #FAFBFC;--color-neutral-100: #F5F7FA;--color-neutral-200: #EDF1F5;--color-neutral-300: #E4E9F0;--color-neutral-400: #CED6E0;--color-neutral-500: #A4B0BE;--color-neutral-600: #747D8C;--color-neutral-700: #57606F;--color-neutral-800: #2F3542;--color-success: #26DE81;--color-warning: #FED330;--color-error: #FC5C65;--color-info: var(--color-primary-500);--perf-excellent: #2E7D32;--perf-excellent-bg: #C8E6C9;--perf-good: #558B2F;--perf-good-bg: #DCEDC8;--perf-average: #F9A825;--perf-average-bg: #FFF9C4;--perf-below: #EF6C00;--perf-below-bg: #FFE0B2;--perf-poor: #C62828;--perf-poor-bg: #FFCDD2;--bg-primary: var(--color-neutral-0);--bg-secondary: var(--color-neutral-100);--bg-tertiary: var(--color-primary-100);--bg-overlay: rgba(45, 184, 173, .04);--border-color: var(--color-neutral-300);--border-color-hover: var(--color-primary-400);--border-color-focus: var(--color-primary-500);--text-primary: var(--color-neutral-800);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--text-on-primary: var(--color-neutral-0)}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Cal Sans", var(--font-sans);--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .825rem + .25vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .375vw, 1.375rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.625rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 2rem);--text-3xl: clamp(1.875rem, 1.65rem + 1.125vw, 2.625rem);--text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3.25rem);--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem}:root{--radius-none: 0;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px}:root{--shadow-xs: 0 1px 2px rgba(45, 184, 173, .05);--shadow-sm: 0 2px 4px rgba(45, 184, 173, .06), 0 1px 2px rgba(47, 53, 66, .04);--shadow-base: 0 4px 8px rgba(45, 184, 173, .08), 0 2px 4px rgba(47, 53, 66, .06);--shadow-md: 0 8px 16px rgba(45, 184, 173, .1), 0 4px 8px rgba(47, 53, 66, .08);--shadow-lg: 0 16px 32px rgba(45, 184, 173, .12), 0 8px 16px rgba(47, 53, 66, .1);--shadow-xl: 0 24px 48px rgba(45, 184, 173, .14), 0 12px 24px rgba(47, 53, 66, .12);--shadow-glow: 0 0 20px rgba(61, 193, 181, .25);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06)}:root{--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border: var(--border-width-1) solid var(--border-color);--border-thick: var(--border-width-2) solid var(--border-color)}:root{--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}:root{--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-drawer: 350;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}:root{--screen-sm: 640px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px;--screen-2xl: 1536px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}code{font-family:var(--font-mono);font-size:.9em;padding:var(--space-1) var(--space-2);background:var(--color-neutral-100);border-radius:var(--radius-sm);color:var(--color-primary-700)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}ng-scrollbar{--scrollbar-thumb-color: var(--color-primary-300);--scrollbar-thumb-hover-color: var(--color-primary-400);--scrollbar-track-color: transparent;--scrollbar-border-radius: var(--radius-full);--scrollbar-size: 6px;--scrollbar-padding: 2px;--scrollbar-hover-size: 8px;--scrollbar-track-transition: var(--transition-fast);--scrollbar-thumb-transition: var(--transition-fast)}