@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Open+Sans:ital,wdth,wght@0,75..125,300..800;1,75..125,300..800&display=swap";:root{--font-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-ui: "Inter", "Open Sans", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--napa-25: #EAFBFF;--napa-50: #D2EDF9;--napa-100: #BFE7F3;--napa-200: #69C7E3;--napa-300: #49ABC9;--napa-400: #137895;--napa-500: #10667F;--napa-600: #0D5368;--napa-700: #0A4152;--napa-800: #072F3B;--napa-900: #031920;--gray-25: #FCFCFD;--gray-50: #F9FAFB;--gray-100: #F2F4F7;--gray-200: #EAECF0;--gray-300: #D0D5DD;--gray-400: #98A2B3;--gray-500: #667085;--gray-600: #475467;--gray-700: #344054;--gray-800: #1D2939;--gray-900: #101828;--gray-950: #0C111D;--black: #000000;--white: #FFFFFF;--success-25: #F6FEF9;--success-50: #ECFDF3;--success-100: #D1FADF;--success-200: #A6F4C5;--success-300: #6CE9A6;--success-400: #32D583;--success-500: #12B76A;--success-600: #039855;--success-700: #027A48;--success-800: #05603A;--success-900: #054F31;--warning-25: #FFFCF5;--warning-50: #FFFAEB;--warning-100: #FEF0C7;--warning-200: #FEDF89;--warning-300: #FEC84B;--warning-400: #FDB022;--warning-500: #F79009;--warning-600: #DC6803;--warning-700: #B54708;--warning-800: #93370D;--warning-900: #7A2E0E;--error-25: #FFFBFA;--error-50: #FEF3F2;--error-100: #FEE4E2;--error-200: #FECDCA;--error-300: #FDA29B;--error-400: #F97066;--error-500: #F04438;--error-600: #D80027;--error-700: #B32129;--error-800: #912018;--error-900: #7A271A;--bg-primary: var(--white);--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-quaternary: var(--gray-200);--bg-active: var(--gray-50);--bg-brand-primary: var(--napa-500);--bg-brand-secondary: var(--napa-100);--bg-brand-solid: var(--napa-500);--fg-primary: var(--gray-900);--fg-secondary: var(--gray-700);--fg-tertiary: var(--gray-500);--fg-quaternary: var(--gray-400);--fg-disabled: var(--gray-300);--fg-brand-primary: var(--napa-500);--fg-brand-secondary: var(--napa-600);--fg-error: var(--error-600);--fg-success: var(--success-600);--fg-warning: var(--warning-600);--fg-white: var(--white);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-500);--text-placeholder: var(--gray-500);--text-disabled: var(--gray-400);--text-brand: var(--napa-600);--text-error: var(--error-600);--text-white: var(--white);--border-primary: var(--gray-300);--border-secondary: var(--gray-200);--border-tertiary: var(--gray-100);--border-disabled: var(--gray-300);--border-brand: var(--napa-500);--border-brand-solid: var(--napa-500);--border-error: var(--error-500);--space-0: 0;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-none: 0;--radius-xxs: 2px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-4xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, .05);--shadow-sm: 0 1px 2px 0 rgba(16, 24, 40, .06), 0 1px 3px 0 rgba(16, 24, 40, .1);--shadow-md: 0 2px 4px -2px rgba(16, 24, 40, .06), 0 4px 8px -2px rgba(16, 24, 40, .1);--shadow-lg: 0 4px 6px -2px rgba(16, 24, 40, .03), 0 12px 16px -4px rgba(16, 24, 40, .08);--shadow-xl: 0 8px 8px -4px rgba(16, 24, 40, .03), 0 20px 24px -4px rgba(16, 24, 40, .08);--shadow-2xl: 0 24px 48px -12px rgba(16, 24, 40, .18);--shadow-3xl: 0 32px 64px -12px rgba(16, 24, 40, .14);--shadow-focus-brand: 0 0 0 4px rgba(105, 199, 227, .24);--font-size-display-2xl: 72px;--font-size-display-xl: 60px;--font-size-display-lg: 48px;--font-size-display-md: 36px;--font-size-display-sm: 30px;--font-size-display-xs: 24px;--font-size-xl: 20px;--font-size-lg: 18px;--font-size-md: 16px;--font-size-sm: 14px;--font-size-xs: 12px;--line-height-display-2xl: 90px;--line-height-display-xl: 72px;--line-height-display-lg: 60px;--line-height-display-md: 44px;--line-height-display-sm: 38px;--line-height-display-xs: 32px;--line-height-xl: 30px;--line-height-lg: 28px;--line-height-md: 24px;--line-height-sm: 20px;--line-height-xs: 18px;--tracking-display: -.02em;--tracking-tight: -.01em;--tracking-normal: 0;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--h1-family: var(--font-display);--h1-size: var(--font-size-display-lg);--h1-line: var(--line-height-display-lg);--h1-weight: var(--weight-semibold);--h1-tracking: var(--tracking-display);--h2-family: var(--font-display);--h2-size: var(--font-size-display-md);--h2-line: var(--line-height-display-md);--h2-weight: var(--weight-semibold);--h2-tracking: var(--tracking-display);--h3-family: var(--font-display);--h3-size: var(--font-size-display-sm);--h3-line: var(--line-height-display-sm);--h3-weight: var(--weight-semibold);--h3-tracking: var(--tracking-tight);--h4-family: var(--font-display);--h4-size: var(--font-size-display-xs);--h4-line: var(--line-height-display-xs);--h4-weight: var(--weight-semibold);--h5-family: var(--font-display);--h5-size: var(--font-size-xl);--h5-line: var(--line-height-xl);--h5-weight: var(--weight-semibold);--body-family: var(--font-sans);--body-size: var(--font-size-md);--body-line: var(--line-height-md);--body-weight: var(--weight-regular);--small-family: var(--font-sans);--small-size: var(--font-size-sm);--small-line: var(--line-height-sm);--small-weight: var(--weight-regular);--caption-family: var(--font-ui);--caption-size: var(--font-size-xs);--caption-line: var(--line-height-xs);--caption-weight: var(--weight-medium);--label-family: var(--font-ui);--label-size: var(--font-size-sm);--label-line: var(--line-height-sm);--label-weight: var(--weight-medium);--code-family: var(--font-mono);--code-size: var(--font-size-sm);--code-line: var(--line-height-sm)}html,body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary)}h1,.h1{font:var(--h1-weight) var(--h1-size)/var(--h1-line) var(--h1-family);letter-spacing:var(--h1-tracking);color:var(--text-primary)}h2,.h2{font:var(--h2-weight) var(--h2-size)/var(--h2-line) var(--h2-family);letter-spacing:var(--h2-tracking);color:var(--text-primary)}h3,.h3{font:var(--h3-weight) var(--h3-size)/var(--h3-line) var(--h3-family);letter-spacing:var(--h3-tracking);color:var(--text-primary)}h4,.h4{font:var(--h4-weight) var(--h4-size)/var(--h4-line) var(--h4-family);color:var(--text-primary)}h5,.h5{font:var(--h5-weight) var(--h5-size)/var(--h5-line) var(--h5-family);color:var(--text-primary)}p,.body{font:var(--body-weight) var(--body-size)/var(--body-line) var(--body-family);color:var(--text-secondary)}small,.small{font:var(--small-weight) var(--small-size)/var(--small-line) var(--small-family);color:var(--text-tertiary)}.caption{font:var(--caption-weight) var(--caption-size)/var(--caption-line) var(--caption-family);color:var(--text-tertiary);text-transform:none;letter-spacing:.02em}.label{font:var(--label-weight) var(--label-size)/var(--label-line) var(--label-family);color:var(--text-secondary)}code,.code{font:var(--code-size)/var(--code-line) var(--code-family);color:var(--text-primary);background:var(--gray-100);padding:2px 6px;border-radius:var(--radius-xs)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body, "Open Sans", system-ui, sans-serif);background:var(--bg-canvas, #f7f8fa);color:var(--text-primary, #101828)}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.app-sidebar{background:var(--bg-inverse, #0b2a34);color:#fff;padding:var(--space-6, 24px)}.app-sidebar h1{font-size:20px;margin:0 0 var(--space-6, 24px)}.app-sidebar nav a{display:block;color:#ffffffd9;text-decoration:none;padding:10px 12px;border-radius:8px}.app-sidebar nav a:hover,.app-sidebar nav a[aria-current=page]{background:#ffffff1a;color:#fff}.app-main{padding:var(--space-8, 32px)}.placeholder{display:flex;align-items:center;justify-content:center;height:60vh;color:var(--text-secondary, #475467);border:1px dashed var(--border-secondary, #d0d5dd);border-radius:12px}