@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Manrope-Bold-DEjRF1uU.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/Manrope-ExtraBold-zk22q0YZ.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Inter-Regular-BpskOkD5.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Inter-Medium-BtfNrkJj.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Inter-SemiBold-C9_sHzqi.ttf) format("truetype")}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/SourceSerif4-Regular-BkpxkC1w.ttf) format("truetype")}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/SourceSerif4-SemiBold-CIL2Hmie.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/IBMPlexMono-Regular-BF3vfe7_.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/IBMPlexMono-Medium-COFd06Dj.ttf) format("truetype")}:root{--teal-50: #DCFEFA;--teal-100: #C0F4EF;--teal-200: #94E3DC;--teal-300: #65CDC5;--teal-400: #11A8A0;--teal-500: #009A92;--teal-600: #007F78;--teal-700: #00645E;--teal-800: #004843;--teal-900: #002F2C;--cyan-50: #D5FEFF;--cyan-100: #B5F4FF;--cyan-200: #81E2F8;--cyan-300: #36C5E0;--cyan-400: #00B3D2;--cyan-500: #0098B8;--cyan-600: #007D9C;--cyan-700: #00627E;--cyan-800: #00465D;--cyan-900: #002E40;--deepflow-50: #E8F9FF;--deepflow-100: #D3ECFC;--deepflow-200: #B2D8EE;--deepflow-300: #91C0DC;--deepflow-400: #70A6C5;--deepflow-500: #538CAB;--deepflow-600: #3A7290;--deepflow-700: #245873;--deepflow-800: #113E54;--deepflow-900: #062A3B;--spring-50: #D8FFEF;--spring-100: #BAF8DE;--spring-200: #8AE8C3;--spring-300: #4FD1A5;--spring-400: #00BB8B;--spring-500: #00A06F;--spring-600: #008558;--spring-700: #006940;--spring-800: #004C2B;--spring-900: #003319;--sage-50: #E1FDF4;--sage-100: #C8F3E5;--sage-200: #9AD9C5;--sage-300: #7ACCB3;--sage-400: #51B398;--sage-500: #28987D;--sage-600: #007E65;--sage-700: #00634D;--sage-800: #004735;--sage-900: #002F21;--frost-50: #E9FAF6;--frost-100: #D6F0E9;--frost-200: #B5DBD1;--frost-300: #95C5B9;--frost-400: #75AB9E;--frost-500: #579183;--frost-600: #3F776B;--frost-700: #295D52;--frost-800: #154239;--frost-900: #072B24;--sand-50: #FDF5E3;--sand-100: #F2E7CC;--sand-200: #E8D8B0;--sand-300: #CBB785;--sand-400: #B39C63;--sand-500: #988145;--sand-600: #7E682D;--sand-700: #634F17;--sand-800: #473704;--sand-900: #2F2300;--warmmist-50: #F9F5EC;--warmmist-100: #F4EEE0;--warmmist-200: #DAD1BD;--warmmist-300: #C3B89F;--warmmist-400: #A99D81;--warmmist-500: #8F8366;--warmmist-600: #756A4F;--warmmist-700: #5B5138;--warmmist-800: #413824;--warmmist-900: #2A2414;--ember-50: #FFEAD9;--ember-100: #FFD6BC;--ember-200: #FFB691;--ember-300: #FF8A5B;--ember-400: #F67138;--ember-500: #DB5100;--ember-600: #BB3500;--ember-700: #991A00;--ember-800: #720100;--ember-900: #500000;--ink-50: #EEF7FD;--ink-100: #DCEAF2;--ink-200: #C1D5E0;--ink-300: #A4BDCB;--ink-400: #87A3B3;--ink-500: #6B8998;--ink-600: #546F7E;--ink-700: #3D5663;--ink-800: #283C47;--ink-900: #0A1A22;--steel-50: #F1F7F9;--steel-100: #E1EAED;--steel-200: #C7D4D9;--steel-300: #ACBCC3;--steel-400: #90A2A9;--steel-500: #75878F;--steel-600: #5A6B72;--steel-700: #45555B;--steel-800: #2F3C41;--steel-900: #1C262A;--mist-50: #EDF1F2;--mist-100: #E3E9EB;--mist-200: #CBD3D6;--mist-300: #B1BBBE;--mist-400: #95A1A4;--mist-500: #7A8689;--mist-600: #626D70;--mist-700: #4A5457;--mist-800: #323B3D;--mist-900: #1F2627;--white: #FFFFFF;--black: #000000;--water-deep: var(--deepflow-900);--water-teal: var(--teal-400);--water-cyan: var(--cyan-300);--wood-spring: var(--spring-300);--wood-sage: var(--sage-200);--wood-frost: var(--frost-100);--earth-sand: var(--sand-200);--earth-mist: var(--warmmist-100);--fire-ember: var(--ember-300);--metal-ink: var(--ink-900);--metal-steel: var(--steel-600);--metal-mist: var(--mist-50);--success-50: #D8FFEF;--success-100: #BAF8DE;--success-500: #00A06F;--success-600: #008558;--success-700: #006940;--success: var(--success-600);--success-surface: var(--success-50);--success-text: var(--success-700);--info-50: #D5FEFF;--info-100: #B5F4FF;--info-500: #0098B8;--info-600: #007D9C;--info-700: #00627E;--info: var(--info-600);--info-surface: var(--info-50);--info-text: var(--info-700);--warning-50: #FFF1D6;--warning-100: #FFE0B7;--warning-400: #D98A1E;--warning-500: #BF6D00;--warning-700: #823C00;--warning: var(--warning-400);--warning-surface: var(--warning-50);--warning-text: var(--warning-700);--error-50: #FFE8DE;--error-100: #FFD3C4;--error-500: #DF482F;--error-600: #CE3A22;--error-700: #9C0800;--error: var(--error-600);--error-surface: var(--error-50);--error-text: var(--error-700);--bg-base: var(--white);--bg-subtle: var(--mist-50);--bg-muted: var(--mist-100);--surface-card: var(--white);--surface-raised: var(--white);--surface-sunken: var(--mist-50);--surface-inverse: var(--deepflow-900);--text-primary: var(--ink-900);--text-secondary: var(--steel-600);--text-tertiary: var(--steel-500);--text-disabled: var(--mist-400);--text-inverse: var(--white);--text-link: var(--teal-600);--text-on-teal: var(--ink-900);--text-on-ember: var(--ink-900);--border-subtle: var(--mist-100);--border-default: var(--mist-200);--border-strong: var(--steel-300);--border-focus: var(--teal-400);--brand-hero: var(--teal-400);--brand-accent: var(--cyan-300);--brand-cta: var(--ember-300);--brand-cta-hover: var(--ember-400);--brand-cta-active: var(--ember-500);--ring: 0 0 0 3px color-mix(in oklch, var(--teal-400) 45%, transparent)}[data-theme=dark]{--bg-base: var(--deepflow-900);--bg-subtle: #08323F;--bg-muted: var(--deepflow-800);--surface-card: #0B3343;--surface-raised: #0E3A4C;--surface-sunken: #052331;--surface-inverse: var(--white);--text-primary: var(--white);--text-secondary: var(--deepflow-200);--text-tertiary: var(--deepflow-300);--text-disabled: var(--deepflow-600);--text-inverse: var(--ink-900);--text-link: var(--cyan-300);--border-subtle: rgba(255,255,255,.08);--border-default: rgba(255,255,255,.14);--border-strong: rgba(255,255,255,.26);--border-focus: var(--cyan-300);--brand-accent: var(--cyan-300);--ring: 0 0 0 3px color-mix(in oklch, var(--cyan-300) 50%, transparent)}:root{--font-display: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold:800;--lh-none: 1;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.65;--ls-tighter: -.022em;--ls-tight: -.014em;--ls-snug: -.006em;--ls-normal: 0;--ls-wide: .02em;--ls-wider: .14em;--fs-display: 4rem;--fs-h1: 3rem;--fs-h2: 2.375rem;--fs-h3: 1.875rem;--fs-h4: 1.5rem;--fs-h5: 1.25rem;--fs-h6: 1.0625rem;--fs-body-lg: 1.125rem;--fs-body: 1rem;--fs-body-sm: .875rem;--fs-caption: .8125rem;--fs-overline: .75rem;--fs-code: .875rem;--lh-display: 4.25rem;--lh-h1: 3.375rem;--lh-h2: 2.75rem;--lh-h3: 2.375rem;--lh-h4: 2rem;--lh-h5: 1.75rem;--lh-h6: 1.5rem}.t-display{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-tighter);color:var(--text-primary)}.t-h1{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-tight)}.t-h2{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-tight)}.t-h3{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-snug)}.t-h4{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-snug)}.t-h5{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h5);line-height:var(--lh-h5);letter-spacing:var(--ls-snug)}.t-h6{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h6);line-height:var(--lh-h6);letter-spacing:var(--ls-snug)}.t-serif{font-family:var(--font-serif);font-weight:var(--fw-regular)}.t-quote{font-family:var(--font-serif);font-weight:var(--fw-regular);font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:var(--ls-snug);color:var(--text-primary)}.t-body-lg{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed)}.t-body{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-body);line-height:var(--lh-normal)}.t-body-sm{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-body-sm);line-height:1.57}.t-caption{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-caption);line-height:1.38;color:var(--text-secondary)}.t-overline{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-overline);line-height:1.33;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-secondary)}.t-mono{font-family:var(--font-mono);font-weight:var(--fw-regular);font-size:var(--fs-code);line-height:1.57}:root{--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--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;--space-40: 10rem;--gap-inline: var(--space-2);--gap-tight: var(--space-3);--gap-default: var(--space-4);--gap-comfy: var(--space-6);--gap-section: var(--space-12);--gap-hero: var(--space-24);--pad-control: var(--space-3);--pad-card: var(--space-6);--pad-card-lg: var(--space-8);--pad-page: var(--space-8);--measure: 66ch;--measure-wide: 78ch;--container: 1200px;--container-wide: 1400px}:root{--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 999px;--radius-circle: 50%;--border-hairline: 1px;--border-thin: 1.5px;--border-medium: 2px;--border-thick: 3px;--shadow-none: none;--shadow-xs: 0 1px 2px rgba(6,42,59,.06);--shadow-sm: 0 1px 2px rgba(6,42,59,.06), 0 2px 6px rgba(6,42,59,.06);--shadow-md: 0 2px 4px rgba(6,42,59,.05), 0 6px 16px rgba(6,42,59,.09);--shadow-lg: 0 4px 8px rgba(6,42,59,.06), 0 16px 32px rgba(6,42,59,.12);--shadow-xl: 0 8px 16px rgba(6,42,59,.08), 0 28px 56px rgba(6,42,59,.16);--shadow-teal: 0 8px 28px rgba(17,168,160,.28);--shadow-inset: inset 0 1px 2px rgba(6,42,59,.08);--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-dropdown: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--z-max: 9999}:root{--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .34s;--dur-slower: .52s;--ease-forward: cubic-bezier(.16, .8, .32, 1);--ease-entrance: cubic-bezier(.22, 1, .36, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-chevron: cubic-bezier(.34, 1.2, .64, 1);--transition-colors: color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);--transition-transform: transform var(--dur-fast) var(--ease-forward);--transition-base: all var(--dur-base) var(--ease-forward)}@media(prefers-reduced-motion:reduce){:root{--dur-instant: 0ms;--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--dur-slower: 0ms}}:root{--bp-xs: 360px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--grad-sweep-dark: linear-gradient(135deg, var(--deepflow-900) 0%, var(--teal-700) 55%, var(--teal-400) 100%);--grad-sweep-medium: linear-gradient(135deg, var(--teal-600) 0%, var(--teal-400) 48%, var(--cyan-300) 100%);--grad-sweep-light: linear-gradient(135deg, var(--frost-100) 0%, var(--frost-50) 60%, var(--white) 100%);--flow-dark-sweep: linear-gradient(122deg, #04212e 0%, #062A3B 34%, #0c5e62 74%, #11A8A0 108%);--flow-dark-bloom-cyan: radial-gradient(96% 86% at 97% 4%, rgba(54,197,224,.55) 0%, rgba(54,197,224,0) 58%);--flow-dark-bloom-frost: radial-gradient(64% 58% at 88% -6%, rgba(159,238,245,.42) 0%, rgba(159,238,245,0) 54%);--flow-dark-vignette: radial-gradient(140% 130% at 50% 50%, rgba(2,18,26,0) 38%, rgba(2,18,26,.6) 100%);--grad-flow-dark: var(--flow-dark-bloom-frost), var(--flow-dark-bloom-cyan), var(--flow-dark-vignette), var(--flow-dark-sweep);--flow-medium-sweep: linear-gradient(126deg, #11A8A0 0%, #36C5E0 70%, #9FEEF5 114%);--flow-medium-bloom-frost: radial-gradient(92% 86% at 2% 2%, rgba(207,246,240,.85) 0%, rgba(207,246,240,0) 56%);--flow-medium-bloom-deep: radial-gradient(82% 78% at 104% 106%, rgba(6,42,59,.52) 0%, rgba(6,42,59,0) 58%);--grad-flow-medium: var(--flow-medium-bloom-frost), var(--flow-medium-bloom-deep), var(--flow-medium-sweep);--flow-light-sweep: linear-gradient(120deg, #F7F2E6 0%, #CFF6F0 72%, #9FEEF5 116%);--flow-light-bloom-cyan: radial-gradient(80% 74% at 102% -4%, rgba(54,197,224,.28) 0%, rgba(54,197,224,0) 56%);--flow-light-bloom-sage: radial-gradient(76% 72% at -2% 106%, rgba(154,217,197,.46) 0%, rgba(154,217,197,0) 56%);--grad-light: var(--flow-light-bloom-cyan), var(--flow-light-bloom-sage), var(--flow-light-sweep);--bridge-sweep: linear-gradient(104deg, #4FD1A5 0%, #9AD9C5 30%, #E8D8B0 64%, #FF8A5B 104%);--bridge-bloom-spring: radial-gradient(82% 80% at -4% -6%, rgba(79,209,165,.55) 0%, rgba(79,209,165,0) 56%);--bridge-bloom-ember: radial-gradient(58% 70% at 106% 110%, rgba(255,138,91,.7) 0%, rgba(255,138,91,0) 50%);--grad-bridge: var(--bridge-bloom-ember), var(--bridge-bloom-spring), var(--bridge-sweep);--grad-mesh-dark: var(--grad-flow-dark);--grad-mesh-medium: var(--grad-flow-medium);--grain-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.62 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23b)'/%3E%3C/svg%3E") ;--grain-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' seed='29' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23w)'/%3E%3C/svg%3E") ;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.62 0'/%3E%3C/filter%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' seed='29' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23b)'/%3E%3Crect width='220' height='220' filter='url(%23w)'/%3E%3C/svg%3E") }.has-grain{position:relative;isolation:isolate}.has-grain:before,.has-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;background-size:220px 220px;mix-blend-mode:soft-light}.has-grain:before{background-image:var(--grain-white);opacity:calc(.92 * var(--grain-strength, 1))}.has-grain:after{background-image:var(--grain-black);opacity:calc(1 * var(--grain-strength, 1))}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);font-weight:var(--fw-regular)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--text-primary);text-wrap:balance}h1{font-weight:var(--fw-extrabold);font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-tight)}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-tight)}h3{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-snug)}h4{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-snug)}h5{font-size:var(--fs-h5);line-height:var(--lh-h5);letter-spacing:var(--ls-snug)}h6{font-size:var(--fs-h6);line-height:var(--lh-h6);letter-spacing:var(--ls-snug)}p{margin:0;text-wrap:pretty}a{color:var(--text-link);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--teal-700);text-decoration:underline;text-underline-offset:.15em}code,kbd,samp,pre{font-family:var(--font-mono);font-size:var(--fs-code)}:where(button,input,select,textarea){font-family:inherit}::selection{background:var(--teal-200);color:var(--ink-900)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}hr{border:none;border-top:var(--border-hairline) solid var(--border-default);margin:var(--space-8) 0}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100%}.sidebar{background:var(--bg-subtle);border-right:1px solid var(--border-subtle);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-10);position:sticky;top:0;height:100vh}.brand{display:flex;flex-direction:column;gap:var(--space-2)}.brand img{height:26px;align-self:flex-start}.brand .tag{font-size:var(--fs-overline);color:var(--text-tertiary);letter-spacing:var(--ls-wider);text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:8px;color:var(--text-secondary);font-weight:var(--fw-medium);transition:background .16s ease-out,color .16s ease-out}.nav a:hover{color:var(--text-primary)}.nav a.active{background:var(--surface-card);color:var(--teal-700);box-shadow:var(--shadow-xs)}.nav a.active svg{color:var(--teal-500)}.nav .count{margin-left:auto;font:var(--fw-semibold) 11px/1 var(--font-mono);background:var(--warning-surface);color:var(--warning-text);padding:2px 7px;border-radius:var(--radius-pill)}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-caption);color:var(--text-tertiary)}.sidebar-foot img{height:15px;opacity:.75}.main{padding:var(--space-6) var(--space-8) var(--space-12);max-width:1080px}.hero{position:relative;background:var(--grad-mesh-dark);border-radius:14px;padding:var(--space-6) var(--space-8) var(--space-8);overflow:hidden;isolation:isolate;color:var(--white);box-shadow:var(--shadow-md)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:var(--grain);background-size:200px 200px;mix-blend-mode:soft-light;opacity:.6;pointer-events:none}.hero>*{position:relative;z-index:2}.hero-top{display:flex;align-items:center;justify-content:space-between}.eyebrow{display:inline-flex;align-items:center;gap:8px;font:var(--fw-semibold) var(--fs-overline)/1 var(--font-sans);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--cyan-300);margin:0}.eyebrow img{height:13px}.hero .live{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-caption);color:var(--deepflow-200);white-space:nowrap}.hero-top{gap:var(--space-4)}.hero .live i{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--cyan-300);box-shadow:0 0 0 3px color-mix(in oklch,var(--cyan-300) 25%,transparent)}.hero h1{font:var(--fw-extrabold) 26px/1.1 var(--font-display);letter-spacing:var(--ls-tight);margin:var(--space-3) 0 0;color:var(--white)}.hero .sub{font:400 var(--fs-body-sm)/1.5 var(--font-sans);color:var(--deepflow-100);margin:var(--space-2) 0 0;max-width:52ch}.hero-kpis{display:flex;flex-wrap:wrap;margin-top:var(--space-5);border-top:1px solid rgba(255,255,255,.14);padding-top:var(--space-4)}.hkpi{flex:1 1 0;min-width:120px;padding:0 var(--space-5);border-left:1px solid rgba(255,255,255,.12)}.hkpi:first-child{border-left:0;padding-left:0}.hkpi .l{font:var(--fw-semibold) 10px/1 var(--font-sans);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--cyan-300);margin:0}.hkpi .v{font:var(--fw-extrabold) 22px/1 var(--font-display);color:var(--white);margin:var(--space-2) 0 0;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.hkpi .v small{font:var(--fw-medium) 12px/1 var(--font-mono);color:var(--deepflow-200);margin-left:3px}.hkpi .s{font-size:11px;color:var(--deepflow-200);margin:6px 0 0}.content{padding-top:var(--space-6)}.blk{margin-bottom:var(--space-5)}.blk-h{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.blk-h h2{font:var(--fw-semibold) 11px/1 var(--font-sans);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-tertiary);margin:0}.blk-h .meta{font-size:var(--fs-caption);color:var(--text-tertiary)}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-8);align-items:start}.split.even{grid-template-columns:1fr 1fr}.split.wide{grid-template-columns:1fr 1.7fr;gap:var(--space-5)}.panel{background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5)}.panel .blk-h{margin-top:0}.panel .blk-h:first-child{border-bottom:0;padding-bottom:0;margin-bottom:var(--space-4)}.bl-cols{display:grid;grid-template-columns:1fr 1fr;gap:0}.bl-cols .bl-group{margin:0;padding:var(--space-4) var(--space-5)}.bl-cols .bl-group:nth-child(odd){padding-left:0}.bl-cols .bl-group:nth-child(2n){border-left:1px solid var(--border-subtle)}.bl-cols .bl-group:nth-child(n+3){border-top:1px solid var(--border-subtle)}.funnel{display:flex;flex-direction:column;gap:var(--space-3)}.funnel .row{display:grid;grid-template-columns:78px 1fr 36px;align-items:center;gap:var(--space-3)}.funnel .lbl{font-size:var(--fs-body-sm);color:var(--text-primary);font-weight:var(--fw-medium)}.funnel .track{display:block;height:9px;background:var(--mist-100);border-radius:var(--radius-pill);overflow:hidden}.funnel .fill{display:block;height:100%;border-radius:var(--radius-pill);transition:width .36s ease-out}.funnel .val{text-align:right;font:var(--fw-bold) var(--fs-body-sm)/1 var(--font-mono);font-variant-numeric:tabular-nums}.fill-valid{background:var(--teal-400)}.fill-review{background:var(--warning)}.fill-rejected{background:var(--error)}.fill-neutral{background:var(--steel-300)}.focal .flabel{font:var(--fw-semibold) var(--fs-overline)/1 var(--font-sans);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-tertiary);margin:0}.focal .fbig{font:var(--fw-extrabold) 40px/1 var(--font-display);letter-spacing:var(--ls-tight);color:var(--teal-500);margin:var(--space-2) 0 0;font-variant-numeric:tabular-nums}.focal .fsub{margin:var(--space-2) 0 var(--space-4);color:var(--text-secondary);font-size:var(--fs-caption)}.focal .frow{display:flex;justify-content:space-between;font-size:var(--fs-body-sm);padding:var(--space-2) 0;border-top:1px solid var(--border-subtle)}.focal .frow span:first-child{color:var(--text-secondary)}.focal .frow span:last-child{font:var(--fw-semibold) var(--fs-body-sm) var(--font-mono);font-variant-numeric:tabular-nums}.bl-group+.bl-group{margin-top:var(--space-5)}.bl-group h4{font:var(--fw-semibold) 10px/1 var(--font-sans);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--space-3)}.barlist{display:flex;flex-direction:column;gap:var(--space-2)}.barlist .item{display:grid;grid-template-columns:92px 1fr 32px;align-items:center;gap:var(--space-3)}.barlist .item .lbl{font-size:var(--fs-body-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barlist .track{display:block;height:8px;background:var(--mist-100);border-radius:var(--radius-pill);overflow:hidden}.barlist .fill{display:block;height:100%;background:var(--teal-400);border-radius:var(--radius-pill)}.barlist .fill.alt{background:var(--cyan-400)}.barlist .val{text-align:right;font:var(--fw-semibold) var(--fs-body-sm)/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-secondary)}.subfigs{display:flex;gap:var(--space-8);margin-bottom:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.subfigs .f .n{font:var(--fw-extrabold) var(--fs-h5)/1 var(--font-display);font-variant-numeric:tabular-nums}.subfigs .f .l{font-size:var(--fs-caption);color:var(--text-tertiary);margin-top:var(--space-1)}.rows{display:flex;flex-direction:column}.rows .r{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.rows .r:last-child{border-bottom:0}.rows .r .rank{width:22px;height:22px;border-radius:var(--radius-pill);background:var(--frost-100);color:var(--teal-700);display:grid;place-items:center;font:var(--fw-bold) 11px/1 var(--font-mono)}.rows .r .who{flex:1;min-width:0}.rows .r .who .nm{font-weight:var(--fw-medium)}.rows .r .who .mt{font-size:var(--fs-caption);color:var(--text-tertiary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rows .r .pts{font:var(--fw-semibold) var(--fs-body-sm)/1 var(--font-mono);white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-pill);font:var(--fw-semibold) 11px/1.4 var(--font-sans)}.b-valid{background:var(--success-surface);color:var(--success-text)}.b-review{background:var(--warning-surface);color:var(--warning-text)}.b-invalid{background:var(--error-surface);color:var(--error-text)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font:var(--fw-semibold) var(--fs-overline)/1 var(--font-sans);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-tertiary);padding:var(--space-3);border-bottom:1px solid var(--border-default)}.tbl td{padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:var(--fs-body-sm)}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover td{background:var(--bg-subtle);cursor:pointer}.tbl .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tbl .muted{color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:8px;font:var(--fw-semibold) var(--fs-body-sm)/1 var(--font-sans);border:1px solid transparent;cursor:pointer;transition:box-shadow .16s ease-out,background .16s ease-out}.btn-primary{background:var(--teal-400);color:var(--text-on-teal)}.btn-primary:hover{box-shadow:var(--shadow-teal)}.btn-ghost{background:transparent;border-color:var(--border-default);color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--error-surface);color:var(--error-text)}.btn:disabled{opacity:.5;cursor:default}.m-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--deepflow-900) 55%,transparent);display:flex;align-items:center;justify-content:center;z-index:40;padding:var(--space-6)}.modal{width:min(1180px,96vw);height:min(880px,92vh);background:var(--bg-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.m-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.m-head strong{font:var(--fw-bold) var(--fs-h6)/1 var(--font-display)}.m-head .pos{font:var(--fw-medium) var(--fs-caption)/1 var(--font-mono);color:var(--text-tertiary)}.m-head .sp{flex:1}.iconbtn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-secondary);cursor:pointer}.iconbtn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-strong)}.iconbtn:disabled{opacity:.4;cursor:default}.m-body{flex:1;display:grid;grid-template-columns:1fr 372px;min-height:0}.m-img{position:relative;background:var(--deepflow-900);overflow:hidden}.m-img.fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;border-radius:0}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.viewport img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.m-img .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--deepflow-200);font-size:var(--fs-caption);text-align:center;padding:var(--space-6)}.zoombar{position:absolute;left:50%;bottom:var(--space-4);transform:translate(-50%);display:flex;align-items:center;gap:2px;background:#062a3bbd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);padding:4px 6px;z-index:3}.zoombar button{display:inline-grid;place-items:center;width:30px;height:30px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:var(--radius-pill)}.zoombar button:hover{background:#ffffff24}.zoombar .pct{color:#fff;font:var(--fw-medium) 12px/1 var(--font-mono);min-width:42px;text-align:center}.m-side{border-left:1px solid var(--border-subtle);padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column}.m-actions{margin-top:auto;padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.qtyrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.actbtns{display:flex;gap:var(--space-3)}.kv{display:grid;grid-template-columns:96px 1fr;gap:var(--space-3) var(--space-4);margin:0 0 var(--space-5);font-size:var(--fs-body-sm)}.kv dt{color:var(--text-tertiary)}.kv dd{margin:0;font-weight:var(--fw-medium)}.qty-input{width:88px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:8px;font-family:var(--font-mono)}.qty-input:focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--border-focus)}.muted{color:var(--text-tertiary)}.empty{border:1px dashed var(--border-default);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-6);text-align:center;color:var(--text-tertiary)}.empty .big{font:var(--fw-bold) var(--fs-h5)/1.2 var(--font-display);color:var(--text-secondary);margin-bottom:var(--space-2)}.spinner{padding:var(--space-16);text-align:center;color:var(--text-tertiary)}.page-head{margin-bottom:var(--space-8)}.page-head h1{font:var(--fw-bold) var(--fs-h3)/1 var(--font-display);letter-spacing:var(--ls-tight);margin:0}.page-head p{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--fs-body)}.tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.segtabs{display:inline-flex;gap:2px;padding:3px;margin-bottom:var(--space-6);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:10px}.segtabs button{display:inline-flex;align-items:center;gap:var(--space-2);border:0;background:transparent;padding:var(--space-2) var(--space-4);border-radius:8px;font:var(--fw-semibold) var(--fs-body-sm)/1 var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:background .14s ease-out,color .14s ease-out}.segtabs button:hover{color:var(--text-primary)}.segtabs button.on{background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-xs)}.segtabs .c{font:var(--fw-semibold) 11px/1 var(--font-mono);padding:3px 7px;border-radius:var(--radius-pill);background:var(--mist-100);color:var(--text-tertiary)}.segtabs button.on .c{background:var(--frost-100);color:var(--teal-700)}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--surface-inverse);color:var(--text-inverse);padding:var(--space-3) var(--space-5);border-radius:8px;box-shadow:var(--shadow-lg);font-size:var(--fs-body-sm);z-index:60}.login-wrap{min-height:100vh;display:grid;place-items:center;background:#062a3b;padding:24px}.login-card{width:100%;max-width:360px;background:#fff;border-radius:14px;padding:32px 28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #00000059}.login-logo{height:34px;width:auto;object-fit:contain;align-self:flex-start}.login-tag{margin:0;font-size:12px;letter-spacing:.04em;color:#64748b;text-transform:uppercase}.login-h{margin:6px 0 4px;font-size:22px;color:#062a3b}.login-l{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#334155}.login-i{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-weight:400;color:#0f172a}.login-i:focus{outline:none;border-color:#11a8a0;box-shadow:0 0 0 3px #11a8a033}.login-err{margin:0;color:#b42318;font-size:13px}.login-btn{margin-top:6px;justify-content:center}.topbar{display:flex;justify-content:flex-end;padding:16px 24px 0}.signout{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:#fff;border:1px solid #d7dee3;border-radius:8px;color:#4b5563;font-size:13px;font-weight:500;cursor:pointer}.signout:hover{border-color:#11a8a0;color:#062a3b;background:#f8fafc}