:root{--color-bg-base: #0B0F14;--color-bg-panel: rgba(17, 22, 32, .9);--color-bg-elevated: rgba(22, 28, 38, .85);--color-bg-glass: rgba(26, 32, 48, .72);--color-bg-overlay: rgba(6, 9, 15, .7);--color-fg-primary: #E6EDF3;--color-fg-secondary: #9AA4AE;--color-fg-tertiary: #5A6470;--color-fg-muted: #3E464F;--color-fg-on-accent: #0B0F14;--color-brand-blue: #5D87EE;--color-accent-cyan: #00D1FF;--color-border: #1F2933;--bg-base: oklch(.16 .008 260);--bg-panel: oklch(.19 .009 260 / .9);--bg-elevated: oklch(.21 .009 260 / .85);--bg-glass: oklch(.23 .01 260 / .72);--bg-overlay: oklch(.09 .006 260 / .7);--bg-hover: oklch(.24 .01 260);--bg-active: oklch(.28 .012 260);--fg-primary: #E6EDF3;--fg-secondary: #9AA4AE;--fg-tertiary: #5A6470;--fg-muted: #3E464F;--fg-on-accent: #0B0F14;--border-subtle: rgb(255 255 255 / .06);--border-default: #1F2933;--border-strong: rgb(255 255 255 / .14);--accent: #5D87EE;--accent-hover: #7298F2;--accent-active: #4A70D8;--accent-soft: rgba(93, 135, 238, .14);--accent-border: rgba(93, 135, 238, .35);--accent-glow: 0 0 0 1px rgba(93, 135, 238, .3), 0 0 16px rgba(93, 135, 238, .2);--accent-cyan: #00D1FF;--accent-cyan-hover: #67E8F9;--accent-cyan-active: #0891B2;--accent-cyan-soft: rgba(0, 209, 255, .12);--accent-cyan-border: rgba(0, 209, 255, .34);--accent-cyan-glow: 0 0 0 1px rgba(0, 209, 255, .3), 0 0 12px rgba(0, 209, 255, .25);--product-answer-hue: 250;--product-stream-hue: 35;--product-draft-hue: 355;--product-align-hue: 295;--product-respond-hue: 155;--product-ops-hue: 75;--product-vision-hue: 215;--product-answer: #5D87EE;--product-stream: #EE8B3A;--product-draft: #EE5D7A;--product-align: #B06AEE;--product-respond: #40C878;--product-ops: #C8A83A;--product-vision: #40B8EE;--status-green: #40C878;--status-green-soft: rgba(64, 200, 120, .14);--status-amber: #C8A83A;--status-amber-soft: rgba(200, 168, 58, .14);--status-red: #E05050;--status-red-soft: rgba(224, 80, 80, .14);--status-violet: #B06AEE;--status-violet-soft: rgba(176, 106, 238, .14);--status-pink: #EE5D7A;--status-pink-soft: rgba(238, 93, 122, .14);--status-cyan: #40B8EE;--status-cyan-soft: rgba(64, 184, 238, .14);--grad-brand: linear-gradient(16deg, #5D87EE 14.79%, #7A52D0 85.21%);--grad-brand-soft: linear-gradient(16deg, rgba(93, 135, 238, .14) 0%, rgba(122, 82, 208, .08) 100%);--grad-stream: linear-gradient(16deg, #EE8B3A 14.79%, #EE5D7A 85.21%);--grad-cool: linear-gradient(16deg, #40B8EE 14.79%, #B06AEE 85.21%);--grad-cyan: linear-gradient(135deg, #00D1FF 0%, #67E8F9 100%);--grad-cyan-soft: linear-gradient(135deg, rgba(0, 209, 255, .14) 0%, rgba(103, 232, 249, .08) 100%);--grad-page-dark: radial-gradient(ellipse 110% 58% at 50% -18%, rgba(93, 135, 238, .12) 0%, transparent 62%), #0B0F14;--grad-shimmer: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .06) 50%, transparent 60%);--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-full: 9999px;--r-btn: 6px;--r-card: 8px;--r-input: 6px;--r-pill: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 10px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .34);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .4);--shadow-inset-sm: 0 1px 0 rgba(255, 255, 255, .05) inset;--font-sans: "Inter", "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: 12px;--text-sm: 13px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 40px;--text-5xl: 56px;--text-6xl: 72px;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.65;--ls-tighter: -.02em;--ls-tight: -.01em;--ls-normal: 0em;--ls-wide: .06em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--blur-sm: blur(8px);--blur-md: blur(20px);--blur-lg: blur(40px);--sidebar-w: 232px;--sidebar-w-collapsed: 60px;--topbar-h: 52px;--nav-h: 72px;--content-max: 1200px;--content-max-wide: 1440px;--background: var(--bg-base);--bg-primary: var(--bg-base);--bg-surface: var(--bg-panel);--bg-elevated: var(--bg-elevated);--foreground: var(--fg-primary);--text-default: var(--fg-primary);--text-muted: var(--fg-secondary);--accent-primary: var(--accent);--primary: var(--accent);--primary-foreground: var(--fg-on-accent);--border: var(--border-default);--input: var(--border-default);--ring: var(--accent);--card: var(--bg-panel);--card-foreground: var(--fg-primary);--popover: var(--bg-elevated);--popover-foreground: var(--fg-primary);--muted: var(--bg-panel);--muted-foreground: var(--fg-secondary);--secondary: var(--bg-panel);--secondary-foreground: var(--fg-primary);--destructive: var(--status-red);--destructive-foreground: var(--fg-primary);--green: var(--status-green);--green-soft: var(--status-green-soft);--amber: var(--status-amber);--amber-soft: var(--status-amber-soft);--violet: var(--status-violet);--violet-soft: var(--status-violet-soft);--pink: var(--status-pink);--pink-soft: var(--status-pink-soft);--red: var(--status-red);--cyan-status: var(--status-cyan);--shadow-subtle: var(--shadow-sm);--glow-accent: var(--accent-glow);--font-family-primary: var(--font-sans);--font-mono: var(--font-mono);--radius: var(--r-sm);--radius-sm: var(--r-xs);--radius-md: var(--r-sm);--radius-lg: var(--r-md);--space-1: var(--sp-2);--space-2: var(--sp-4);--space-3: var(--sp-6);--space-4: var(--sp-8);--space-5: var(--sp-12);--space-6: var(--sp-16);--space-7: var(--sp-24);--xxl-accent: var(--accent);--xxl-accent-hover: var(--accent-hover);--xxl-accent-soft: var(--accent-soft);--xxl-accent-border: var(--accent-border);--xxl-green: var(--status-green);--xxl-green-soft: var(--status-green-soft);--xxl-amber: var(--status-amber);--xxl-amber-soft: var(--status-amber-soft);--xxl-violet: var(--status-violet);--xxl-violet-soft: var(--status-violet-soft);--xxl-red: var(--status-red);--xxl-red-soft: var(--status-red-soft);--xxl-cyan: var(--status-cyan);--xxl-primary: var(--accent);--xxl-secondary: var(--bg-panel);--doublexl-primary: var(--accent);--doublexl-primary-rgb: 93, 135, 238;--doublexl-secondary: var(--bg-panel);--doublexl-accent: var(--accent);--doublexl-font-sans: var(--font-sans);--doublexl-font-mono: var(--font-mono);--doublexl-shadow-sm: var(--shadow-sm);--doublexl-shadow-md: var(--shadow-md);--doublexl-shadow-lg: var(--shadow-lg);--doublexl-radius-sm: var(--r-xs);--doublexl-radius-md: var(--r-sm);--doublexl-radius-lg: var(--r-md);--doublexl-spacing-xs: var(--sp-1);--doublexl-spacing-sm: var(--sp-2);--doublexl-spacing-md: var(--sp-4);--doublexl-spacing-lg: var(--sp-6);--doublexl-spacing-xl: var(--sp-8)}:root{--dk-bg-base: #0B0F14;--dk-bg-panel: rgba(17, 22, 32, .9);--dk-bg-elevated: rgba(22, 28, 38, .85);--dk-bg-glass: rgba(26, 32, 48, .72);--dk-bg-glass-heavy: rgba(22, 28, 38, .9);--dk-bg-overlay: rgba(6, 9, 15, .7);--dk-grad-page: radial-gradient( ellipse 110% 58% at 50% -18%, rgba(93, 135, 238, .1) 0%, transparent 62% ), #0B0F14;--dk-grad-brand: linear-gradient(16deg, #5D87EE 14.79%, #7A52D0 85.21%);--dk-grad-brand-soft: linear-gradient(16deg, rgba(93, 135, 238, .14) 0%, rgba(122, 82, 208, .08) 100%);--dk-grad-stream: linear-gradient(16deg, #EE8B3A 14.79%, #EE5D7A 85.21%);--dk-grad-cool: linear-gradient(16deg, #40B8EE 14.79%, #B06AEE 85.21%);--dk-grad-cyan: linear-gradient(135deg, #00D1FF 0%, #67E8F9 100%);--dk-grad-cyan-soft: linear-gradient(135deg, rgba(0, 209, 255, .14) 0%, rgba(103, 232, 249, .08) 100%);--dk-grad-shimmer: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .06) 50%, transparent 60%);--dk-fg-primary: #F5F7FA;--dk-fg-secondary: #8A95A3;--dk-fg-tertiary: #5A6470;--dk-fg-muted: #3E464F;--dk-fg-on-accent: #0A0E18;--dk-accent: #5D87EE;--dk-accent-hover: #7298F2;--dk-accent-active: #4A70D8;--dk-accent-soft: rgba(93, 135, 238, .14);--dk-accent-border: rgba(93, 135, 238, .35);--dk-accent-glow: 0 0 0 1px rgba(93, 135, 238, .3), 0 0 16px rgba(93, 135, 238, .2);--dk-accent-cyan: #00D1FF;--dk-accent-cyan-hover: #67E8F9;--dk-accent-cyan-active: #0891B2;--dk-accent-cyan-soft: rgba(0, 209, 255, .12);--dk-accent-cyan-border: rgba(0, 209, 255, .34);--dk-accent-cyan-glow: 0 0 0 1px rgba(0, 209, 255, .3), 0 0 12px rgba(0, 209, 255, .25);--dk-accent-answer: #5D87EE;--dk-accent-stream: #EE8B3A;--dk-accent-draft: #EE5D7A;--dk-accent-align: #B06AEE;--dk-accent-respond: #40C878;--dk-accent-ops: #C8A83A;--dk-accent-vision: #40B8EE;--dk-hue-answer: 250;--dk-hue-stream: 35;--dk-hue-draft: 355;--dk-hue-align: 295;--dk-hue-respond: 155;--dk-hue-ops: 75;--dk-hue-vision: 215;--dk-border-subtle: rgba(255, 255, 255, .06);--dk-border-default: #1A2030;--dk-border-strong: rgba(255, 255, 255, .14);--dk-border-accent: rgba(93, 135, 238, .4);--dk-shadow-xs: 0 1px 2px rgba(0, 0, 0, .35);--dk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--dk-shadow-md: 0 2px 10px rgba(0, 0, 0, .25);--dk-shadow-lg: 0 8px 24px rgba(0, 0, 0, .34);--dk-shadow-xl: 0 16px 40px rgba(0, 0, 0, .4);--dk-blur-sm: blur(8px);--dk-blur-md: blur(20px);--dk-blur-lg: blur(40px);--dk-r-xs: 4px;--dk-r-sm: 8px;--dk-r-md: 12px;--dk-r-lg: 16px;--dk-r-xl: 20px;--dk-r-2xl: 28px;--dk-r-full: 9999px;--dk-sp-1: 4px;--dk-sp-2: 8px;--dk-sp-3: 12px;--dk-sp-4: 16px;--dk-sp-5: 20px;--dk-sp-6: 24px;--dk-sp-8: 32px;--dk-sp-10: 40px;--dk-sp-12: 48px;--dk-sp-16: 64px;--dk-sp-20: 80px;--dk-sp-24: 96px;--dk-font-sans: "Inter", "Geist", system-ui, sans-serif;--dk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--dk-text-xs: 12px;--dk-text-sm: 13px;--dk-text-base: 16px;--dk-text-lg: 18px;--dk-text-xl: 20px;--dk-text-2xl: 24px;--dk-text-3xl: 30px;--dk-text-4xl: 40px;--dk-text-5xl: 56px;--dk-text-6xl: 72px;--dk-lh-tight: 1.1;--dk-lh-snug: 1.25;--dk-lh-normal: 1.5;--dk-lh-relaxed: 1.65;--dk-ls-tighter: -.02em;--dk-ls-tight: -.01em;--dk-ls-normal: 0em;--dk-ls-wide: .06em;--dk-green: #40C878;--dk-green-soft: rgba(64, 200, 120, .14);--dk-amber: #C8A83A;--dk-amber-soft: rgba(200, 168, 58, .14);--dk-red: #E05050;--dk-red-soft: rgba(224, 80, 80, .14);--dk-violet: #B06AEE;--dk-violet-soft: rgba(176, 106, 238, .14);--dk-pink: #EE5D7A;--dk-pink-soft: rgba(238, 93, 122, .14);--dk-cyan: #40B8EE;--dk-cyan-soft: rgba(64, 184, 238, .14);--dk-orange: #EE8B3A;--dk-orange-soft: rgba(238, 139, 58, .14)}[data-theme=light],.xxl-light{--dk-bg-base: #F2F3FA;--dk-bg-panel: rgba(255, 255, 255, .9);--dk-bg-elevated: rgba(255, 255, 255, .96);--dk-bg-glass: rgba(255, 255, 255, .72);--dk-bg-glass-heavy: rgba(255, 255, 255, .88);--dk-bg-overlay: rgba(0, 0, 0, .4);--dk-grad-page: radial-gradient(ellipse 140% 80% at 60% -10%, rgba(93, 135, 238, .25) 0%, transparent 70%), radial-gradient(ellipse 80% 60% at -10% 80%, rgba(122, 82, 208, .15) 0%, transparent 60%), #F2F3FA;--dk-grad-brand: linear-gradient(16deg, oklch(.5 .18 250) 14.79%, oklch(.46 .18 280) 85.21%);--dk-grad-brand-soft: linear-gradient(16deg, oklch(.5 .18 250 / .12) 0%, oklch(.46 .18 280 / .08) 100%);--dk-fg-primary: oklch(.14 .006 260);--dk-fg-secondary: oklch(.4 .01 260);--dk-fg-tertiary: oklch(.55 .008 260);--dk-fg-muted: oklch(.68 .006 260);--dk-fg-on-accent: oklch(.99 .002 260);--dk-accent: oklch(.5 .17 250);--dk-accent-hover: oklch(.45 .17 250);--dk-accent-active: oklch(.4 .17 250);--dk-accent-soft: oklch(.5 .17 250 / .1);--dk-accent-border: oklch(.5 .17 250 / .28);--dk-accent-glow: 0 0 0 1px oklch(.5 .17 250 / .25), 0 0 20px oklch(.5 .17 250 / .14);--dk-border-subtle: rgba(0, 0, 0, .05);--dk-border-default: rgba(0, 0, 0, .09);--dk-border-strong: rgba(0, 0, 0, .15);--dk-border-accent: oklch(.5 .17 250 / .35);--dk-shadow-xs: 0 1px 2px rgba(0, 0, 0, .08);--dk-shadow-sm: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 2px 4px rgba(0, 0, 0, .08);--dk-shadow-md: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 4px 12px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .06);--dk-shadow-lg: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 8px 24px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--dk-shadow-xl: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 20px 40px rgba(0, 0, 0, .14), 0 8px 20px rgba(0, 0, 0, .08);--dk-green: oklch(.52 .16 155);--dk-green-soft: oklch(.52 .16 155 / .12);--dk-amber: oklch(.58 .14 75);--dk-amber-soft: oklch(.58 .14 75 / .12);--dk-red: oklch(.52 .2 25);--dk-red-soft: oklch(.52 .2 25 / .1);--dk-violet: oklch(.52 .17 295);--dk-violet-soft: oklch(.52 .17 295 / .12);--dk-pink: oklch(.52 .17 355);--dk-pink-soft: oklch(.52 .17 355 / .1);--dk-cyan: oklch(.5 .12 215);--dk-cyan-soft: oklch(.5 .12 215 / .12);--dk-orange: oklch(.58 .14 45);--dk-orange-soft: oklch(.58 .14 45 / .12)}.xxl-theme-system{@media(prefers-color-scheme:light){--dk-bg-base: #F2F3FA;--dk-bg-panel: rgba(255, 255, 255, .9);--dk-bg-elevated: rgba(255, 255, 255, .96);--dk-bg-glass: rgba(255, 255, 255, .72);--dk-bg-glass-heavy: rgba(255, 255, 255, .88);--dk-bg-overlay: rgba(0, 0, 0, .4);--dk-grad-page: radial-gradient(ellipse 140% 80% at 60% -10%, rgba(93, 135, 238, .25) 0%, transparent 70%), radial-gradient(ellipse 80% 60% at -10% 80%, rgba(122, 82, 208, .15) 0%, transparent 60%), #F2F3FA;--dk-fg-primary: oklch(.14 .006 260);--dk-fg-secondary: oklch(.4 .01 260);--dk-fg-tertiary: oklch(.55 .008 260);--dk-fg-muted: oklch(.68 .006 260);--dk-fg-on-accent: oklch(.99 .002 260);--dk-accent: oklch(.5 .17 250);--dk-accent-hover: oklch(.45 .17 250);--dk-accent-soft: oklch(.5 .17 250 / .1);--dk-border-subtle: rgba(0, 0, 0, .05);--dk-border-default: rgba(0, 0, 0, .09);--dk-border-strong: rgba(0, 0, 0, .15);--dk-shadow-md: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 4px 12px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .06)}}[data-product=answer],.xxl-product-answer{--dk-accent: #5D87EE;--dk-accent-hover: #7298F2;--dk-accent-active: #4A70D8;--dk-accent-soft: rgba(93, 135, 238, .14);--dk-accent-border: rgba(93, 135, 238, .35);--dk-accent-glow: 0 0 0 1px rgba(93, 135, 238, .3), 0 0 16px rgba(93, 135, 238, .2)}[data-product=stream],.xxl-product-stream{--dk-accent: #EE8B3A;--dk-accent-hover: oklch(from #EE8B3A calc(l + .05) c h);--dk-accent-active: oklch(from #EE8B3A calc(l - .06) c h);--dk-accent-soft: rgba(238, 139, 58, .14);--dk-accent-border: rgba(238, 139, 58, .35);--dk-accent-glow: 0 0 0 1px rgba(238, 139, 58, .3), 0 0 16px rgba(238, 139, 58, .18)}[data-product=draft],.xxl-product-draft{--dk-accent: #EE5D7A;--dk-accent-hover: oklch(from #EE5D7A calc(l + .05) c h);--dk-accent-active: oklch(from #EE5D7A calc(l - .06) c h);--dk-accent-soft: rgba(238, 93, 122, .14);--dk-accent-border: rgba(238, 93, 122, .35);--dk-accent-glow: 0 0 0 1px rgba(238, 93, 122, .3), 0 0 16px rgba(238, 93, 122, .18)}[data-product=align],.xxl-product-align{--dk-accent: #B06AEE;--dk-accent-hover: oklch(from #B06AEE calc(l + .05) c h);--dk-accent-active: oklch(from #B06AEE calc(l - .06) c h);--dk-accent-soft: rgba(176, 106, 238, .14);--dk-accent-border: rgba(176, 106, 238, .35);--dk-accent-glow: 0 0 0 1px rgba(176, 106, 238, .3), 0 0 16px rgba(176, 106, 238, .18)}[data-product=respond],.xxl-product-respond{--dk-accent: #40C878;--dk-accent-hover: oklch(from #40C878 calc(l + .05) c h);--dk-accent-active: oklch(from #40C878 calc(l - .06) c h);--dk-accent-soft: rgba(64, 200, 120, .14);--dk-accent-border: rgba(64, 200, 120, .35);--dk-accent-glow: 0 0 0 1px rgba(64, 200, 120, .3), 0 0 16px rgba(64, 200, 120, .18)}[data-product=ops],.xxl-product-ops{--dk-accent: #C8A83A;--dk-accent-hover: oklch(from #C8A83A calc(l + .05) c h);--dk-accent-active: oklch(from #C8A83A calc(l - .06) c h);--dk-accent-soft: rgba(200, 168, 58, .14);--dk-accent-border: rgba(200, 168, 58, .35);--dk-accent-glow: 0 0 0 1px rgba(200, 168, 58, .3), 0 0 16px rgba(200, 168, 58, .18)}[data-product=vision],.xxl-product-vision{--dk-accent: #40B8EE;--dk-accent-hover: oklch(from #40B8EE calc(l + .05) c h);--dk-accent-active: oklch(from #40B8EE calc(l - .06) c h);--dk-accent-soft: rgba(64, 184, 238, .14);--dk-accent-border: rgba(64, 184, 238, .35);--dk-accent-glow: 0 0 0 1px rgba(64, 184, 238, .3), 0 0 16px rgba(64, 184, 238, .18)}.xxl-glass{background:var(--dk-bg-glass);backdrop-filter:var(--dk-blur-md);-webkit-backdrop-filter:var(--dk-blur-md);border:1px solid var(--dk-border-default);border-radius:var(--dk-r-lg)}.xxl-glass-heavy{background:var(--dk-bg-glass-heavy);backdrop-filter:var(--dk-blur-md);-webkit-backdrop-filter:var(--dk-blur-md);border:1px solid var(--dk-border-default);border-radius:var(--dk-r-lg)}.xxl-surface{background:var(--dk-bg-panel);border:1px solid var(--dk-border-default);border-radius:var(--dk-r-lg);box-shadow:var(--dk-shadow-md)}.xxl-surface-elevated{background:var(--dk-bg-elevated);border:1px solid var(--dk-border-strong);border-radius:var(--dk-r-lg);box-shadow:var(--dk-shadow-lg)}.xxl-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--dk-sp-8);background:var(--dk-bg-glass);backdrop-filter:var(--dk-blur-md);-webkit-backdrop-filter:var(--dk-blur-md);border-bottom:1px solid var(--dk-border-subtle)}.xxl-nav-logo{font-family:var(--dk-font-sans);font-size:var(--dk-text-base);font-weight:600;color:var(--dk-fg-primary);letter-spacing:var(--dk-ls-normal);text-decoration:none}.xxl-nav-links{display:flex;align-items:center;gap:var(--dk-sp-2);list-style:none;margin:0;padding:0}.xxl-nav-link{padding:var(--dk-sp-1) var(--dk-sp-4);border-radius:var(--dk-r-sm);font-size:var(--dk-text-sm);font-weight:500;color:var(--dk-fg-secondary);text-decoration:none;transition:all .14s ease}.xxl-nav-link:hover{color:var(--dk-fg-primary);background:var(--dk-border-subtle)}.xxl-nav-link.active{color:var(--dk-fg-primary);background:var(--dk-accent-soft)}.xxl-card{background:var(--dk-bg-panel);border:1px solid var(--dk-border-default);border-radius:var(--dk-r-lg);padding:var(--dk-sp-6);box-shadow:var(--dk-shadow-sm);transition:box-shadow .18s ease,border-color .18s ease}.xxl-card:hover{box-shadow:var(--dk-shadow-md);border-color:var(--dk-border-strong)}.xxl-card-glass{background:var(--dk-bg-glass);backdrop-filter:var(--dk-blur-md);-webkit-backdrop-filter:var(--dk-blur-md);border:1px solid var(--dk-border-default);border-radius:var(--dk-r-xl);padding:var(--dk-sp-6);box-shadow:var(--dk-shadow-md);transition:box-shadow .18s ease,border-color .18s ease}.xxl-card-glass:hover{box-shadow:var(--dk-shadow-lg);border-color:var(--dk-border-strong)}.xxl-card-feature{background:var(--dk-grad-brand-soft);border:1px solid var(--dk-accent-border);border-radius:var(--dk-r-xl);padding:var(--dk-sp-8);box-shadow:var(--dk-shadow-md),var(--dk-accent-glow)}.xxl-card-pricing{background:var(--dk-bg-elevated);border:1px solid var(--dk-border-default);border-radius:var(--dk-r-xl);padding:var(--dk-sp-8);box-shadow:var(--dk-shadow-lg);text-align:center}.xxl-card-pricing.featured{background:var(--dk-grad-brand);border-color:transparent;color:var(--dk-fg-on-accent)}.xxl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--dk-sp-2);height:36px;padding:0 var(--dk-sp-5);border-radius:var(--dk-r-sm);font-family:var(--dk-font-sans);font-size:var(--dk-text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all .14s ease;white-space:nowrap;border:none;outline:none}.xxl-btn:focus-visible{box-shadow:0 0 0 3px var(--dk-accent-soft),0 0 0 1px var(--dk-accent)}.xxl-btn-primary{background:var(--dk-accent);color:var(--dk-fg-on-accent);box-shadow:var(--dk-shadow-sm)}.xxl-btn-primary:hover{background:var(--dk-accent-hover);box-shadow:var(--dk-shadow-md),var(--dk-accent-glow);transform:translateY(-1px)}.xxl-btn-primary:active{background:var(--dk-accent-active);transform:translateY(0);box-shadow:var(--dk-shadow-xs)}.xxl-btn-cta{background:var(--dk-accent-cyan);color:var(--dk-fg-on-accent);box-shadow:var(--dk-shadow-sm)}.xxl-btn-cta:hover{background:var(--dk-accent-cyan-hover);box-shadow:var(--dk-shadow-md),var(--dk-accent-cyan-glow);transform:translateY(-1px)}.xxl-btn-cta:active{background:var(--dk-accent-cyan-active);transform:translateY(0);box-shadow:var(--dk-shadow-xs)}.xxl-btn-shiny{background:var(--dk-grad-brand);color:var(--dk-fg-on-accent);box-shadow:var(--dk-shadow-sm),var(--dk-accent-glow);position:relative;overflow:hidden}.xxl-btn-shiny:before{content:"";position:absolute;inset:0;background:var(--dk-grad-shimmer);opacity:0;transition:opacity .3s ease}.xxl-btn-shiny:hover:before{opacity:1}.xxl-btn-shiny:hover{transform:translateY(-1px);box-shadow:var(--dk-shadow-md),var(--dk-accent-glow)}.xxl-btn-secondary{background:var(--dk-accent-soft);color:var(--dk-accent);border:1px solid var(--dk-accent-border)}.xxl-btn-secondary:hover{background:oklch(from var(--dk-accent) l c h / .2);box-shadow:var(--dk-accent-glow)}.xxl-btn-ghost{background:transparent;color:var(--dk-fg-secondary);border:1px solid var(--dk-border-default)}.xxl-btn-ghost:hover{background:var(--dk-border-subtle);color:var(--dk-fg-primary);border-color:var(--dk-border-strong)}.xxl-btn-icon{width:36px;height:36px;padding:0;border-radius:var(--dk-r-sm)}.xxl-btn-sm{height:28px;padding:0 var(--dk-sp-3);font-size:var(--dk-text-xs);border-radius:var(--dk-r-xs)}.xxl-btn-lg{height:44px;padding:0 var(--dk-sp-8);font-size:var(--dk-text-base);border-radius:var(--dk-r-md)}.xxl-input{width:100%;height:36px;padding:0 var(--dk-sp-4);background:var(--dk-bg-elevated);border:1px solid var(--dk-border-default);border-radius:var(--dk-r-sm);font-family:var(--dk-font-sans);font-size:var(--dk-text-sm);color:var(--dk-fg-primary);outline:none;transition:border-color .14s ease,box-shadow .14s ease;caret-color:var(--dk-accent-cyan)}.xxl-input::-moz-placeholder{color:var(--dk-fg-muted)}.xxl-input::placeholder{color:var(--dk-fg-muted)}.xxl-input:focus{border-color:var(--dk-accent-cyan);box-shadow:0 0 0 3px var(--dk-accent-cyan-soft)}.xxl-input:disabled{opacity:.45;cursor:not-allowed}.xxl-textarea{padding:var(--dk-sp-3) var(--dk-sp-4);height:auto;min-height:80px;resize:vertical}.xxl-label{display:block;font-size:var(--dk-text-xs);font-weight:500;color:var(--dk-fg-secondary);margin-bottom:var(--dk-sp-2);letter-spacing:.01em}.xxl-input-group{display:flex;flex-direction:column;gap:var(--dk-sp-2)}.xxl-badge{display:inline-flex;align-items:center;gap:var(--dk-sp-1);padding:2px var(--dk-sp-3);border-radius:var(--dk-r-full);font-size:var(--dk-text-xs);font-weight:500;white-space:nowrap}.xxl-badge-accent{background:var(--dk-accent-soft);color:var(--dk-accent)}.xxl-badge-cyan{background:var(--dk-accent-cyan-soft);color:var(--dk-accent-cyan)}.xxl-badge-green{background:var(--dk-green-soft);color:var(--dk-green)}.xxl-badge-amber{background:var(--dk-amber-soft);color:var(--dk-amber)}.xxl-badge-red{background:var(--dk-red-soft);color:var(--dk-red)}.xxl-badge-violet{background:var(--dk-violet-soft);color:var(--dk-violet)}.xxl-badge-pink{background:var(--dk-pink-soft);color:var(--dk-pink)}.xxl-badge-orange{background:var(--dk-orange-soft);color:var(--dk-orange)}.xxl-badge-outline{background:transparent;color:var(--dk-fg-secondary);border:1px solid var(--dk-border-default)}.xxl-notification-list{display:flex;flex-direction:column;gap:var(--dk-sp-1)}.xxl-notification-item{display:flex;align-items:center;gap:var(--dk-sp-3);padding:var(--dk-sp-3) var(--dk-sp-4);border-radius:var(--dk-r-sm);transition:background .12s ease}.xxl-notification-item:hover{background:var(--dk-border-subtle)}.xxl-notification-avatar{width:32px;height:32px;border-radius:var(--dk-r-full);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.xxl-notification-content{flex:1;min-width:0}.xxl-notification-title{font-size:var(--dk-text-sm);font-weight:500;color:var(--dk-fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xxl-notification-subtitle{font-size:var(--dk-text-xs);color:var(--dk-fg-tertiary);margin-top:1px}.xxl-notification-time{font-size:var(--dk-text-xs);color:var(--dk-fg-muted);flex-shrink:0}.xxl-sidemenu{display:flex;flex-direction:column;gap:2px;padding:var(--dk-sp-2)}.xxl-sidemenu-item{display:flex;align-items:center;gap:var(--dk-sp-3);padding:var(--dk-sp-2) var(--dk-sp-3);border-radius:var(--dk-r-sm);font-size:var(--dk-text-sm);font-weight:400;color:var(--dk-fg-secondary);cursor:pointer;transition:all .12s ease;text-decoration:none}.xxl-sidemenu-item:hover{background:var(--dk-border-subtle);color:var(--dk-fg-primary)}.xxl-sidemenu-item.active{background:var(--dk-accent-soft);color:var(--dk-accent);font-weight:500;border-left:2px solid var(--dk-accent)}.xxl-sidemenu-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.xxl-sidemenu-item.active .xxl-sidemenu-icon{opacity:1}.xxl-switch{position:relative;display:inline-flex;align-items:center;gap:var(--dk-sp-3);cursor:pointer}.xxl-switch-track{position:relative;width:40px;height:22px;background:var(--dk-border-default);border-radius:var(--dk-r-full);transition:background .15s ease;flex-shrink:0}.xxl-switch-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:var(--dk-r-full);box-shadow:var(--dk-shadow-xs);transition:transform .15s ease}input[type=checkbox]:checked+.xxl-switch-track{background:var(--dk-accent)}input[type=checkbox]:checked+.xxl-switch-track .xxl-switch-thumb{transform:translate(18px)}.xxl-tabs{display:inline-flex;background:var(--dk-border-subtle);border-radius:var(--dk-r-sm);padding:3px;gap:2px}.xxl-tab{padding:var(--dk-sp-1) var(--dk-sp-4);border-radius:5px;font-size:var(--dk-text-xs);font-weight:500;color:var(--dk-fg-secondary);cursor:pointer;transition:all .14s ease;border:none;background:transparent;white-space:nowrap}.xxl-tab.active{background:var(--dk-bg-elevated);color:var(--dk-fg-primary);box-shadow:var(--dk-shadow-sm)}.xxl-modal-backdrop{position:fixed;inset:0;background:var(--dk-bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--dk-sp-6)}.xxl-modal{background:var(--dk-bg-elevated);border:1px solid var(--dk-border-strong);border-radius:var(--dk-r-xl);padding:var(--dk-sp-8);box-shadow:var(--dk-shadow-xl);width:100%;max-width:360px;position:relative}.xxl-modal-close{position:absolute;top:var(--dk-sp-4);right:var(--dk-sp-4);width:28px;height:28px;border-radius:var(--dk-r-xs);background:var(--dk-border-subtle);border:1px solid var(--dk-border-default);color:var(--dk-fg-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.xxl-modal-close:hover{background:var(--dk-border-default);color:var(--dk-fg-primary)}.xxl-modal-title{font-size:var(--dk-text-xl);font-weight:600;color:var(--dk-fg-primary);margin-bottom:var(--dk-sp-3)}.xxl-modal-body{font-size:var(--dk-text-sm);color:var(--dk-fg-secondary);line-height:var(--dk-lh-normal);margin-bottom:var(--dk-sp-6)}.xxl-modal-actions{display:flex;gap:var(--dk-sp-3);justify-content:flex-end}.xxl-popover{background:var(--dk-bg-glass-heavy);backdrop-filter:var(--dk-blur-md);-webkit-backdrop-filter:var(--dk-blur-md);border:1px solid var(--dk-border-default);border-radius:var(--dk-r-lg);box-shadow:var(--dk-shadow-xl);padding:var(--dk-sp-2);z-index:150}.xxl-popover-item{display:flex;align-items:center;gap:var(--dk-sp-3);padding:var(--dk-sp-2) var(--dk-sp-3);border-radius:var(--dk-r-xs);font-size:var(--dk-text-sm);color:var(--dk-fg-secondary);cursor:pointer;transition:all .1s ease}.xxl-popover-item:hover{background:var(--dk-border-subtle);color:var(--dk-fg-primary)}.xxl-popover-separator{height:1px;background:var(--dk-border-subtle);margin:var(--dk-sp-2) 0}.xxl-code-block{background:var(--dk-bg-base);border:1px solid var(--dk-border-default);border-radius:var(--dk-r-lg);overflow:hidden;box-shadow:var(--dk-shadow-md)}.xxl-code-header{display:flex;align-items:center;gap:var(--dk-sp-4);padding:var(--dk-sp-3) var(--dk-sp-4);background:var(--dk-bg-panel);border-bottom:1px solid var(--dk-border-subtle)}.xxl-code-dots{display:flex;gap:6px}.xxl-code-dot{width:10px;height:10px;border-radius:var(--dk-r-full)}.xxl-code-dot-red{background:#ff5f57}.xxl-code-dot-amber{background:#febc2e}.xxl-code-dot-green{background:#28c840}.xxl-code-tabs{display:flex;gap:var(--dk-sp-1)}.xxl-code-tab{padding:var(--dk-sp-1) var(--dk-sp-3);border-radius:5px;font-size:var(--dk-text-xs);font-weight:500;color:var(--dk-fg-tertiary);cursor:pointer;transition:all .12s ease;border:none;background:transparent}.xxl-code-tab.active{background:var(--dk-accent-soft);color:var(--dk-accent)}.xxl-code-body{padding:var(--dk-sp-5);font-family:var(--dk-font-mono);font-size:var(--dk-text-xs);line-height:1.7;color:var(--dk-fg-secondary);overflow-x:auto}.xxl-price-amount{font-size:var(--dk-text-5xl);font-weight:700;color:var(--dk-fg-primary);letter-spacing:var(--dk-ls-tighter);line-height:1}.xxl-price-amount sup{font-size:var(--dk-text-xl);font-weight:600;vertical-align:super;margin-right:2px}.xxl-price-period{font-size:var(--dk-text-sm);color:var(--dk-fg-tertiary);margin-top:var(--dk-sp-1)}.xxl-price-features{display:flex;flex-direction:column;gap:var(--dk-sp-3);margin:var(--dk-sp-6) 0;list-style:none;padding:0}.xxl-price-feature{display:flex;align-items:center;gap:var(--dk-sp-3);font-size:var(--dk-text-sm);color:var(--dk-fg-secondary)}.xxl-price-feature:before{content:"";width:16px;height:16px;background:var(--dk-accent-soft);border-radius:var(--dk-r-full);flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1.5' stroke='%235D87EE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.xxl-alert{display:flex;gap:var(--dk-sp-3);padding:var(--dk-sp-4);border-radius:var(--dk-r-md);border:1px solid}.xxl-alert-info{background:var(--dk-accent-soft);border-color:var(--dk-accent-border)}.xxl-alert-success{background:var(--dk-green-soft);border-color:#40c8784d}.xxl-alert-warning{background:var(--dk-amber-soft);border-color:#c8a83a4d}.xxl-alert-error{background:var(--dk-red-soft);border-color:#e050504d}.xxl-alert-icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.xxl-alert-title{font-size:var(--dk-text-sm);font-weight:600;color:var(--dk-fg-primary);margin-bottom:2px}.xxl-alert-body{font-size:var(--dk-text-xs);color:var(--dk-fg-secondary);line-height:var(--dk-lh-normal)}.xxl-page-bg{min-height:100vh;background:var(--dk-grad-page)}.xxl-container{max-width:1200px;margin:0 auto;padding:0 var(--dk-sp-8)}.xxl-container-wide{max-width:1440px;margin:0 auto;padding:0 var(--dk-sp-12)}.xxl-section{padding:var(--dk-sp-20) 0}.xxl-divider{height:1px;background:var(--dk-border-subtle);margin:0}.xxl-heading-display{font-family:var(--dk-font-sans);font-size:var(--dk-text-6xl);font-weight:700;line-height:var(--dk-lh-tight);letter-spacing:var(--dk-ls-tighter);color:var(--dk-fg-primary)}.xxl-heading-1{font-size:var(--dk-text-5xl);font-weight:700;line-height:var(--dk-lh-tight);letter-spacing:var(--dk-ls-tighter);color:var(--dk-fg-primary)}.xxl-heading-2{font-size:var(--dk-text-4xl);font-weight:600;line-height:var(--dk-lh-snug);letter-spacing:var(--dk-ls-tight);color:var(--dk-fg-primary)}.xxl-heading-3{font-size:var(--dk-text-3xl);font-weight:600;line-height:var(--dk-lh-snug);letter-spacing:var(--dk-ls-tight);color:var(--dk-fg-primary)}.xxl-heading-4{font-size:var(--dk-text-2xl);font-weight:600;line-height:var(--dk-lh-snug);color:var(--dk-fg-primary)}.xxl-heading-5{font-size:var(--dk-text-xl);font-weight:600;line-height:var(--dk-lh-snug);color:var(--dk-fg-primary)}.xxl-body-lg{font-size:var(--dk-text-lg);line-height:var(--dk-lh-relaxed);color:var(--dk-fg-secondary)}.xxl-body{font-size:var(--dk-text-base);line-height:var(--dk-lh-normal);color:var(--dk-fg-secondary)}.xxl-body-sm{font-size:var(--dk-text-sm);line-height:var(--dk-lh-normal);color:var(--dk-fg-secondary)}.xxl-caption{font-size:var(--dk-text-xs);font-weight:500;line-height:var(--dk-lh-snug);color:var(--dk-fg-tertiary)}.xxl-label-mono{font-family:var(--dk-font-mono);font-size:var(--dk-text-xs);color:var(--dk-fg-tertiary)}.xxl-eyebrow{font-size:var(--dk-text-xs);font-weight:600;letter-spacing:var(--dk-ls-wide);text-transform:uppercase;color:var(--dk-accent)}.xxl-text-gradient{background:var(--dk-grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xxl-text-gradient-cyan{background:var(--dk-grad-cyan);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xxl-text-gradient-cool{background:var(--dk-grad-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes xxl-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes xxl-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes xxl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes xxl-pulse-glow{0%,to{box-shadow:var(--dk-accent-glow)}50%{box-shadow:0 0 0 1px var(--dk-accent-border),0 0 24px #5d87ee4d}}.xxl-animate-fade-in{animation:xxl-fade-in .24s ease both}.xxl-animate-scale-in{animation:xxl-scale-in .18s ease-out both}.xxl-animate-pulse-glow{animation:xxl-pulse-glow 2.4s ease-in-out infinite}.xxl-skeleton{background:linear-gradient(90deg,var(--dk-border-subtle) 25%,var(--dk-border-default) 50%,var(--dk-border-subtle) 75%);background-size:200% 100%;animation:xxl-shimmer 1.6s ease-in-out infinite;border-radius:var(--dk-r-xs)}:root{--font-family-mono: var(--font-mono)}.heading-1{font-size:48px;font-weight:var(--font-weight-bold);line-height:110%;letter-spacing:0;color:var(--text-default)}.heading-2{font-size:36px;font-weight:var(--font-weight-bold);line-height:115%;letter-spacing:0;color:var(--text-default)}.heading-3{font-size:28px;font-weight:var(--font-weight-semibold);line-height:120%;letter-spacing:0;color:var(--text-default)}.heading-4{font-size:22px;font-weight:var(--font-weight-semibold);line-height:130%;color:var(--text-default)}.body-large{font-size:18px;font-weight:var(--font-weight-regular);line-height:150%;color:var(--text-default)}.body-default{font-size:16px;font-weight:var(--font-weight-regular);line-height:150%;color:var(--text-default)}.body-small{font-size:14px;font-weight:var(--font-weight-regular);line-height:150%;color:var(--text-default)}.caption{font-size:12px;font-weight:var(--font-weight-medium);line-height:140%;color:var(--text-muted)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}.btn-primary{background:var(--dk-grad-brand);color:var(--dk-fg-on-accent);border-radius:var(--dk-r-sm);padding:var(--dk-sp-2) var(--dk-sp-5);font-weight:500;font-size:var(--dk-text-sm);border:none;cursor:pointer;box-shadow:var(--dk-shadow-sm),var(--dk-accent-glow);transition:all .14s ease}.btn-primary:hover{box-shadow:var(--dk-shadow-md),var(--dk-accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--dk-accent-soft);color:var(--dk-accent);border:1px solid var(--dk-accent-border);border-radius:var(--dk-r-sm);padding:var(--dk-sp-2) var(--dk-sp-5);font-weight:500;font-size:var(--dk-text-sm);cursor:pointer;transition:all .14s ease}.btn-secondary:hover{background:var(--dk-bg-glass);box-shadow:var(--dk-accent-glow)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--dk-bg-glass);backdrop-filter:var(--dk-blur-md);-webkit-backdrop-filter:var(--dk-blur-md);border:1px solid var(--dk-border-default);border-radius:var(--dk-r-lg);padding:var(--dk-sp-6);box-shadow:var(--dk-shadow-md);transition:all .18s ease}.card:hover{border-color:var(--dk-border-strong);box-shadow:var(--dk-shadow-lg)}.card-elevated{background:var(--dk-bg-elevated);border:1px solid var(--dk-border-strong);border-radius:var(--dk-r-lg);padding:var(--dk-sp-6);box-shadow:var(--dk-shadow-lg)}.input{background:var(--dk-bg-elevated);border:1px solid var(--dk-border-default);border-radius:var(--dk-r-sm);padding:var(--dk-sp-2) var(--dk-sp-4);color:var(--dk-fg-primary);font-size:var(--dk-text-sm);transition:all .14s ease;width:100%}.input:focus{outline:none;border-color:var(--dk-accent);box-shadow:0 0 0 3px var(--dk-accent-soft)}.input::-moz-placeholder{color:var(--dk-fg-muted)}.input::placeholder{color:var(--dk-fg-muted)}.nav-bar{background:var(--dk-bg-glass);backdrop-filter:var(--dk-blur-md);-webkit-backdrop-filter:var(--dk-blur-md);border-bottom:1px solid var(--dk-border-subtle);height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--dk-sp-8)}.container{max-width:1200px;margin:0 auto;padding:0 var(--dk-sp-8)}.section{padding:var(--dk-sp-20) 0}.section-large{padding:var(--dk-sp-24) 0}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.icon-default{color:var(--text-default)}.icon-accent{color:var(--accent-primary)}.icon-muted{color:var(--text-muted)}.icon-destructive{color:hsl(var(--destructive))}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-interactive{cursor:pointer;transition:all .15s ease-out}.icon-interactive:hover{opacity:.8}.icon-interactive:active{opacity:.6}.icon-disabled{opacity:.5;cursor:not-allowed}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-pulse{0%,to{opacity:1}50%{opacity:.5}}.icon-pulse{animation:icon-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .15s ease-out;cursor:pointer;border:none;background:transparent}.icon-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button-default{background:var(--bg-surface);border:1px solid var(--border-default)}.icon-button-default:hover:not(:disabled){background:var(--bg-elevated)}.icon-button-accent{background:var(--accent-primary);color:var(--primary-foreground)}.icon-button-accent:hover:not(:disabled){box-shadow:var(--glow-accent)}.icon-button-ghost:hover:not(:disabled){background:var(--bg-surface)}.icon-button-destructive{background:hsl(var(--destructive));color:var(--destructive-foreground)}.icon-button-destructive:hover:not(:disabled){opacity:.9}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;transition:grid-template-columns .26s cubic-bezier(.4,0,.2,1)}.app.collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.main{min-width:0;display:flex;flex-direction:column}.page{flex:1;padding:28px 32px 48px;max-width:1360px;width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.page-title{font-size:22px;font-weight:600;letter-spacing:0;color:var(--fg-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.page-subtitle{font-size:13px;color:var(--fg-tertiary);margin:0;letter-spacing:0}.header-actions{display:flex;align-items:center;gap:8px}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 6px;border-radius:20px;background:var(--green-soft);border:1px solid oklch(.72 .16 155 / .25);font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--green);letter-spacing:.04em;text-transform:uppercase;margin-left:4px;vertical-align:middle}.live-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse-dot 1.6s ease-in-out infinite}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden;z-index:10}.sidebar-header{display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 14px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.logo-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#26292e,#181b1f);border:1px solid var(--border-strong);display:grid;place-items:center;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:0;color:var(--fg-primary);box-shadow:var(--shadow-sm);flex-shrink:0;position:relative}.logo-mark:after{content:"";position:absolute;inset:0;border-radius:7px;background:linear-gradient(180deg,oklch(1 0 0 / .06),transparent 50%);pointer-events:none}.logo-name{font-size:13.5px;font-weight:600;letter-spacing:0;color:var(--fg-primary);white-space:nowrap;opacity:1;transition:opacity .18s}.collapsed .logo-name{opacity:0;pointer-events:none}.sidebar-collapse{position:absolute;right:-12px;top:38px;width:22px;height:22px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-default);display:grid;place-items:center;color:var(--fg-secondary);z-index:20;transition:all .16s;box-shadow:var(--shadow-sm)}.sidebar-collapse:hover{background:var(--bg-hover);color:var(--fg-primary);border-color:var(--border-strong)}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 10px 16px;display:flex;flex-direction:column;gap:2px}.nav-section-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);padding:14px 10px 6px;opacity:1;transition:opacity .18s}.collapsed .nav-section-label{opacity:0;pointer-events:none;height:10px;padding:0;overflow:hidden}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-md);color:var(--fg-secondary);font-size:13px;font-weight:450;position:relative;transition:background .12s,color .12s;width:100%;text-align:left;white-space:nowrap;border:none;background:none;cursor:pointer;font-family:var(--font-sans)}.nav-item:hover{background:var(--bg-hover);color:var(--fg-primary)}.nav-item.disabled{color:var(--fg-muted);cursor:not-allowed}.nav-item.disabled:hover{background:transparent;color:var(--fg-muted)}.nav-item.active{background:var(--accent-soft);color:oklch(.85 .12 250);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:2px;background:var(--accent);border-radius:0 2px 2px 0}.nav-icon{width:16px;height:16px;flex-shrink:0;stroke-width:1.75}.nav-label{flex:1;opacity:1;transition:opacity .16s}.collapsed .nav-label,.collapsed .nav-badge{opacity:0;pointer-events:none}.nav-badge{font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.02em;padding:2px 6px;border-radius:4px;background:var(--bg-elevated);color:var(--fg-tertiary);border:1px solid var(--border-subtle);text-transform:uppercase}.nav-badge.beta{background:var(--accent-soft);color:oklch(.85 .12 250);border-color:var(--accent-border)}.nav-badge.soon{color:var(--fg-muted)}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:10px}.product-badge{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:8px;border-radius:var(--r-md);background:linear-gradient(180deg,var(--accent-soft),transparent);border:1px solid var(--accent-border);position:relative;overflow:hidden}.product-badge:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.product-badge-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:oklch(.85 .12 250)}.product-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-dot 2s ease-in-out infinite}.collapsed .product-badge{justify-content:center;padding:8px}.collapsed .product-badge-label{display:none}.topbar{height:var(--topbar-h);padding:0 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border-subtle);background:color-mix(in oklch,var(--bg-base) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:9}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-tertiary)}.breadcrumb .crumb-sep{color:var(--fg-muted)}.breadcrumb .crumb-current{color:var(--fg-primary);font-weight:500}.topbar-search{flex:1;max-width:440px;display:flex;align-items:center;gap:10px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:0 10px;height:32px;transition:border-color .14s,background .14s}.topbar-search:focus-within{border-color:var(--accent-border);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-soft)}.topbar-search-icon{width:14px;height:14px;color:var(--fg-tertiary);flex-shrink:0}.topbar-search input{flex:1;font-size:13px;color:var(--fg-primary);font-family:var(--font-sans);background:none;border:none;outline:none}.topbar-search input::-moz-placeholder{color:var(--fg-tertiary)}.topbar-search input::placeholder{color:var(--fg-tertiary)}.kbd{font-family:var(--font-mono);font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--fg-tertiary);box-shadow:0 1px #0006,inset 0 -1px #0000004d}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:32px;height:32px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--fg-secondary);transition:background .12s,color .12s;position:relative;background:none;border:none;cursor:pointer}.icon-btn:hover{background:var(--bg-panel);color:var(--fg-primary)}.icon-btn svg{width:16px;height:16px;stroke-width:1.75}.notif-dot{position:absolute;top:7px;right:7px;width:6px;height:6px;background:var(--accent);border-radius:50%;border:1.5px solid var(--bg-base)}.credits-chip{display:flex;align-items:center;gap:8px;padding:0 10px 0 8px;height:32px;border-radius:var(--r-md);background:var(--bg-panel);border:1px solid var(--border-subtle);transition:all .14s;cursor:pointer}.credits-chip:hover{background:var(--bg-elevated);border-color:var(--border-default)}.credits-icon{width:18px;height:18px;border-radius:5px;background:var(--amber-soft);display:grid;place-items:center;color:var(--amber)}.credits-icon svg{width:11px;height:11px}.credits-value{font-family:var(--font-mono);font-size:12.5px;font-weight:500;color:var(--fg-primary);font-variant-numeric:tabular-nums}.credits-label{font-size:11px;color:var(--fg-tertiary);letter-spacing:.02em}.topbar-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--violet));display:grid;place-items:center;font-size:11px;font-weight:600;color:#fff;letter-spacing:0;cursor:pointer;border:1px solid var(--border-strong);flex-shrink:0}.divider-v{width:1px;height:20px;background:var(--border-subtle);margin:0 4px}.dash-btn{height:32px;padding:0 12px;border-radius:var(--r-md);font-size:12.5px;font-weight:500;letter-spacing:0;display:inline-flex;align-items:center;gap:6px;transition:all .14s;border:1px solid transparent;font-family:var(--font-sans);cursor:pointer}.dash-btn svg{width:13px;height:13px;stroke-width:2}.dash-btn-secondary{background:var(--bg-panel);border-color:var(--border-default);color:var(--fg-secondary)}.dash-btn-secondary:hover{background:var(--bg-elevated);color:var(--fg-primary);border-color:var(--border-strong)}.dash-btn-primary{background:var(--accent);color:#010408;font-weight:550;box-shadow:0 1px #ffffff2e inset,0 1px 2px #0006;border:none}.dash-btn-primary:hover{background:var(--accent-hover)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.kpi{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:16px 18px;position:relative;overflow:hidden;transition:border-color .16s,background .16s}.kpi:hover{border-color:var(--border-default);background:var(--bg-elevated)}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,oklch(1 0 0 / .08),transparent)}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.kpi-label{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--fg-tertiary);letter-spacing:.01em;font-weight:450}.kpi-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle)}.kpi-icon svg{width:12px;height:12px;stroke-width:2}.kpi-icon.blue{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.kpi-icon.green{color:var(--green);background:var(--green-soft);border-color:#35c1774d}.kpi-icon.amber{color:var(--amber);background:var(--amber-soft);border-color:#eba9414d}.kpi-icon.violet{color:var(--violet);background:var(--violet-soft);border-color:#a785fc4d}.kpi-delta{font-family:var(--font-mono);font-size:10.5px;font-weight:500;padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:3px}.kpi-delta.up{color:var(--green);background:var(--green-soft)}.kpi-delta.down{color:#fa8978;background:#fa89781f}.kpi-delta.flat{color:var(--fg-tertiary);background:var(--bg-elevated)}.kpi-delta svg{width:10px;height:10px;stroke-width:2.5}.kpi-value{font-family:var(--font-mono);font-size:28px;font-weight:500;color:var(--fg-primary);letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1;margin-bottom:10px}.kpi-value .unit{font-size:13px;color:var(--fg-tertiary);font-weight:400;margin-left:2px}.kpi-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--fg-tertiary)}.spark{width:60px;height:22px}.grid-row{display:grid;grid-template-columns:1.7fr 1fr;gap:12px;margin-bottom:12px}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle)}.panel-title{font-size:13px;font-weight:550;color:var(--fg-primary);letter-spacing:0;display:flex;align-items:center;gap:8px}.panel-sub{font-size:11.5px;color:var(--fg-tertiary);font-weight:400;letter-spacing:0}.panel-actions{display:flex;gap:4px;align-items:center}.seg{display:flex;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:2px;gap:2px}.seg-item{font-family:var(--font-mono);font-size:10.5px;font-weight:500;padding:4px 9px;border-radius:5px;color:var(--fg-tertiary);letter-spacing:.02em;text-transform:uppercase;transition:all .12s;background:none;border:none;cursor:pointer}.seg-item.active{background:var(--bg-active);color:var(--fg-primary);box-shadow:0 1px #ffffff0d inset}.seg-item:hover:not(.active){color:var(--fg-secondary)}.chart-wrap{padding:16px 18px 18px}.chart-legend{display:flex;gap:18px;margin-bottom:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--fg-secondary)}.legend-dot{width:8px;height:8px;border-radius:2px}.legend-val{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-primary);font-variant-numeric:tabular-nums;margin-left:3px}.chart-svg{width:100%;height:220px;display:block}.live-list{display:flex;flex-direction:column}.live-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-subtle);align-items:center;transition:background .14s;position:relative}.live-row:last-child{border-bottom:none}.live-row:hover{background:var(--bg-hover)}.live-avatar{width:32px;height:32px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--fg-secondary);position:relative}.live-status{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;border:2px solid var(--bg-panel)}.live-status.active{background:var(--green);box-shadow:0 0 6px var(--green)}.live-status.ringing{background:var(--amber);animation:pulse-dot 1.2s ease-in-out infinite}.live-status.hold{background:var(--fg-muted)}.live-info{min-width:0}.live-name{font-size:13px;font-weight:500;color:var(--fg-primary);letter-spacing:0;display:flex;align-items:center;gap:6px;margin-bottom:2px}.live-meta{font-size:11.5px;color:var(--fg-tertiary);display:flex;align-items:center;gap:6px;font-family:var(--font-mono)}.waveform{display:flex;align-items:center;gap:2px;height:16px}.waveform span{width:2px;background:var(--green);border-radius:1px;opacity:.8;animation:wave-bar 1.1s ease-in-out infinite}.waveform.muted span{background:var(--fg-muted);animation:none;height:4px}.live-time{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-secondary);font-variant-numeric:tabular-nums;text-align:right}.dash-table{width:100%;border-collapse:collapse;font-size:13px}.dash-table th{text-align:left;font-family:var(--font-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-tertiary);padding:10px 16px;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);white-space:nowrap}.dash-table td{padding:13px 16px;border-bottom:1px solid var(--border-subtle);color:var(--fg-secondary);vertical-align:middle}.dash-table tr:last-child td{border-bottom:none}.dash-table tbody tr{transition:background .12s;cursor:pointer}.dash-table tbody tr:hover{background:var(--bg-hover)}.dash-table .cell-primary{color:var(--fg-primary);font-weight:500}.dash-table .cell-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:.01em;border:1px solid transparent}.tag .dot{width:5px;height:5px;border-radius:50%}.tag.resolved{background:var(--green-soft);color:var(--green);border-color:#35c17740}.tag.resolved .dot{background:var(--green)}.tag.escalated{background:#fa89781f;color:oklch(.78 .14 30);border-color:#fa897840}.tag.escalated .dot{background:oklch(.78 .14 30)}.tag.voicemail{background:var(--violet-soft);color:var(--violet);border-color:#a785fc40}.tag.voicemail .dot{background:var(--violet)}.tag.missed{background:var(--bg-elevated);color:var(--fg-tertiary);border-color:var(--border-default)}.tag.missed .dot{background:var(--fg-tertiary)}.sentiment{display:inline-flex;align-items:center;gap:6px}.sentiment-bar{width:44px;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden;position:relative}.sentiment-fill{position:absolute;top:0;left:0;bottom:0;border-radius:2px}.sentiment-val{font-family:var(--font-mono);font-size:11px;color:var(--fg-secondary);font-variant-numeric:tabular-nums}.agent-stack{display:flex;align-items:center;gap:6px}.agent-dot{width:18px;height:18px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-default);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--fg-secondary)}.insights{padding:4px 0}.insight-item{padding:14px 18px;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:24px 1fr;gap:10px}.insight-item:last-child{border-bottom:none}.insight-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.insight-icon svg{width:12px;height:12px;stroke-width:2}.insight-title{font-size:12.5px;font-weight:500;color:var(--fg-primary);letter-spacing:0;margin-bottom:2px;line-height:1.35}.insight-body{font-size:11.5px;color:var(--fg-tertiary);line-height:1.45;margin-bottom:6px}.insight-cta{font-family:var(--font-mono);font-size:10.5px;font-weight:500;color:var(--accent);letter-spacing:.02em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0}.insight-cta:hover{color:var(--accent-hover)}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-row{grid-template-columns:1fr}}@media(max-width:768px){.page{padding:16px 16px 32px}.kpi-grid{grid-template-columns:1fr}}body{background:var(--dk-grad-page);color:var(--dk-fg-primary);font-family:var(--dk-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0}:root{--background: var(--dk-bg-base);--foreground: var(--dk-fg-primary);--bg-primary: var(--dk-bg-base);--bg-surface: var(--dk-bg-panel);--bg-elevated: var(--dk-bg-elevated);--text-default: var(--dk-fg-primary);--text-muted: var(--dk-fg-secondary);--border-default: var(--dk-border-default);--accent-primary: var(--dk-accent);--primary: var(--dk-accent);--primary-foreground: var(--dk-fg-on-accent);--border: var(--dk-border-default);--input: var(--dk-border-default);--ring: var(--dk-accent);--card: var(--dk-bg-panel);--card-foreground: var(--dk-fg-primary);--popover: var(--dk-bg-elevated);--popover-foreground: var(--dk-fg-primary);--muted: var(--dk-bg-panel);--muted-foreground: var(--dk-fg-secondary);--secondary: var(--dk-bg-panel);--secondary-foreground: var(--dk-fg-primary);--destructive: var(--dk-red);--destructive-foreground: var(--dk-fg-primary);--shadow-subtle: var(--dk-shadow-sm);--glow-accent: var(--dk-accent-glow);--font-family-primary: var(--dk-font-sans);--radius: var(--dk-r-sm);--radius-sm: var(--dk-r-xs);--radius-md: var(--dk-r-sm);--radius-lg: var(--dk-r-md);--xxl-accent: var(--dk-accent);--xxl-accent-hover: var(--dk-accent-hover);--xxl-accent-soft: var(--dk-accent-soft);--xxl-accent-border: var(--dk-accent-border);--xxl-green: var(--dk-green);--xxl-green-soft: var(--dk-green-soft);--xxl-amber: var(--dk-amber);--xxl-amber-soft: var(--dk-amber-soft);--xxl-violet: var(--dk-violet);--xxl-violet-soft: var(--dk-violet-soft);--xxl-red: var(--dk-red);--xxl-red-soft: var(--dk-red-soft);--xxl-cyan: var(--dk-cyan);--doublexl-primary: var(--dk-accent);--doublexl-primary-rgb: 93, 135, 238;--doublexl-secondary: var(--dk-bg-panel);--doublexl-accent: var(--dk-accent);--doublexl-gray-50: var(--dk-bg-elevated);--doublexl-gray-100: var(--dk-bg-panel);--doublexl-gray-200: var(--dk-border-default);--doublexl-gray-300: var(--dk-border-default);--doublexl-gray-400: var(--dk-fg-tertiary);--doublexl-gray-500: var(--dk-fg-secondary);--doublexl-gray-600: var(--dk-fg-secondary);--doublexl-gray-700: var(--dk-bg-elevated);--doublexl-gray-800: var(--dk-bg-panel);--doublexl-gray-900: var(--dk-bg-base);--doublexl-spacing-xs: 4px;--doublexl-spacing-sm: var(--space-1);--doublexl-spacing-md: var(--space-2);--doublexl-spacing-lg: var(--space-3);--doublexl-spacing-xl: var(--space-4);--doublexl-radius-sm: var(--radius-sm);--doublexl-radius-md: var(--radius-md);--doublexl-radius-lg: var(--radius-lg);--doublexl-shadow-sm: var(--dk-shadow-sm);--doublexl-shadow-md: var(--dk-shadow-md);--doublexl-shadow-lg: var(--dk-shadow-lg);--doublexl-font-sans: var(--font-family-primary);--doublexl-font-mono: var(--font-mono)}.payload-admin{--theme-brand: var(--dk-accent);--theme-brand-rgb: 93, 135, 238;--style-radius-s: var(--dk-r-sm);--style-radius-m: var(--dk-r-md);--theme-success-400: var(--dk-accent);--theme-elevation-50: var(--dk-bg-elevated);--theme-elevation-100: var(--dk-bg-panel);--theme-elevation-200: var(--dk-bg-panel);--theme-elevation-800: var(--dk-bg-base)}.doublexl-button{background:var(--dk-grad-brand);border-radius:var(--dk-r-sm);padding:var(--dk-sp-2) var(--dk-sp-4);color:var(--dk-fg-on-accent);font-family:var(--dk-font-sans);font-weight:500;border:none;cursor:pointer;box-shadow:var(--dk-shadow-sm),var(--dk-accent-glow);transition:all .14s ease}.doublexl-button:hover{box-shadow:var(--dk-shadow-md),var(--dk-accent-glow);transform:translateY(-1px)}.doublexl-card{background:var(--dk-bg-glass);backdrop-filter:var(--dk-blur-md);-webkit-backdrop-filter:var(--dk-blur-md);border-radius:var(--dk-r-lg);box-shadow:var(--dk-shadow-md);padding:var(--dk-sp-6);border:1px solid var(--dk-border-default)}.doublexl-admin-header{background:var(--dk-bg-glass);backdrop-filter:var(--dk-blur-md);-webkit-backdrop-filter:var(--dk-blur-md);color:var(--dk-fg-primary);padding:var(--dk-sp-3) var(--dk-sp-5);border-bottom:1px solid var(--dk-border-subtle)}.doublexl-admin-sidebar{background:var(--dk-bg-glass-heavy);border-right:1px solid var(--dk-border-default)}:root{color-scheme:dark;--bg-primary: #0b0f14;--bg-surface: #11161c;--bg-elevated: #151b22;--border-default: #1f2933;--text-primary: #e6edf3;--text-secondary: #9aa4ae;--accent-cyan: #00d1ff;--accent-cyan-hover: rgba(0, 209, 255, .15);--accent-cyan-active: rgba(0, 209, 255, .25);--accent-cyan-disabled: rgba(0, 209, 255, .4);--progress-green: #22c55e;--progress-amber: #f59e0b;--progress-red: #ef4444;--focus-ring: 2px solid var(--accent-cyan);--focus-offset: 2px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--space-12: 96px;--font-sans: "Inter", "Geist", system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", monospace;--transition-fade: opacity .2s ease-out;--transition-fast: opacity .15s ease-out;--transition-slow: opacity .25s ease-out;--sidebar-width: 256px;--sidebar-rail: 64px;--content-max: 1120px;--topbar-height: 64px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
 */*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-left-48{left:-12rem}.-top-3{top:calc(var(--space-3) * -1)}.-top-48{top:-12rem}.bottom-0{bottom:0}.bottom-4{bottom:var(--space-4)}.left-0{left:0}.left-0\.5{left:.125rem}.left-2{left:var(--space-2)}.left-4{left:var(--space-4)}.right-0{right:0}.right-1{right:var(--space-1)}.right-3{right:var(--space-3)}.right-4{right:var(--space-4)}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:var(--space-1)}.top-1\/2{top:50%}.top-16{top:4rem}.top-2{top:var(--space-2)}.top-3{top:var(--space-3)}.top-4{top:var(--space-4)}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.-mx-1{margin-left:calc(var(--space-1) * -1);margin-right:calc(var(--space-1) * -1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.mb-1{margin-bottom:var(--space-1)}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:var(--space-1)}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:2rem}.mt-px{margin-top:1px}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-0\.5{height:.125rem}.h-1{height:var(--space-1)}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:var(--space-2)}.h-24{height:6rem}.h-3{height:var(--space-3)}.h-3\.5{height:.875rem}.h-4{height:var(--space-4)}.h-5{height:var(--space-5)}.h-6{height:var(--space-6)}.h-7{height:var(--space-7)}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[500px\]{height:500px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:24rem}.min-h-\[400px\]{min-height:400px}.min-h-\[80px\]{min-height:80px}.min-h-\[calc\(100vh-4rem\)\]{min-height:calc(100vh - 4rem)}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:var(--space-2)}.w-24{width:6rem}.w-3{width:var(--space-3)}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:var(--space-4)}.w-5{width:var(--space-5)}.w-6{width:var(--space-6)}.w-64{width:16rem}.w-7{width:var(--space-7)}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[1px\]{width:1px}.w-\[500px\]{width:500px}.w-\[min\(640px\,calc\(100\%-2rem\)\)\]{width:min(640px,calc(100% - 2rem))}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[220px\]{min-width:220px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[160px\]{max-width:160px}.max-w-\[400px\]{max-width:400px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-top-left{transform-origin:top left}.origin-top-right{transform-origin:top right}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: var(--space-5);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-1\.5{gap:.375rem}.gap-2{gap:var(--space-2)}.gap-2\.5{gap:.625rem}.gap-3{gap:var(--space-3)}.gap-3\.5{gap:.875rem}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:2rem}.gap-x-6{-moz-column-gap:var(--space-6);column-gap:var(--space-6)}.gap-y-2{row-gap:var(--space-2)}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(var(--space-2) * var(--tw-space-x-reverse));margin-left:calc(var(--space-2) * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(var(--space-4) * var(--tw-space-x-reverse));margin-left:calc(var(--space-4) * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--space-1) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-1) * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--space-2) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-2) * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--space-3) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-3) * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--space-4) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-4) * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--space-5) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-5) * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--space-6) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-6) * var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(241 245 249 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:var(--radius)}.rounded-2xl{border-radius:1rem}.rounded-\[28px\]{border-radius:28px}.rounded-btn{border-radius:var(--r-btn)}.rounded-card{border-radius:var(--r-card)}.rounded-full{border-radius:9999px}.rounded-input{border-radius:var(--r-input)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[rgba\(176\,106\,238\,0\.30\)\]{border-color:#b06aee4d}.border-\[rgba\(200\,168\,58\,0\.30\)\]{border-color:#c8a83a4d}.border-\[rgba\(238\,139\,58\,0\.30\)\]{border-color:#ee8b3a4d}.border-\[rgba\(238\,93\,122\,0\.30\)\]{border-color:#ee5d7a4d}.border-\[rgba\(64\,184\,238\,0\.30\)\]{border-color:#40b8ee4d}.border-\[rgba\(64\,200\,120\,0\.30\)\]{border-color:#40c8784d}.border-\[var\(--border-default\)\]{border-color:var(--border-default)}.border-\[var\(--dk-accent-border\)\]{border-color:var(--dk-accent-border)}.border-\[var\(--dk-border-default\)\]{border-color:var(--dk-border-default)}.border-accent{border-color:var(--accent)}.border-accent-border{border-color:var(--accent-border)}.border-border{border-color:var(--border)}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-input{border-color:var(--input)}.border-rose-200{--tw-border-opacity: 1;border-color:rgb(254 205 211 / var(--tw-border-opacity, 1))}.border-sky-200{--tw-border-opacity: 1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-slate-950{--tw-border-opacity: 1;border-color:rgb(2 6 23 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white\/0{border-color:#fff0}.border-t-emerald-500{--tw-border-opacity: 1;border-top-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-t-slate-900{--tw-border-opacity: 1;border-top-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.bg-\[rgba\(176\,106\,238\,0\.12\)\]{background-color:#b06aee1f}.bg-\[rgba\(200\,168\,58\,0\.12\)\]{background-color:#c8a83a1f}.bg-\[rgba\(238\,139\,58\,0\.12\)\]{background-color:#ee8b3a1f}.bg-\[rgba\(238\,93\,122\,0\.12\)\]{background-color:#ee5d7a1f}.bg-\[rgba\(64\,184\,238\,0\.12\)\]{background-color:#40b8ee1f}.bg-\[rgba\(64\,200\,120\,0\.12\)\]{background-color:#40c8781f}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--bg-panel\)\]{background-color:var(--bg-panel)}.bg-\[var\(--dk-accent\)\]{background-color:var(--dk-accent)}.bg-\[var\(--dk-bg-base\)\]{background-color:var(--dk-bg-base)}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive\/10{background-color:hsl(var(--destructive) / .1)}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-400\/10{background-color:#34d3991a}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-600\/50{background-color:#4b556380}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--accent)}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:var(--secondary)}.bg-sky-50{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.bg-sky-600{--tw-bg-opacity: 1;background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.bg-surface{background-color:var(--bg-surface)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-white\/90{background-color:#ffffffe6}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[var\(--dk-accent\)\]{--tw-gradient-from: var(--dk-accent) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--dk-accent-align\)\]{--tw-gradient-from: var(--dk-accent-align) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from: #f43f5e var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-500{--tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[var\(--dk-accent-hover\)\]{--tw-gradient-to: var(--dk-accent-hover) var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-sky-600{--tw-gradient-to: #0284c7 var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to: #0d9488 var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:var(--space-1)}.p-1\.5{padding:.375rem}.p-2{padding:var(--space-2)}.p-2\.5{padding:.625rem}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:var(--space-3)}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:var(--space-2)}.pt-0{padding-top:0}.pt-2{padding-top:var(--space-2)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:400}.font-semibold{font-weight:var(--font-weight-semibold)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--dk-fg-on-accent\)\]{color:var(--dk-fg-on-accent)}.text-\[var\(--dk-fg-primary\)\]{color:var(--dk-fg-primary)}.text-\[var\(--dk-fg-secondary\)\]{color:var(--dk-fg-secondary)}.text-\[var\(--fg-on-accent\)\]{color:var(--fg-on-accent)}.text-\[var\(--fg-primary\)\]{color:var(--fg-primary)}.text-accent{color:var(--accent)}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:var(--destructive-foreground)}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-fg-muted{color:var(--fg-muted)}.text-fg-primary{color:var(--fg-primary)}.text-fg-secondary{color:var(--fg-secondary)}.text-fg-tertiary{color:var(--fg-tertiary)}.text-foreground{color:var(--foreground)}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-muted{color:var(--muted)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--accent)}.text-primary-foreground{color:var(--primary-foreground)}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sky-600{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.text-sky-700{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[var\(--dk-border-default\)\]{--tw-ring-color: var(--dk-border-default)}.ring-accent-soft{--tw-ring-color: var(--accent-soft)}.ring-emerald-400\/40{--tw-ring-color: rgb(52 211 153 / .4)}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-background{--tw-ring-offset-color: var(--background)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,box-shadow\,color\]{transition-property:background-color,box-shadow,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;line-height:1.15}p{margin:0}.container{width:min(var(--content-max),92vw);margin:0 auto}.section{padding:var(--space-6) 0}.section-dark{padding:var(--space-6) 0;background:var(--bg-primary);color:var(--text-primary)}.section-subtle{padding:var(--space-6) 0;background:var(--bg-surface)}.eyebrow{display:inline-flex;border:1px solid rgba(0,209,255,.34);background:#00d1ff1f;color:var(--accent-cyan);border-radius:999px;font-size:.8rem;font-weight:600;padding:.35rem .75rem}.eyebrow-light{display:inline-flex;border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);border-radius:999px;font-size:.8rem;font-weight:600;padding:.35rem .75rem;gap:.4rem;align-items:center}.btn{display:inline-flex;align-items:center;gap:.4rem;justify-content:center;border-radius:8px;font-weight:500;padding:.65rem 1.1rem;border:1px solid transparent;transition:opacity .15s ease-out;font-size:.95rem;cursor:pointer}.btn-primary{background:var(--accent-cyan);color:var(--bg-primary);box-shadow:0 0 0 1px #00d1ff4d,0 0 12px #00d1ff40}.btn-primary:hover{background:var(--accent-cyan-active);color:var(--text-primary)}.btn-outline{border-color:var(--border-default);background:var(--bg-surface);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-elevated)}.btn-ghost-light{border-color:var(--border-default);background:transparent;color:var(--text-primary)}.btn-ghost-light:hover{background:var(--bg-elevated)}.app-shell-link{display:inline-flex;align-items:center;gap:var(--space-2);padding-left:var(--space-4);padding-right:var(--space-4);padding-top:var(--space-2);padding-bottom:var(--space-2);font-size:.875rem;line-height:1.25rem;font-weight:var(--font-weight-medium);border-radius:8px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);transition:opacity .15s ease-out}.app-shell-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.stat-surface{padding:var(--space-5);border-radius:16px;border:1px solid var(--border-default);background:var(--bg-surface);box-shadow:0 2px 10px #00000040}.dash-panel{border-radius:16px;border:1px solid var(--border-default);background:var(--bg-elevated);box-shadow:0 8px 24px #00000057}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card-grid-3{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;padding:1.4rem;box-shadow:0 2px 10px #00000040;transition:opacity .15s ease-out}.card:hover{box-shadow:0 8px 24px #00000057}.card-dark{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;padding:1.4rem}.muted,.muted-light{color:var(--text-secondary)}.badge-beta{display:inline-flex;background:#40c87824;color:#40c878;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-soon{display:inline-flex;background:#00d1ff1f;color:var(--accent-cyan);padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.divider{height:1px;background:var(--border-default);margin:0}.stats-bar{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--border-default)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.6rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-label{font-size:.8rem;color:var(--text-secondary)}.pricing-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pricing-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:1rem;padding:1.6rem;position:relative;transition:opacity .15s ease-out}.pricing-card.popular{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00d1ff26}.pricing-card:hover{box-shadow:0 4px 24px #0000004d}.popular-badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);background:var(--accent-cyan);color:var(--bg-primary);font-size:.7rem;font-weight:700;padding:.2rem .7rem;border-radius:999px;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}.price-row{display:flex;align-items:baseline;gap:.2rem;margin-top:1rem}.price-amount{font-size:2rem;font-weight:800;color:var(--text-primary)}.price-period{font-size:.85rem;color:var(--text-secondary)}.feature-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.6rem}.feature-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.feature-list li:before{content:"✓";color:var(--accent-cyan);font-weight:700;flex-shrink:0;margin-top:.05rem}header.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border-default);background:#0b0f14f5;backdrop-filter:blur(8px)}.header-inner{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700}.brand-badge{width:2rem;height:2rem;border-radius:.5rem;display:grid;place-items:center;color:var(--bg-primary);background:var(--accent-cyan);font-weight:800;font-size:.8rem}.main-nav{display:flex;gap:1rem;align-items:center}.main-nav a{font-size:.95rem;color:var(--text-secondary)}.main-nav a:hover{color:var(--text-primary)}footer.site-footer{border-top:1px solid var(--border-default);padding:1.5rem 0 2rem;background:var(--bg-primary)}.hero{background:radial-gradient(circle at 20% 30%,#1e3a5f,#0b0f14 55%),radial-gradient(circle at 80% 10%,rgba(0,209,255,.15),transparent 40%),radial-gradient(circle at 85% 80%,rgba(0,209,255,.08),transparent 40%);color:var(--text-primary);padding:5.5rem 0 4.5rem}.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;font-weight:800;max-width:800px;margin-top:1.2rem}.hero-desc{color:var(--text-secondary);max-width:52rem;font-size:1.1rem;line-height:1.65;margin-top:1rem}.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}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.3}}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media(max-width:760px){.main-nav{gap:.75rem;font-size:.85rem;flex-wrap:wrap;justify-content:flex-end}.header-inner{height:auto;padding:.8rem 0}.section,.section-dark,.section-subtle{padding:var(--space-3) 0}.hero{padding:3.5rem 0 3rem}.stats-bar{gap:1.2rem}.pricing-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.pricing-grid{grid-template-columns:1fr}}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:var(--font-weight-medium)}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--muted-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.hover\:border-\[var\(--accent-border\)\]:hover,.hover\:border-accent-border:hover{border-color:var(--accent-border)}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:border-slate-300:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.hover\:bg-\[var\(--accent-hover\)\]:hover{background-color:var(--accent-hover)}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-\[var\(--dk-accent-hover\)\]:hover{background-color:var(--dk-accent-hover)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-accent-soft:hover{background-color:var(--accent-soft)}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-elevated:hover{background-color:var(--bg-elevated)}.hover\:bg-emerald-400:hover{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-700:hover{--tw-bg-opacity: 1;background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-surface:hover{background-color:var(--bg-surface)}.hover\:text-\[var\(--accent\)\]:hover{color:var(--accent)}.hover\:text-\[var\(--dk-fg-primary\)\]:hover{color:var(--dk-fg-primary)}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-fg-primary:hover{color:var(--fg-primary)}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-primary:hover{color:var(--accent)}.hover\:text-sky-800:hover{--tw-text-opacity: 1;color:rgb(7 89 133 / var(--tw-text-opacity, 1))}.hover\:text-slate-700:hover{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.hover\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_12px_var\(--accent-soft\)\]:hover{--tw-shadow: 0 0 12px var(--accent-soft);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-glow:hover{--tw-shadow: var(--glow-accent);--tw-shadow-colored: var(--glow-accent);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-sky-400:focus{--tw-border-opacity: 1;border-color:rgb(56 189 248 / var(--tw-border-opacity, 1))}.focus\:border-slate-400:focus{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-accent:focus{--tw-ring-color: var(--accent)}.focus\:ring-ring:focus{--tw-ring-color: var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: var(--background)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.disabled\:text-gray-500:disabled{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-accent-soft{background-color:var(--accent-soft)}.group:hover .group-hover\:opacity-100{opacity:1}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: var(--space-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: calc(var(--space-1) * -1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: var(--space-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: calc(var(--space-1) * -1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x: var(--space-5);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=checked\]\:bg-primary[data-state=checked],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media(min-width:640px){.sm\:block{display:block}.sm\:inline-flex{display:inline-flex}.sm\:hidden{display:none}.sm\:h-12{height:3rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:var(--space-3)}.sm\:self-start{align-self:flex-start}.sm\:rounded-\[24px\]{border-radius:24px}.sm\:p-7{padding:var(--space-7)}.sm\:p-8{padding:2rem}.sm\:px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.sm\:px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:fixed{position:fixed}.lg\:sticky{position:sticky}.lg\:inset-y-0{top:0;bottom:0}.lg\:left-0{left:0}.lg\:top-6{top:var(--space-6)}.lg\:z-40{z-index:40}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:ml-20{margin-left:5rem}.lg\:ml-64{margin-left:16rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[calc\(100vh-3rem\)\]{height:calc(100vh - 3rem)}.lg\:w-20{width:5rem}.lg\:w-64{width:16rem}.lg\:w-72{width:18rem}.lg\:w-\[240px\]{width:240px}.lg\:shrink-0{flex-shrink:0}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:gap-6{gap:var(--space-6)}.lg\:rounded-\[24px\]{border-radius:24px}.lg\:border-r{border-right-width:1px}.lg\:border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.lg\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.lg\:p-5{padding:var(--space-5)}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:pb-8{padding-bottom:2rem}.lg\:pl-72{padding-left:18rem}}@media(min-width:1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:w-\[440px\]{width:440px}.xl\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.xl\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.xl\:px-12{padding-left:3rem;padding-right:3rem}.xl\:text-\[2rem\]{font-size:2rem}}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
