:root,html[data-theme=light]{color-scheme:light;--background: #f5f5f7;--surface: #ffffff;--surface-secondary: #f0f0f4;--surface-tertiary: #eaeaee;--sidebar-bg: #0d0d0d;--sidebar-fg: #f5f5f7;--sidebar-muted: #8e8e93;--sidebar-border: #1e1e24;--sidebar-hover: #191920;--sidebar-active: #7b3ff2;--header-bg: #ffffff;--border: #e5e5ea;--divider: #eeeeef;--input-bg: #ffffff;--input-border: #d4d4d8;--hover-bg: #ececf0;--active-bg: #e2e2e8;--focus-ring: rgba(123, 63, 242, .35);--foreground: #0d0d0d;--muted-foreground: #6c6c76;--disabled-foreground: #9e9ea8;--primary: #7b3ff2;--primary-hover: #692fe0;--primary-foreground: #ffffff;--accent: #7b3ff2;--accent-hover: #692fe0;--accent-foreground: #ffffff;--accent-subtle: rgba(123, 63, 242, .08);--accent-border: rgba(123, 63, 242, .25);--success: #16a34a;--success-bg: rgba(22, 163, 74, .08);--success-border: rgba(22, 163, 74, .25);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .08);--danger-border: rgba(220, 38, 38, .25);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .08);--warning-border: rgba(217, 119, 6, .25);--info: #2563eb;--info-bg: rgba(37, 99, 235, .08);--info-border: rgba(37, 99, 235, .25);--funnel-1: #7b3ff2;--funnel-2: #9867f4;--funnel-3: #ba97f7;--funnel-4: #ddd0fa;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .06), 0 2px 6px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 14px 28px -4px rgba(123, 63, 242, .08), 0 4px 12px -2px rgba(0, 0, 0, .04);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-full: 9999px;--page-padding-x: 2.5rem;--page-padding-y: 2rem;--header-padding-x: 2.5rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:200}html[data-theme=dark]{color-scheme:dark;--background: #0d0d0d;--surface: #16161a;--surface-secondary: #1e1e24;--surface-tertiary: #26262e;--sidebar-bg: #09090b;--sidebar-fg: #f5f5f7;--sidebar-muted: #8e8e93;--sidebar-border: #1e1e24;--sidebar-hover: #17171c;--sidebar-active: #7b3ff2;--header-bg: #121216;--border: #26262e;--divider: #202026;--input-bg: #191920;--input-border: #2e2e38;--hover-bg: #22222a;--active-bg: #2a2a35;--focus-ring: rgba(123, 63, 242, .45);--foreground: #f5f5f7;--muted-foreground: #9a9aa5;--disabled-foreground: #656573;--primary: #7b3ff2;--primary-hover: #8f56f5;--primary-foreground: #ffffff;--accent: #7b3ff2;--accent-hover: #8f56f5;--accent-foreground: #ffffff;--accent-subtle: rgba(123, 63, 242, .15);--accent-border: rgba(123, 63, 242, .35);--success: #22c55e;--success-bg: rgba(34, 197, 94, .15);--success-border: rgba(34, 197, 94, .3);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .15);--danger-border: rgba(239, 68, 68, .3);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgba(245, 158, 11, .3);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .15);--info-border: rgba(59, 130, 246, .3);--funnel-1: #7b3ff2;--funnel-2: #9867f4;--funnel-3: #ba97f7;--funnel-4: #ddd0fa;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .5);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{background-color:var(--background);color:var(--foreground);min-height:100vh;font-size:.9rem;line-height:1.5;font-weight:200;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{font-weight:200!important;letter-spacing:-.02em;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility}.app-layout-container{display:flex;flex-direction:row;width:100vw;height:100vh;min-height:100vh;overflow:hidden;background-color:var(--background)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.badge{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.375rem;line-height:1}.badge-success{background-color:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-error,.badge-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-warning,.badge-loading{background-color:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-info{background-color:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.badge-neutral{background-color:var(--surface-secondary);color:var(--muted-foreground);border:1px solid var(--border)}.badge-accent{background-color:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-border)}@media(prefers-reduced-motion:reduce){*,body{transition:none!important}}@media(max-width:1024px){:root,html[data-theme=light],html[data-theme=dark]{--page-padding-x: 1.5rem;--page-padding-y: 1.5rem;--header-padding-x: 1.25rem}.hide-on-tablet-down{display:none!important}.show-on-tablet-down{display:flex!important}.app-sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998}.app-sidebar{position:fixed!important;top:0;bottom:0;left:0;width:260px!important;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)!important;z-index:999!important;box-shadow:4px 0 24px #00000080}.app-sidebar.mobile-open{transform:translate(0)!important}}.app-sidebar-backdrop{display:none}@media(min-width:1025px){.show-on-tablet-down{display:none!important}}@media(max-width:640px){:root,html[data-theme=light],html[data-theme=dark]{--page-padding-x: 1rem;--page-padding-y: 1rem;--header-padding-x: 1rem}.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}.full-width-on-mobile{width:100%!important}}@media(min-width:641px){.show-on-mobile{display:none!important}}