@theme{--color-accent-300: #a855f7; --color-accent-400: #9333ea; --color-accent-500: #7e22ce; --color-accent-600: #581c87; --color-accent-a04: color-mix(in srgb, var(--color-accent-400) 4%, transparent); --color-accent-a08: color-mix(in srgb, var(--color-accent-400) 8%, transparent); --color-accent-a10: color-mix(in srgb, var(--color-accent-400) 10%, transparent); --color-accent-a12: color-mix(in srgb, var(--color-accent-400) 12%, transparent); --color-accent-a15: color-mix(in srgb, var(--color-accent-400) 15%, transparent); --color-accent-a20: color-mix(in srgb, var(--color-accent-400) 20%, transparent); --color-accent-a25: color-mix(in srgb, var(--color-accent-400) 25%, transparent); --color-accent-a35: color-mix(in srgb, var(--color-accent-400) 35%, transparent); --color-neutral-0: #0a0a0a; --color-neutral-50: #0e0e0e; --color-neutral-100: #141414; --color-neutral-150: #171717; --color-neutral-200: #1a1a1a; --color-neutral-250: #1f1f1f; --color-neutral-300: #212121; --color-neutral-350: #262626; --color-neutral-400: #2a2a2a; --color-neutral-500: #333; --color-neutral-600: #404040; --color-neutral-700: #525252; --color-neutral-800: #737373; --color-neutral-850: #a3a3a3; --color-neutral-900: #b3b3b3; --color-neutral-950: #d4d4d4; --color-neutral-975: #e5e5e5; --color-neutral-1000: #fafafa; --color-purple-300: #a855f7; --color-purple-400: #9333ea; --color-purple-500: #7e22ce; --color-purple-600: #581c87; --color-violet-300: #c4b5fd; --color-violet-400: #a78bfa; --color-violet-500: #8b5cf6; --color-violet-600: #7c3aed; --color-indigo-300: #a5b4fc; --color-indigo-400: #818cf8; --color-indigo-500: #6366f1; --color-indigo-600: #4f46e5; --color-blue-300: #93c5fd; --color-blue-400: #60a5fa; --color-blue-500: #3b82f6; --color-blue-600: #2563eb; --color-sky-300: #7dd3fc; --color-sky-400: #38bdf8; --color-sky-500: #0ea5e9; --color-sky-600: #0284c7; --color-teal-300: #5eead4; --color-teal-400: #2dd4bf; --color-teal-500: #14b8a6; --color-teal-600: #0d9488; --color-emerald-300: #6ee7b7; --color-emerald-400: #34d399; --color-emerald-500: #10b981; --color-emerald-600: #059669; --color-amber-300: #fcd34d; --color-amber-400: #fbbf24; --color-amber-500: #f59e0b; --color-amber-600: #d97706; --color-orange-300: #fdba74; --color-orange-400: #fb923c; --color-orange-500: #f97316; --color-orange-600: #ea580c; --color-crimson-300: #ef4444; --color-crimson-400: #dc2626; --color-crimson-500: #b91c1c; --color-crimson-600: #991b1b; --color-rose-300: #fda4af; --color-rose-400: #fb7185; --color-rose-500: #f43f5e; --color-rose-600: #e11d48; --color-pink-300: #f9a8d4; --color-pink-400: #f472b6; --color-pink-500: #ec4899; --color-pink-600: #db2777; --color-white: #fff; --color-bg-deepest: #0a0a0a; --color-bg-base: #0e0e0e; --color-bg-surface: #141414; --color-bg-elevated-1: #171717; --color-bg-elevated-2: #1a1a1a; --color-bg-elevated-3: #212121; --color-foreground: #fafafa; --color-foreground-secondary: #d4d4d4; --color-foreground-body: #b3b3b3; --color-foreground-muted: #a3a3a3; --color-foreground-subtle: #737373; --color-foreground-disabled: #525252; --color-foreground-ghost: #404040; --color-border-subtle: #1f1f1f; --color-border-default: #262626; --color-border-strong: #333; --color-border-emphasis: #404040; --color-success: #34d399; --color-warning: #fbbf24; --color-error: #dc2626; --color-info: #60a5fa; --shadow-accent-focus: 0 0 0 3px var(--color-accent-a15); --shadow-sm: 0 1px 2px #00000026, 0 2px 8px #0000001a; --shadow-md: 0 2px 4px #0003, 0 4px 16px #00000026; --shadow-lg: 0 4px 8px #00000040, 0 8px 32px #0003; --button-radius: 8px; --button-padding-y: .75rem; --button-padding-x: 1.5rem; --button-padding-y-sm: .5rem; --button-padding-x-sm: 1rem; --button-font-size: .9375rem; --button-font-size-sm: .875rem; --button-font-weight: 600; --input-bg: #141414; --input-border: #262626; --input-radius: 12px; --input-font-size: .9375rem; --input-label-size-rest: .9375rem; --input-label-size-float: 12px; --card-bg: #171717; --card-border: #262626; --card-radius: 12px; --card-padding: 1.5rem; --card-image-height: 140px; --modal-bg: #1a1a1a; --modal-border: #2a2a2a; --modal-radius: 14px; --modal-stripe-height: 3px; --modal-backdrop: #0009; --modal-blur: 4px; --dropdown-bg: #1a1a1a; --dropdown-border: #2a2a2a; --dropdown-radius: 12px; --dropdown-item-radius: 8px; --dropdown-item-padding-y: 9px; --dropdown-item-padding-x: 14px; --tooltip-bg: #171717; --tooltip-border: #2a2a2a; --tooltip-stripe-height: 2px; --tooltip-radius: 8px; --tooltip-font-size: .875rem; --toast-bg: #1a1a1a; --toast-border: #262626; --toast-stripe-width: 3px; --toast-radius: 12px; --snackbar-bg: #1a1a1a; --snackbar-border: #262626; --snackbar-radius: 12px; --snackbar-stripe-width: 3px; --snackbar-padding-y: 1rem; --snackbar-padding-x: 1rem; --snackbar-gap: .75rem; --snackbar-width: 360px; --snackbar-shadow: 0 8px 32px #0006; --snackbar-container-offset: 24px; --snackbar-container-gap: 12px; --snackbar-z-index: 9999; --badge-radius: 9999px; --badge-padding-y: 3px; --badge-padding-x: 10px; --badge-font-size: .875rem; --table-radius: 12px; --table-header-bg: #141414; --table-header-font-size: .875rem; --table-cell-padding-y: 14px; --table-cell-padding-x: 20px; --avatar-radius: 9999px; --avatar-size-xs: 24px; --avatar-size-sm: 32px; --avatar-size-md: 40px; --avatar-size-lg: 56px; --avatar-size-xl: 72px; --avatar-status-dot: 12px; --spinner-size-sm: 20px; --spinner-size-md: 32px; --spinner-size-lg: 48px; --progress-height: 6px; --progress-radius: 9999px; --progress-track-bg: #1f1f1f; --pagination-button-size: 38px; --pagination-radius: 8px; --tab-indicator-height: 4px; --tab-font-size: .9375rem; --alert-stripe-width: 3px; --alert-radius: 8px; --sidebar-width: 256px; --sidebar-width-collapsed: 64px; --sidebar-bg: #0e0e0e; --sidebar-border: #1f1f1f; --sidebar-active-bar-width: 3px; --sidebar-item-radius: 8px; --sidebar-item-padding-y: 8px; --sidebar-item-padding-x: 12px; --sidebar-item-font-size: .9375rem; --sidebar-group-font-size: .875rem; --sidebar-item-count-padding-y: 2px; --sidebar-item-count-padding-x: 8px; --sidebar-item-count-font-size: .875rem; --sidebar-item-count-bubble-size: 22px; --sidebar-item-count-bubble-padding-x: 6px; --datepicker-radius: 12px; --datepicker-day-size: 40px; --datepicker-header-font-size: .9375rem; --chip-radius: 9999px; --chip-padding-y: 4px; --chip-padding-x: 10px; --chip-font-size: .875rem; --chip-close-size: 16px; --chip-avatar-size: 20px; --fab-size: 56px; --fab-size-mini: 40px; --fab-radius: 9999px; --fab-icon-size: 24px; --rich-text-editor-toolbar-bg: #171717; --rich-text-editor-toolbar-border: #262626; --rich-text-editor-editor-bg: #141414; --rich-text-editor-radius: 12px; --rich-text-editor-btn-size: 32px; --select-radius: 12px; --select-dropdown-radius: 12px; --select-chip-gap: .5rem; --chat-msg-padding-y: .5rem; --chat-msg-padding-x: 1rem; --chat-msg-font-size: .9375rem; --chat-msg-font-size-system: .875rem; --chat-msg-max-width: 85%; --chat-msg-gap: 1.25rem; --chat-msg-tool-border: 2px; --chat-input-bg: #171717; --chat-input-border: #262626; --chat-input-radius: 16px; --chat-input-padding: 1.5rem; --chat-input-font-size: 1.0625rem; --chat-input-max-height: 200px; --list-sidebar-width: 260px; --list-sidebar-bg: #0e0e0e; --list-sidebar-border: #1f1f1f; --list-sidebar-item-padding-y: 10px; --list-sidebar-item-padding-x: 12px; --list-sidebar-item-radius: 8px; --list-sidebar-item-font-size: .875rem; --list-sidebar-group-font-size: .6875rem; --side-panel-width: 420px; --side-panel-bg: #141414; --side-panel-border: #1f1f1f; --side-panel-header-padding-y: .75rem; --side-panel-header-padding-x: 1rem; --side-panel-body-padding-y: .75rem; --side-panel-body-padding-x: 1rem; --side-panel-footer-padding-y: .75rem; --side-panel-footer-padding-x: 1rem; --side-panel-backdrop: #0009; --side-panel-blur: 4px; --font-family-body: "Geist Sans", system-ui, sans-serif; --font-family-mono: "Geist Mono", monospace; --font-family-display: "Fraunces", "Geist Sans", system-ui, serif; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-line-height-tight: 1.2; --font-line-height-snug: 1.3; --font-line-height-normal: 1.4; --font-line-height-relaxed: 1.5; --font-line-height-loose: 1.6; --font-letter-spacing-tight: -.3px; --text-xs: .875rem; --text-sm: .9375rem; --text-base: 1.0625rem; --text-lg: 1.1875rem; --text-xl: 1.375rem; --text-2xl: 1.625rem; --text-3xl: 2rem; --text-4xl: 2.5rem; --text-mono: .9375rem; --spacing-1: .25rem; --spacing-2: .5rem; --spacing-3: .75rem; --spacing-4: 1rem; --spacing-6: 1.5rem; --spacing-8: 2rem; --spacing-12: 3rem; --spacing-16: 4rem; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-full: 9999px; --duration-fast: .1s; --duration-normal: .2s; --duration-slow: .3s; --duration-slower: .5s; --easing-out: cubic-bezier(.22, 1, .36, 1); --easing-in-out: cubic-bezier(.65, 0, .35, 1); --easing-spring: cubic-bezier(.16, 1, .3, 1); --breakpoint-sm: 640px; --breakpoint-md: 768px; --breakpoint-lg: 1024px; --breakpoint-xl: 1280px; --breakpoint-2xl: 1536px;}:root{--color-accent-a04:color-mix(in srgb, var(--color-accent-400) 4%, transparent);--color-accent-a08:color-mix(in srgb, var(--color-accent-400) 8%, transparent);--color-accent-a10:color-mix(in srgb, var(--color-accent-400) 10%, transparent);--color-accent-a12:color-mix(in srgb, var(--color-accent-400) 12%, transparent);--color-accent-a15:color-mix(in srgb, var(--color-accent-400) 15%, transparent);--color-accent-a20:color-mix(in srgb, var(--color-accent-400) 20%, transparent);--color-accent-a25:color-mix(in srgb, var(--color-accent-400) 25%, transparent);--color-accent-a35:color-mix(in srgb, var(--color-accent-400) 35%, transparent);--color-neutral-0:#0a0a0a;--color-neutral-50:#0e0e0e;--color-neutral-100:#141414;--color-neutral-150:#171717;--color-neutral-200:#1a1a1a;--color-neutral-250:#1f1f1f;--color-neutral-300:#212121;--color-neutral-350:#262626;--color-neutral-400:#2a2a2a;--color-neutral-500:#333;--color-neutral-600:#404040;--color-neutral-700:#525252;--color-neutral-800:#737373;--color-neutral-850:#a3a3a3;--color-neutral-900:#b3b3b3;--color-neutral-950:#d4d4d4;--color-neutral-975:#e5e5e5;--color-neutral-1000:#fafafa;--color-purple-300:#a855f7;--color-purple-400:#9333ea;--color-purple-500:#7e22ce;--color-purple-600:#581c87;--color-violet-300:#c4b5fd;--color-violet-400:#a78bfa;--color-violet-500:#8b5cf6;--color-violet-600:#7c3aed;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-sky-300:#7dd3fc;--color-sky-400:#38bdf8;--color-sky-500:#0ea5e9;--color-sky-600:#0284c7;--color-teal-300:#5eead4;--color-teal-400:#2dd4bf;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--color-emerald-300:#6ee7b7;--color-emerald-400:#34d399;--color-emerald-500:#10b981;--color-emerald-600:#059669;--color-amber-300:#fcd34d;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-orange-300:#fdba74;--color-orange-400:#fb923c;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-crimson-300:#ef4444;--color-crimson-400:#dc2626;--color-crimson-500:#b91c1c;--color-crimson-600:#991b1b;--color-rose-300:#fda4af;--color-rose-400:#fb7185;--color-rose-500:#f43f5e;--color-rose-600:#e11d48;--color-pink-300:#f9a8d4;--color-pink-400:#f472b6;--color-pink-500:#ec4899;--color-pink-600:#db2777;--color-white:#fff;--shadow-accent-focus:0 0 0 3px var(--color-accent-a15);--shadow-sm:0 1px 2px #00000026, 0 2px 8px #0000001a;--shadow-md:0 2px 4px #0003, 0 4px 16px #00000026;--shadow-lg:0 4px 8px #00000040, 0 8px 32px #0003;--input-label-size-float:12px;--card-image-height:140px;--modal-radius:14px;--modal-stripe-height:3px;--modal-backdrop:#0009;--modal-blur:4px;--dropdown-item-padding-y:9px;--dropdown-item-padding-x:14px;--tooltip-stripe-height:2px;--toast-stripe-width:3px;--snackbar-stripe-width:3px;--snackbar-width:360px;--snackbar-shadow:0 8px 32px #0006;--snackbar-container-offset:24px;--snackbar-container-gap:12px;--snackbar-z-index:9999;--badge-padding-y:3px;--badge-padding-x:10px;--table-cell-padding-y:14px;--table-cell-padding-x:20px;--avatar-size-xs:24px;--avatar-size-sm:32px;--avatar-size-md:40px;--avatar-size-lg:56px;--avatar-size-xl:72px;--avatar-status-dot:12px;--spinner-size-sm:20px;--spinner-size-md:32px;--spinner-size-lg:48px;--progress-height:6px;--pagination-button-size:38px;--tab-indicator-height:4px;--alert-stripe-width:3px;--sidebar-width:256px;--sidebar-width-collapsed:64px;--sidebar-active-bar-width:3px;--sidebar-item-padding-y:8px;--sidebar-item-padding-x:12px;--sidebar-item-count-padding-y:2px;--sidebar-item-count-padding-x:8px;--sidebar-item-count-bubble-size:22px;--sidebar-item-count-bubble-padding-x:6px;--datepicker-day-size:40px;--chip-padding-y:4px;--chip-padding-x:10px;--chip-close-size:16px;--chip-avatar-size:20px;--fab-size:56px;--fab-size-mini:40px;--fab-icon-size:24px;--rich-text-editor-btn-size:32px;--chat-msg-max-width:85%;--chat-msg-gap:1.25rem;--chat-msg-tool-border:2px;--chat-input-max-height:200px;--list-sidebar-width:260px;--list-sidebar-item-padding-y:10px;--list-sidebar-item-padding-x:12px;--list-sidebar-group-font-size:.6875rem;--side-panel-width:420px;--side-panel-backdrop:#0009;--side-panel-blur:4px;--font-family-body:"Geist Sans", system-ui, sans-serif;--font-family-mono:"Geist Mono", monospace;--font-family-display:"Fraunces", "Geist Sans", system-ui, serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-line-height-tight:1.2;--font-line-height-snug:1.3;--font-line-height-normal:1.4;--font-line-height-relaxed:1.5;--font-line-height-loose:1.6;--font-letter-spacing-tight:-.3px;--text-xs:.875rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.1875rem;--text-xl:1.375rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-mono:.9375rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--easing-out:cubic-bezier(.22, 1, .36, 1);--easing-in-out:cubic-bezier(.65, 0, .35, 1);--easing-spring:cubic-bezier(.16, 1, .3, 1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--color-accent-300:var(--color-purple-300);--color-accent-400:var(--color-purple-400);--color-accent-500:var(--color-purple-500);--color-accent-600:var(--color-purple-600);--color-bg-deepest:var(--color-neutral-0);--color-bg-base:var(--color-neutral-50);--color-bg-surface:var(--color-neutral-100);--color-bg-elevated-1:var(--color-neutral-150);--color-bg-elevated-2:var(--color-neutral-200);--color-bg-elevated-3:var(--color-neutral-300);--color-foreground:var(--color-neutral-1000);--color-foreground-secondary:var(--color-neutral-950);--color-foreground-body:var(--color-neutral-900);--color-foreground-muted:var(--color-neutral-850);--color-foreground-subtle:var(--color-neutral-800);--color-foreground-disabled:var(--color-neutral-700);--color-foreground-ghost:var(--color-neutral-600);--color-border-subtle:var(--color-neutral-250);--color-border-default:var(--color-neutral-350);--color-border-strong:var(--color-neutral-500);--color-border-emphasis:var(--color-neutral-600);--color-success:var(--color-emerald-400);--color-warning:var(--color-amber-400);--color-error:var(--color-crimson-400);--color-info:var(--color-blue-400);--button-radius:var(--radius-md);--button-padding-y:var(--spacing-3);--button-padding-x:var(--spacing-6);--button-padding-y-sm:var(--spacing-2);--button-padding-x-sm:var(--spacing-4);--button-font-size:var(--text-sm);--button-font-size-sm:var(--text-xs);--button-font-weight:var(--font-weight-semibold);--input-radius:var(--radius-lg);--input-font-size:var(--text-sm);--input-label-size-rest:var(--text-sm);--card-radius:var(--radius-lg);--card-padding:var(--spacing-6);--modal-border:var(--color-neutral-400);--dropdown-border:var(--color-neutral-400);--dropdown-radius:var(--radius-lg);--dropdown-item-radius:var(--radius-md);--tooltip-border:var(--color-neutral-400);--tooltip-radius:var(--radius-md);--tooltip-font-size:var(--text-xs);--toast-radius:var(--radius-lg);--snackbar-radius:var(--radius-lg);--snackbar-padding-y:var(--spacing-4);--snackbar-padding-x:var(--spacing-4);--snackbar-gap:var(--spacing-3);--badge-radius:var(--radius-full);--badge-font-size:var(--text-xs);--table-radius:var(--radius-lg);--table-header-font-size:var(--text-xs);--avatar-radius:var(--radius-full);--progress-radius:var(--radius-full);--progress-track-bg:var(--color-neutral-250);--pagination-radius:var(--radius-md);--tab-font-size:var(--text-sm);--alert-radius:var(--radius-md);--sidebar-item-radius:var(--radius-md);--sidebar-item-font-size:var(--text-sm);--sidebar-group-font-size:var(--text-xs);--sidebar-item-count-font-size:var(--text-xs);--datepicker-radius:var(--radius-lg);--datepicker-header-font-size:var(--text-sm);--chip-radius:var(--radius-full);--chip-font-size:var(--text-xs);--fab-radius:var(--radius-full);--rich-text-editor-radius:var(--radius-lg);--select-radius:var(--radius-lg);--select-dropdown-radius:var(--radius-lg);--select-chip-gap:var(--spacing-2);--chat-msg-padding-y:var(--spacing-2);--chat-msg-padding-x:var(--spacing-4);--chat-msg-font-size:var(--text-sm);--chat-msg-font-size-system:var(--text-xs);--chat-input-radius:var(--radius-xl);--chat-input-padding:var(--spacing-6);--chat-input-font-size:var(--text-base);--list-sidebar-item-radius:var(--radius-md);--list-sidebar-item-font-size:var(--text-xs);--side-panel-header-padding-y:var(--spacing-3);--side-panel-header-padding-x:var(--spacing-4);--side-panel-body-padding-y:var(--spacing-3);--side-panel-body-padding-x:var(--spacing-4);--side-panel-footer-padding-y:var(--spacing-3);--side-panel-footer-padding-x:var(--spacing-4);--input-bg:var(--color-bg-surface);--input-border:var(--color-border-default);--card-bg:var(--color-bg-elevated-1);--card-border:var(--color-border-default);--modal-bg:var(--color-bg-elevated-2);--dropdown-bg:var(--color-bg-elevated-2);--tooltip-bg:var(--color-bg-elevated-1);--toast-bg:var(--color-bg-elevated-2);--toast-border:var(--color-border-default);--snackbar-bg:var(--color-bg-elevated-2);--snackbar-border:var(--color-border-default);--table-header-bg:var(--color-bg-surface);--sidebar-bg:var(--color-bg-base);--sidebar-border:var(--color-border-subtle);--rich-text-editor-toolbar-bg:var(--color-bg-elevated-1);--rich-text-editor-toolbar-border:var(--color-border-default);--rich-text-editor-editor-bg:var(--color-bg-surface);--chat-input-bg:var(--color-bg-elevated-1);--chat-input-border:var(--color-border-default);--list-sidebar-bg:var(--color-bg-base);--list-sidebar-border:var(--color-border-subtle);--side-panel-bg:var(--color-bg-surface);--side-panel-border:var(--color-border-subtle)}[data-accent=purple]{--color-accent-300:var(--color-purple-300);--color-accent-400:var(--color-purple-400);--color-accent-500:var(--color-purple-500);--color-accent-600:var(--color-purple-600)}[data-accent=violet]{--color-accent-300:var(--color-violet-300);--color-accent-400:var(--color-violet-400);--color-accent-500:var(--color-violet-500);--color-accent-600:var(--color-violet-600)}[data-accent=indigo]{--color-accent-300:var(--color-indigo-300);--color-accent-400:var(--color-indigo-400);--color-accent-500:var(--color-indigo-500);--color-accent-600:var(--color-indigo-600)}[data-accent=blue]{--color-accent-300:var(--color-blue-300);--color-accent-400:var(--color-blue-400);--color-accent-500:var(--color-blue-500);--color-accent-600:var(--color-blue-600)}[data-accent=sky]{--color-accent-300:var(--color-sky-300);--color-accent-400:var(--color-sky-400);--color-accent-500:var(--color-sky-500);--color-accent-600:var(--color-sky-600)}[data-accent=teal]{--color-accent-300:var(--color-teal-300);--color-accent-400:var(--color-teal-400);--color-accent-500:var(--color-teal-500);--color-accent-600:var(--color-teal-600)}[data-accent=emerald]{--color-accent-300:var(--color-emerald-300);--color-accent-400:var(--color-emerald-400);--color-accent-500:var(--color-emerald-500);--color-accent-600:var(--color-emerald-600)}[data-accent=amber]{--color-accent-300:var(--color-amber-300);--color-accent-400:var(--color-amber-400);--color-accent-500:var(--color-amber-500);--color-accent-600:var(--color-amber-600)}[data-accent=orange]{--color-accent-300:var(--color-orange-300);--color-accent-400:var(--color-orange-400);--color-accent-500:var(--color-orange-500);--color-accent-600:var(--color-orange-600)}[data-accent=crimson]{--color-accent-300:var(--color-crimson-300);--color-accent-400:var(--color-crimson-400);--color-accent-500:var(--color-crimson-500);--color-accent-600:var(--color-crimson-600)}[data-accent=rose]{--color-accent-300:var(--color-rose-300);--color-accent-400:var(--color-rose-400);--color-accent-500:var(--color-rose-500);--color-accent-600:var(--color-rose-600)}[data-accent=pink]{--color-accent-300:var(--color-pink-300);--color-accent-400:var(--color-pink-400);--color-accent-500:var(--color-pink-500);--color-accent-600:var(--color-pink-600)}[data-tint=purple]{--color-tint-500:var(--color-purple-500)}[data-tint=violet]{--color-tint-500:var(--color-violet-500)}[data-tint=indigo]{--color-tint-500:var(--color-indigo-500)}[data-tint=blue]{--color-tint-500:var(--color-blue-500)}[data-tint=sky]{--color-tint-500:var(--color-sky-500)}[data-tint=teal]{--color-tint-500:var(--color-teal-500)}[data-tint=emerald]{--color-tint-500:var(--color-emerald-500)}[data-tint=amber]{--color-tint-500:var(--color-amber-500)}[data-tint=orange]{--color-tint-500:var(--color-orange-500)}[data-tint=crimson]{--color-tint-500:var(--color-crimson-500)}[data-tint=rose]{--color-tint-500:var(--color-rose-500)}[data-tint=pink]{--color-tint-500:var(--color-pink-500)}@layer base{html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg-deepest);color:var(--color-foreground-body);font-family:var(--font-family-body);font-size:var(--text-base);line-height:var(--font-line-height-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.bg-grain{isolation:isolate;position:relative}.bg-grain:after{content:"";opacity:.03;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.display{font-family:var(--font-family-display);font-weight:var(--font-weight-extrabold);letter-spacing:var(--font-letter-spacing-tight);line-height:var(--font-line-height-tight);color:var(--color-foreground)}h1,h2,h3,h4{font-family:var(--font-family-body);font-weight:var(--font-weight-extrabold);letter-spacing:var(--font-letter-spacing-tight);color:var(--color-foreground);margin:0}h1{font-size:var(--text-3xl);line-height:var(--font-line-height-tight)}h2{font-size:var(--text-2xl);line-height:var(--font-line-height-snug)}h3{font-size:var(--text-xl);line-height:var(--font-line-height-snug)}h4{font-size:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-normal)}}@layer components{.btn{padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);cursor:pointer;white-space:nowrap;transition:all var(--duration-normal) var(--easing-spring);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-sm{padding:var(--button-padding-y-sm) var(--button-padding-x-sm);font-size:var(--button-font-size-sm)}.btn-icon{padding:var(--button-padding-y);aspect-ratio:1}.btn-icon.btn-sm{padding:var(--button-padding-y-sm)}.btn svg{flex-shrink:0;width:20px;height:20px}.btn-sm svg{width:16px;height:16px}.btn-icon svg{width:20px;height:20px}.btn-icon.btn-sm svg{width:16px;height:16px}.btn-primary{background:var(--color-accent-500);color:#fff}.btn-primary:hover{background:var(--color-accent-400);transform:scale(1.02)}.btn-secondary{background:var(--color-neutral-300);color:var(--color-foreground-secondary)}.btn-secondary:hover{background:var(--color-accent-a08);color:var(--color-foreground)}.btn-ghost{background:var(--color-accent-a12);color:var(--color-accent-300);border-color:var(--color-accent-a20)}.btn-ghost:hover{background:var(--color-accent-a20);border-color:var(--color-accent-a35)}.btn-danger{background:var(--color-crimson-500);color:#fff}.btn-danger:hover{background:var(--color-crimson-400)}.btn-warning{background:var(--color-amber-500);color:var(--color-neutral-100)}.btn-warning:hover{background:var(--color-amber-400)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--shadow-sm)}.card-flush{padding:0}.card-accent-top{border-top:4px solid var(--color-accent-400)}.card-accent-left{border-left:4px solid var(--color-accent-400)}.card-accent-bottom{border-bottom:4px solid var(--color-accent-400)}.card-accent-right{border-right:4px solid var(--color-accent-400)}.card-tinted-accent{background:var(--color-accent-a08);border-color:var(--color-accent-a15)}.card-tinted-accent-strong{background:var(--color-accent-a10);border-color:var(--color-accent-a20)}.card-tinted-success{background:color-mix(in srgb, var(--color-success) 8%, transparent);border-color:color-mix(in srgb, var(--color-success) 15%, transparent)}.card-tinted-success-strong{background:color-mix(in srgb, var(--color-success) 10%, transparent);border-color:color-mix(in srgb, var(--color-success) 20%, transparent)}.card-tinted-warning{background:color-mix(in srgb, var(--color-warning) 8%, transparent);border-color:color-mix(in srgb, var(--color-warning) 15%, transparent)}.card-tinted-warning-strong{background:color-mix(in srgb, var(--color-warning) 10%, transparent);border-color:color-mix(in srgb, var(--color-warning) 20%, transparent)}.card-tinted-error{background:color-mix(in srgb, var(--color-error) 8%, transparent);border-color:color-mix(in srgb, var(--color-error) 15%, transparent)}.card-tinted-error-strong{background:color-mix(in srgb, var(--color-error) 10%, transparent);border-color:color-mix(in srgb, var(--color-error) 20%, transparent)}.card-tinted-info{background:color-mix(in srgb, var(--color-info) 8%, transparent);border-color:color-mix(in srgb, var(--color-info) 15%, transparent)}.card-tinted-info-strong{background:color-mix(in srgb, var(--color-info) 10%, transparent);border-color:color-mix(in srgb, var(--color-info) 20%, transparent)}.card[data-tint]{background:color-mix(in srgb, var(--color-tint-500) 8%, transparent);border-color:color-mix(in srgb, var(--color-tint-500) 15%, transparent)}.card:has(.card-header,.card-body,.card-footer){flex-direction:column;padding:0;display:flex}.card-header{align-items:center;gap:var(--spacing-3);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;flex-shrink:0;padding:16px 24px;display:flex}.card-body{flex:1;padding:24px}.card-footer{align-items:center;gap:var(--spacing-3);border-top:1px solid var(--color-border-default);flex-wrap:wrap;flex-shrink:0;padding:16px 24px;display:flex}.card-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-foreground);letter-spacing:-.3px;margin:0}.card-actions{align-items:center;gap:var(--spacing-2);margin-left:auto;display:flex}.card-tinted-accent .card-header,.card-tinted-accent-strong .card-header{border-bottom-color:var(--color-accent-a15)}.card-tinted-accent .card-footer,.card-tinted-accent-strong .card-footer{border-top-color:var(--color-accent-a15)}.card-tinted-success .card-header,.card-tinted-success-strong .card-header{border-bottom-color:color-mix(in srgb, var(--color-success) 15%, transparent)}.card-tinted-success .card-footer,.card-tinted-success-strong .card-footer{border-top-color:color-mix(in srgb, var(--color-success) 15%, transparent)}.card-tinted-warning .card-header,.card-tinted-warning-strong .card-header{border-bottom-color:color-mix(in srgb, var(--color-warning) 15%, transparent)}.card-tinted-warning .card-footer,.card-tinted-warning-strong .card-footer{border-top-color:color-mix(in srgb, var(--color-warning) 15%, transparent)}.card-tinted-error .card-header,.card-tinted-error-strong .card-header{border-bottom-color:color-mix(in srgb, var(--color-error) 15%, transparent)}.card-tinted-error .card-footer,.card-tinted-error-strong .card-footer{border-top-color:color-mix(in srgb, var(--color-error) 15%, transparent)}.card-tinted-info .card-header,.card-tinted-info-strong .card-header{border-bottom-color:color-mix(in srgb, var(--color-info) 15%, transparent)}.card-tinted-info .card-footer,.card-tinted-info-strong .card-footer{border-top-color:color-mix(in srgb, var(--color-info) 15%, transparent)}.card[data-tint] .card-header{border-bottom-color:color-mix(in srgb, var(--color-tint-500) 15%, transparent)}.card[data-tint] .card-footer{border-top-color:color-mix(in srgb, var(--color-tint-500) 15%, transparent)}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);align-items:center;gap:var(--spacing-6);display:flex}.stat-card-accent{border-left:4px solid var(--color-accent-400)}.stat-card-success{border-left:4px solid var(--color-success)}.stat-card-warning{border-left:4px solid var(--color-warning)}.stat-card-error{border-left:4px solid var(--color-error)}.stat-card-info{border-left:4px solid var(--color-info)}.stat-card-accent-top{border-top:4px solid var(--color-accent-400)}.stat-card-success-top{border-top:4px solid var(--color-success)}.stat-card-warning-top{border-top:4px solid var(--color-warning)}.stat-card-error-top{border-top:4px solid var(--color-error)}.stat-card-info-top{border-top:4px solid var(--color-info)}.stat-card-accent-bottom{border-bottom:4px solid var(--color-accent-400)}.stat-card-success-bottom{border-bottom:4px solid var(--color-success)}.stat-card-warning-bottom{border-bottom:4px solid var(--color-warning)}.stat-card-error-bottom{border-bottom:4px solid var(--color-error)}.stat-card-info-bottom{border-bottom:4px solid var(--color-info)}.stat-card-accent-right{border-right:4px solid var(--color-accent-400)}.stat-card-success-right{border-right:4px solid var(--color-success)}.stat-card-warning-right{border-right:4px solid var(--color-warning)}.stat-card-error-right{border-right:4px solid var(--color-error)}.stat-card-info-right{border-right:4px solid var(--color-info)}.stat-card-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-icon svg{width:24px;height:24px}.stat-card-body{flex:1}.stat-card-label{font-size:var(--text-sm);color:var(--color-foreground-body)}.stat-card-value{font-size:var(--text-xl);font-weight:var(--font-weight-extrabold);color:var(--color-foreground);letter-spacing:var(--font-letter-spacing-tight);line-height:var(--font-line-height-tight)}.stat-card-trend{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:.25rem;display:flex}.stat-card-trend svg{width:16px;height:16px}.stat-card-trend-up{color:var(--color-success)}.stat-card-trend-down{color:var(--color-error)}.badge{padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;gap:.25rem;line-height:1;display:inline-flex}.badge svg{width:14px;height:14px}.badge-accent{background:var(--color-accent-a15);color:var(--color-accent-300)}.badge-success{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-emerald-400)}.badge-warning{background:color-mix(in srgb, var(--color-warning) 15%, transparent);color:var(--color-amber-400)}.badge-error{background:color-mix(in srgb, var(--color-error) 15%, transparent);color:var(--color-crimson-300)}.badge-info{background:color-mix(in srgb, var(--color-info) 15%, transparent);color:var(--color-blue-400)}.badge-neutral{background:var(--color-neutral-350);color:var(--color-foreground-muted)}.alert{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--alert-radius);font-size:var(--text-sm);color:var(--color-foreground-secondary);border:1px solid #0000;border-left:var(--alert-stripe-width) solid transparent;display:flex}.alert svg{flex-shrink:0;width:20px;height:20px}.alert-success{border-color:#10b98126;border-left-color:var(--color-success);background:#10b9810f}.alert-success svg{color:var(--color-success)}.alert-warning{border-color:#f59e0b26;border-left-color:var(--color-warning);background:#f59e0b0f}.alert-warning svg{color:var(--color-warning)}.alert-error{border-color:#dc262626;border-left-color:var(--color-error);background:#dc26260f}.alert-error svg{color:var(--color-error)}.alert-info{border-color:#3b82f626;border-left-color:var(--color-info);background:#3b82f60f}.alert-info svg{color:var(--color-info)}.toast{background:var(--toast-bg);border:1px solid var(--toast-border);border-radius:var(--toast-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-4);align-items:flex-start;gap:var(--spacing-3);display:flex}.toast-success{border-left:var(--toast-stripe-width) solid var(--color-success)}.toast-error{border-left:var(--toast-stripe-width) solid var(--color-error)}.toast-warning{border-left:var(--toast-stripe-width) solid var(--color-warning)}.toast-accent{border-left:var(--toast-stripe-width) solid var(--color-accent-400)}.toast-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-icon svg{width:14px;height:14px}.toast-title{font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.toast-body{font-size:var(--text-xs);color:var(--color-foreground-subtle)}.snackbar-container{bottom:var(--snackbar-container-offset);right:var(--snackbar-container-offset);z-index:var(--snackbar-z-index);gap:var(--snackbar-container-gap);pointer-events:none;flex-direction:column;display:flex;position:fixed}.snackbar-container-center{align-items:center;left:50%;right:auto;transform:translate(-50%)}.snackbar{pointer-events:auto;min-width:280px;max-width:var(--snackbar-width);background:var(--snackbar-bg);border:1px solid var(--snackbar-border);border-radius:var(--snackbar-radius);box-shadow:var(--snackbar-shadow);padding:var(--snackbar-padding-y) var(--snackbar-padding-x);align-items:flex-start;gap:var(--snackbar-gap);opacity:0;transition:opacity var(--duration-normal) var(--easing-spring), transform var(--duration-normal) var(--easing-spring);display:flex;transform:translate(110%)}.snackbar.open{opacity:1;transform:translate(0)}.snackbar-container-center .snackbar{transform:translateY(110%)}.snackbar-container-center .snackbar.open{transform:translateY(0)}.snackbar-success{border-left:var(--snackbar-stripe-width) solid var(--color-success)}.snackbar-error{border-left:var(--snackbar-stripe-width) solid var(--color-error)}.snackbar-warning{border-left:var(--snackbar-stripe-width) solid var(--color-warning)}.snackbar-info{border-left:var(--snackbar-stripe-width) solid var(--color-info)}.snackbar-accent{border-left:var(--snackbar-stripe-width) solid var(--color-accent-400)}.snackbar-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.snackbar-icon svg{width:14px;height:14px}.snackbar-content{flex:1;min-width:0}.snackbar-title{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.snackbar-body{font-size:var(--text-sm);color:var(--color-foreground-subtle);margin-top:2px}.snackbar-action{color:var(--color-accent-300);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;margin-top:var(--spacing-2);background:0 0;border:none;padding:0}.snackbar-action:hover{color:var(--color-accent-400)}.snackbar-dismiss{color:var(--color-foreground-subtle);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast);background:0 0;border:none;flex-shrink:0;padding:2px}.snackbar-dismiss:hover{color:var(--color-foreground)}.snackbar-dismiss svg{width:16px;height:16px}.table-wrap{border:1px solid var(--color-border-subtle);border-radius:var(--table-radius);overflow:auto hidden}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead{background:var(--table-header-bg)}.table th{text-align:left;padding:var(--table-cell-padding-y) var(--table-cell-padding-x);font-size:var(--table-header-font-size);font-weight:var(--font-weight-semibold);color:var(--color-foreground-disabled);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-subtle)}.table td{padding:var(--table-cell-padding-y) var(--table-cell-padding-x)}.table tbody tr{border-top:1px solid var(--color-border-subtle);transition:background var(--duration-fast)}.table tbody tr:first-child{border-top:none}.table tbody tr:hover{background:var(--color-accent-a04)}.modal-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(var(--modal-blur));backdrop-filter:blur(var(--modal-blur));z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{z-index:201;background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:var(--modal-radius);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.modal-description{padding:0 var(--spacing-6) var(--spacing-3);color:var(--color-foreground-subtle);font-size:var(--text-sm);line-height:var(--font-line-height-loose);margin:0}.modal-sm{width:360px}.modal-md{width:500px}.modal-lg{width:680px}.modal-stripe{height:var(--modal-stripe-height);background:linear-gradient(90deg, var(--color-accent-500), transparent)}.modal-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--font-weight-extrabold);color:var(--color-foreground);letter-spacing:var(--font-letter-spacing-tight)}.modal-body{padding:var(--spacing-6)}.modal-footer{justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border-subtle);display:flex}.tooltip{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-top:var(--tooltip-stripe-height) solid var(--color-accent-400);border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);color:var(--color-foreground-secondary);box-shadow:var(--shadow-md);white-space:nowrap;z-index:50;padding:.5rem .875rem}.dropdown{background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:var(--dropdown-radius);box-shadow:var(--shadow-md);z-index:50;padding:6px;overflow:hidden}.dropdown-item{justify-content:space-between;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);border-radius:var(--dropdown-item-radius);font-size:var(--text-sm);color:var(--color-foreground-secondary);cursor:pointer;transition:background var(--duration-fast);text-align:left;background:0 0;border:none;display:flex}.dropdown-item:hover,.dropdown-item-active{background:var(--color-accent-a08)}.dropdown-item-active{color:var(--color-foreground)}.dropdown-item-danger{color:var(--color-crimson-300)}.dropdown-item-danger:hover{background:#dc262614}.dropdown-item svg{flex-shrink:0;width:16px;height:16px}.dropdown-divider{background:var(--color-border-subtle);height:1px;margin:6px var(--spacing-3)}.avatar{border-radius:var(--avatar-radius);font-weight:var(--font-weight-bold);color:#fff;background:linear-gradient(135deg, var(--color-accent-500), var(--color-accent-300));flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-xs{width:var(--avatar-size-xs);height:var(--avatar-size-xs);font-size:10px}.avatar-sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm);font-size:12px}.avatar-md{width:var(--avatar-size-md);height:var(--avatar-size-md);font-size:15px}.avatar-lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg);font-size:20px}.avatar-xl{width:var(--avatar-size-xl);height:var(--avatar-size-xl);font-size:26px}.chip{padding:var(--chip-padding-y) var(--chip-padding-x);border-radius:var(--chip-radius);font-size:var(--chip-font-size);font-weight:var(--font-weight-medium);align-items:center;gap:6px;display:inline-flex}.chip-accent{background:var(--color-accent-a15);color:var(--color-accent-300)}.chip-neutral{background:var(--color-neutral-350);color:var(--color-foreground-muted)}.chip-close{width:var(--chip-close-size);height:var(--chip-close-size);border-radius:var(--radius-full);cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chip-close:hover{background:var(--color-accent-a25)}.chip-close svg{width:12px;height:12px}.input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--input-font-size);color:var(--color-foreground);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none}.input:focus{border-color:var(--color-accent-400);box-shadow:0 0 0 3px var(--color-accent-a15)}.input::placeholder{color:var(--color-foreground-disabled)}.input-float{position:relative}.input-float .input{padding-top:1.75rem;padding-bottom:.5rem}.input-float label{left:var(--spacing-4);font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:.05em;color:var(--color-foreground-subtle);pointer-events:none;transition:all var(--duration-fast);position:absolute;top:.5rem}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:var(--spacing-3);overflow-y:auto}.sidebar-item{align-items:center;gap:var(--spacing-3);padding:var(--sidebar-item-padding-y) var(--sidebar-item-padding-x);border-radius:var(--sidebar-item-radius);font-size:var(--sidebar-item-font-size);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);text-decoration:none;display:flex;position:relative}.sidebar-item:hover{color:var(--color-foreground-muted);background:var(--color-accent-a04)}.sidebar-item svg{flex-shrink:0;width:20px;height:20px}.sidebar-item-active{color:var(--color-accent-300);background:var(--color-accent-a10);font-weight:var(--font-weight-semibold)}.sidebar-item-count{padding:var(--sidebar-item-count-padding-y) var(--sidebar-item-count-padding-x);border-radius:var(--radius-full);background:var(--color-neutral-350);color:var(--color-foreground-muted);font-size:var(--sidebar-item-count-font-size);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;line-height:1;display:inline-flex}.sidebar-item-count-accent,.sidebar-item-active .sidebar-item-count{background:var(--color-accent-a15);color:var(--color-accent-300)}.sidebar-collapsed .sidebar-item-count,.sidebar-icon-only .sidebar-item-count{min-width:var(--sidebar-item-count-bubble-size);height:var(--sidebar-item-count-bubble-size);padding:0 var(--sidebar-item-count-bubble-padding-x);background:var(--color-accent-a15);color:var(--color-accent-300);margin-left:0;position:absolute;top:2px;right:2px}.sidebar-group-label{font-size:var(--sidebar-group-font-size);font-weight:var(--font-weight-bold);color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-2) var(--sidebar-item-padding-x)}.sidebar-collapsed{width:var(--sidebar-width-collapsed);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:var(--spacing-3) 0;flex-direction:column;align-items:center;display:flex;overflow-y:auto}.sidebar-collapsed .sidebar-item{padding:var(--spacing-3) var(--spacing-2);text-align:center;border-radius:var(--radius-lg);flex-direction:column;gap:.25rem;width:56px;font-size:.6875rem}.sidebar-collapsed .sidebar-item svg{width:20px;height:20px}.sidebar-collapsed .sidebar-group-label{display:none}.sidebar-icon-only{width:var(--sidebar-width-collapsed);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:var(--spacing-3) 0;align-items:center;gap:var(--spacing-1);flex-direction:column;display:flex;overflow-y:auto}.sidebar-icon-only .sidebar-item{padding:var(--spacing-3);border-radius:var(--radius-lg);justify-content:center;gap:0;width:44px;height:44px;font-size:0}.sidebar-icon-only .sidebar-item svg{width:20px;height:20px}.sidebar-icon-only .sidebar-group-label{display:none}.sidebar-drawer{z-index:50;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);width:260px;padding:var(--spacing-3);transition:transform var(--duration-slow) var(--easing-out);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-drawer.open{transform:translate(0)}.sidebar-backdrop{z-index:40;opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--easing-out);background:#00000080;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.mobile-topbar{z-index:40;padding:var(--spacing-3) var(--spacing-4);background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.hamburger{padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--color-foreground-subtle);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.hamburger:hover{color:var(--color-foreground-body);background:var(--color-accent-a04)}.hamburger svg{width:20px;height:20px}.mobile-nav{z-index:40;padding:var(--spacing-2) 0;background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{padding:var(--spacing-2) 0;min-height:44px;color:var(--color-foreground-subtle);font-size:.6875rem;font-weight:var(--font-weight-medium);transition:color var(--duration-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.125rem;text-decoration:none;display:flex}.mobile-nav-item:hover{color:var(--color-foreground-muted)}.mobile-nav-item-active{color:var(--color-accent-300)}.mobile-nav-item svg{width:20px;height:20px}.tab-list{border-bottom:1px solid var(--color-border-subtle);display:flex}.tab{padding:var(--spacing-2) var(--spacing-4);font-size:var(--tab-font-size);font-weight:var(--font-weight-semibold);color:var(--color-foreground-ghost);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;position:relative}.tab:hover{color:var(--color-foreground-muted)}.tab svg{flex-shrink:0;width:20px;height:20px}.tab-active{color:var(--color-foreground)}.tab-active:after{content:"";height:var(--tab-indicator-height);border-radius:var(--radius-full);background:var(--color-accent-400);box-shadow:0 2px 12px var(--color-accent-a25);position:absolute;bottom:-1px;left:6px;right:6px}.seg-control{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);align-items:center;gap:4px;padding:4px;display:inline-flex}.seg-btn{height:36px;padding:0 var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:none}.seg-btn:hover{color:var(--color-foreground-muted)}.seg-btn-active{background:var(--color-neutral-300);color:var(--color-foreground)}.progress{height:var(--progress-height);background:var(--progress-track-bg);border-radius:var(--progress-radius);overflow:hidden}.progress-bar{border-radius:var(--progress-radius);background:linear-gradient(90deg, var(--color-accent-500), var(--color-accent-300));height:100%;transition:width var(--duration-slow) var(--easing-out)}.progress-bar-success{background:linear-gradient(90deg, var(--color-success), var(--color-emerald-300))}.progress-bar-error{background:linear-gradient(90deg, var(--color-error), var(--color-crimson-300))}.fab{width:var(--fab-size);height:var(--fab-size);border-radius:var(--fab-radius);background:var(--color-accent-500);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--easing-spring);border:none;justify-content:center;align-items:center;display:flex}.fab:hover{background:var(--color-accent-400);transform:scale(1.02)}.fab:active{transform:scale(.98)}.fab svg{width:var(--fab-icon-size);height:var(--fab-icon-size)}.fab-mini{width:var(--fab-size-mini);height:var(--fab-size-mini)}.fab-mini svg{width:20px;height:20px}.fab-extended{width:auto;padding:0 var(--spacing-6);gap:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.fab-extended svg{width:20px;height:20px}.pagination{align-items:center;gap:4px;display:flex}.page-btn{width:var(--pagination-button-size);height:var(--pagination-button-size);border-radius:var(--pagination-radius);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.page-btn:hover{background:var(--color-accent-a04);color:var(--color-foreground-muted)}.page-btn:focus-visible{box-shadow:var(--shadow-accent-focus);outline:none}.page-btn:disabled,.page-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.page-btn svg{width:16px;height:16px}.page-btn-active{background:var(--color-accent-500);color:#fff}.page-btn-arrow{color:var(--color-foreground-ghost)}.page-btn-arrow:hover{color:var(--color-foreground)}.page-btn-ellipsis{color:var(--color-foreground-ghost);cursor:default;pointer-events:none;background:0 0}.load-more{align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.load-more-count{font-size:var(--text-sm);color:var(--color-foreground-subtle)}.load-more-btn{min-width:140px}.spinner{border-radius:var(--radius-full);border:3px solid var(--color-neutral-400);border-top-color:var(--color-accent-400);animation:.8s linear infinite spin}.spinner-sm{width:var(--spinner-size-sm);height:var(--spinner-size-sm);border-width:2px}.spinner-md{width:var(--spinner-size-md);height:var(--spinner-size-md)}.spinner-lg{width:var(--spinner-size-lg);height:var(--spinner-size-lg);border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.accordion{border-radius:var(--card-radius);overflow:hidden}.accordion-item{border-bottom:1px solid var(--card-border)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{align-items:center;gap:var(--spacing-4);width:100%;padding:var(--spacing-6);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);cursor:pointer;text-align:left;transition:background var(--duration-fast);background:0 0;border:none;display:flex}.accordion-trigger:hover{background:var(--color-accent-a04)}.accordion-body{padding:0 var(--spacing-6) var(--spacing-6);font-size:var(--text-sm);color:var(--color-foreground-body);line-height:var(--font-line-height-loose)}.divider{background:var(--color-border-subtle);height:1px}.divider-accent{background:linear-gradient(90deg, var(--color-accent-a25), var(--color-border-subtle), transparent)}.empty-state{border:1px dashed var(--color-border-default);border-radius:var(--card-radius);padding:var(--spacing-12);text-align:center}.empty-state-icon{width:48px;height:48px;margin:0 auto var(--spacing-4);color:var(--color-foreground-ghost)}.empty-state-title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-foreground-secondary);margin-bottom:var(--spacing-2)}.empty-state-body{font-size:var(--text-sm);color:var(--color-foreground-body);max-width:320px;margin:0 auto var(--spacing-6)}.timeline{padding-left:32px;position:relative}.timeline__line{background:var(--color-border-default);width:2px;position:absolute;top:8px;bottom:8px;left:11px}.timeline__item{padding-bottom:var(--spacing-8);position:relative}.timeline__icon{border-radius:var(--radius-full);z-index:1;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:2px;left:-32px}.timeline__icon svg{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.timeline__icon--accent{background:var(--color-accent-500)}.timeline__icon--success{background:var(--color-success)}.timeline__icon--warning{background:var(--color-warning)}.timeline__icon--info{background:var(--color-info)}.timeline__icon--error{background:var(--color-error)}.timeline__title{color:var(--color-foreground);font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.timeline__time{color:var(--color-foreground-subtle);font-size:var(--text-xs);margin-bottom:8px}.timeline__card{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-foreground-body);font-size:var(--text-sm);padding:12px}.timeline--compact{padding-left:24px}.timeline--compact .timeline__line{left:7px}.timeline--compact .timeline__item{padding-bottom:var(--spacing-6)}.timeline__dot{border-radius:var(--radius-full);background:var(--color-neutral-600);border:3px solid var(--color-bg-elevated-1);z-index:1;width:16px;height:16px;position:absolute;top:6px;left:-24px}.timeline__dot--accent{background:var(--color-accent-500)}.code-block{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);position:relative;overflow:hidden}.code-block-header{background:var(--color-bg-elevated-3);border-bottom:1px solid var(--color-border-subtle);font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--color-foreground-subtle);padding:10px 16px}.code-block pre{font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-foreground);margin:0;padding:20px 20px 20px 0;line-height:1.5;overflow-x:auto}.line-number{text-align:right;min-width:32px;color:var(--color-foreground-ghost);-webkit-user-select:none;user-select:none;padding-right:16px;display:inline-block}.token-keyword{color:var(--color-accent-300)}.token-string{color:var(--color-emerald-300)}.token-punct{color:var(--color-foreground-ghost)}.token-subtle{color:var(--color-foreground-subtle)}.token-comment{color:var(--color-foreground-subtle);font-style:italic}.code-block-copy{background:var(--color-bg-elevated-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-foreground-subtle);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:12px}.code-block-copy:hover{background:var(--color-neutral-400);color:var(--color-foreground)}.code-block-copy.copied{color:var(--color-success)}.code-block-copy svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.code-block.has-header .code-block-copy{top:48px}.breadcrumb{flex-wrap:wrap;align-items:center;gap:0;display:inline-flex}.breadcrumb-link{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);transition:color var(--duration-fast);text-decoration:none}.breadcrumb-link:hover{color:var(--color-foreground-body);text-decoration:underline}.breadcrumb-link:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px;border-radius:2px}.breadcrumb-link--icon{align-items:center;gap:4px;display:inline-flex}.breadcrumb-link--icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.breadcrumb-sep{color:var(--color-foreground-ghost);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;margin:0 8px}.breadcrumb-current{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-300);cursor:default}.stepper{align-items:flex-start;gap:0;display:flex}.stepper-step{flex-direction:column;flex:1;align-items:center;display:flex}.stepper-step:not(:last-child){position:relative}.stepper-step:not(:last-child):after{content:"";background:var(--color-border-strong);height:2px;position:absolute;top:15px;left:calc(50% + 16px);right:calc(16px - 50%)}.stepper-step.completed:after,.stepper-step.current:after{background:var(--color-accent-500)}.stepper-circle{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);z-index:1;background:var(--color-bg-surface);border:2px solid;justify-content:center;align-items:center;display:flex;position:relative}.stepper-step.completed .stepper-circle{background:var(--color-accent-500);border-color:var(--color-accent-500);color:#fff}.stepper-step.completed .stepper-circle svg{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.stepper-step.current .stepper-circle{background:var(--color-accent-a15);border-color:var(--color-accent-400);color:var(--color-accent-300);animation:2s ease-out infinite stepper-pulse}@keyframes stepper-pulse{0%{box-shadow:0 0 0 0 var(--color-accent-a25)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.stepper-step.upcoming .stepper-circle{border-color:var(--color-border-strong);color:var(--color-foreground-disabled);background:0 0}.stepper-label{font-size:var(--text-xs);text-align:center;margin-top:8px}.stepper-step.completed .stepper-label{color:var(--color-foreground-subtle)}.stepper-step.current .stepper-label{color:var(--color-foreground);font-weight:var(--font-weight-semibold)}.stepper-step.upcoming .stepper-label{color:var(--color-foreground-disabled)}.radio-input{opacity:0;width:0;height:0;position:absolute}.radio-label{cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-body);transition:color var(--duration-fast);align-items:center;gap:10px;display:inline-flex}.radio-group{flex-direction:column;gap:12px;display:flex}.radio-group.horizontal{flex-direction:row;gap:24px}.radio-circle{border-radius:var(--radius-full);border:2px solid var(--color-border-strong);background:var(--color-bg-surface);width:20px;height:20px;transition:background var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.radio-label:hover .radio-circle{border-color:var(--color-border-emphasis)}.radio-dot{border-radius:var(--radius-full);background:var(--color-accent-500);opacity:0;width:8px;height:8px;transition:opacity var(--duration-fast), transform var(--duration-fast) ease-out;transform:scale(0)}.radio-input:checked+.radio-circle{background:var(--color-accent-a15);border-color:var(--color-accent-400)}.radio-input:checked+.radio-circle .radio-dot{opacity:1;transform:scale(1)}.radio-input:focus-visible+.radio-circle{box-shadow:var(--shadow-accent-focus)}.radio-input:disabled+.radio-circle{opacity:.45;cursor:not-allowed}.radio-input:disabled~*{color:var(--color-foreground-disabled);cursor:not-allowed}.drop-zone{background:var(--color-bg-elevated-1);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast), box-shadow var(--duration-fast);padding:40px 24px}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--color-accent-400);background:var(--color-accent-a15)}.drop-zone:focus-visible{box-shadow:var(--shadow-accent-focus);outline:none}.drop-zone-icon{color:var(--color-foreground-disabled);margin-bottom:12px}.drop-zone-icon svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px}.drop-zone-text{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground-body);margin-bottom:6px}.drop-zone-hint{font-size:var(--text-xs);color:var(--color-foreground-disabled)}.drop-zone--compact{padding:20px 24px}.drop-zone--compact .drop-zone-icon svg{width:28px;height:28px}.file-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.file-item{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 14px;display:flex}.file-item-icon{color:var(--color-foreground-subtle);flex-shrink:0;display:flex}.file-item-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:20px;height:20px}.file-item-info{flex:1;min-width:0}.file-item-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-item-size{font-size:var(--text-xs);color:var(--color-foreground-subtle)}.file-item-progress{background:var(--color-border-subtle);border-radius:var(--radius-full);height:4px;margin-top:6px;overflow:hidden}.file-item-progress-fill{background:var(--color-accent-500);border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) ease-out}.file-item-remove{color:var(--color-foreground-subtle);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast);background:0 0;border:none;flex-shrink:0;padding:4px;display:flex}.file-item-remove:hover{color:var(--color-error)}.file-item-remove svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.cmd-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;animation:fade-in var(--duration-normal) ease-out;background:#000000a6;position:fixed;inset:0}.command-palette{background:var(--color-bg-elevated-2);border:1px solid var(--color-neutral-400);border-radius:var(--radius-lg);z-index:501;width:100%;max-width:600px;animation:cmd-in var(--duration-normal) ease-out;position:fixed;top:20%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 48px #0009}@keyframes cmd-in{0%{opacity:0;transform:translate(-50%)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.command-palette-input-wrap{border-bottom:1px solid var(--color-border-default);align-items:center;gap:12px;padding:14px 16px;display:flex}.command-palette-input-wrap svg{width:18px;height:18px;stroke:var(--color-foreground-subtle);fill:none;stroke-width:2px;flex-shrink:0}.command-palette-input{font-size:var(--text-base);color:var(--color-foreground);background:0 0;border:none;outline:none;flex:1}.command-palette-input::placeholder{color:var(--color-foreground-disabled)}.command-palette-results{max-height:400px;padding:8px 0;overflow-y:auto}.command-palette-group-label{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:.5px;padding:8px 14px 4px}.command-palette-item{cursor:pointer;transition:background var(--duration-fast);align-items:center;gap:12px;padding:10px 14px;display:flex}.command-palette-item svg{width:18px;height:18px;stroke:var(--color-foreground-subtle);fill:none;stroke-width:2px;flex-shrink:0}.command-palette-item:hover,.command-palette-item:focus{background:var(--color-accent-a15);outline:none}.command-palette-item:hover .command-palette-item-label,.command-palette-item:focus .command-palette-item-label{color:var(--color-foreground)}.command-palette-item-label{font-size:var(--text-sm);color:var(--color-foreground-body);flex:1}.command-palette-kbd{font-family:var(--font-family-mono);color:var(--color-foreground-subtle);background:var(--color-neutral-350);border-radius:var(--radius-sm);white-space:nowrap;padding:3px 7px;font-size:12px}.command-palette-divider{background:var(--color-neutral-350);height:1px;margin:4px 0}.slider-wrap{align-items:center;gap:0;display:flex}.slider-min,.slider-max{font-size:var(--text-xs);color:var(--color-foreground-subtle);white-space:nowrap}.slider-min{margin-right:10px}.slider-max{margin-left:10px}.slider-value-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-400);text-align:right;min-width:32px;margin-left:12px}.slider{appearance:none;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(to right, var(--color-accent-500) 0%, var(--color-accent-500) var(--fill,40%), var(--color-border-default) var(--fill,40%), var(--color-border-default) 100%);outline:none;flex:1;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-full);background:var(--color-accent-500);border:2px solid var(--color-accent-400);cursor:pointer;width:18px;height:18px;transition:background var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast)}.slider::-webkit-slider-thumb:hover{background:var(--color-accent-400);transform:scale(1.1)}.slider:active::-webkit-slider-thumb{background:var(--color-accent-600);box-shadow:0 0 0 6px var(--color-accent-a15)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-accent-focus)}.slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-accent-500);border:2px solid var(--color-accent-400);cursor:pointer;width:18px;height:18px;transition:background var(--duration-fast), box-shadow var(--duration-fast)}.slider::-moz-range-progress{background:var(--color-accent-500);border-radius:var(--radius-full);height:6px}.slider::-moz-range-track{background:var(--color-border-default);border-radius:var(--radius-full);height:6px}.slider:disabled{cursor:not-allowed;opacity:.45}.datepicker-input-wrap{align-items:center;display:flex;position:relative}.datepicker-icon{color:var(--color-foreground-subtle);pointer-events:none;display:flex;position:absolute;right:14px}.datepicker-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.datepicker-calendar{background:var(--color-bg-elevated-2);border:1px solid var(--color-neutral-400);border-radius:var(--radius-lg);animation:dp-in var(--duration-normal) ease-out;margin-top:4px;padding:12px}@keyframes dp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.datepicker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.datepicker-month-label{font-weight:var(--font-weight-extrabold);font-size:var(--text-base);color:var(--color-foreground)}.datepicker-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.datepicker-weekdays span{font-size:var(--text-xs);color:var(--color-foreground-subtle);font-weight:var(--font-weight-semibold)}.datepicker-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker-day{width:var(--datepicker-day-size);height:var(--datepicker-day-size);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-foreground-muted);cursor:pointer;transition:background var(--duration-fast);justify-content:center;align-items:center;display:inline-flex}.datepicker-day:hover{background:#ffffff0d}.datepicker-day.today,.datepicker-day.selected{background:var(--color-accent-500);color:#fff}.datepicker-day.in-range{background:var(--color-accent-a15);color:var(--color-foreground);border-radius:0}.datepicker-day.range-start,.datepicker-day.range-end{background:var(--color-accent-500);color:#fff;border-radius:var(--radius-full)}.datepicker-day.empty{cursor:default}.datepicker-range-wrap{align-items:center;gap:12px;display:flex}.datepicker-range-wrap .datepicker-input-wrap{flex:1}.datepicker-range-arrow{color:var(--color-foreground-subtle);flex-shrink:0;display:flex}.datepicker-range-arrow svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.kbd{background:var(--color-neutral-350);color:var(--color-foreground-subtle);font-family:var(--font-family-mono);border-radius:var(--radius-sm);align-items:center;padding:2px 6px;font-size:12px;display:inline-flex}.search-pill{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-foreground-disabled);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast);align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.search-pill:hover{border-color:var(--color-border-strong);color:var(--color-foreground-subtle)}.search-pill .kbd{margin-left:auto}.search-bar{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);align-items:center;display:flex;position:relative}.search-bar-icon{color:var(--color-foreground-disabled);display:flex;position:absolute;left:12px}.search-bar-input{width:100%;font-size:var(--text-sm);color:var(--color-foreground);background:0 0;border:none;outline:none;padding:10px 14px 10px 40px}.search-bar:focus-within{border-color:var(--color-accent-400);box-shadow:var(--shadow-accent-focus)}.search-results{background:var(--color-bg-elevated-2);border:1px solid var(--color-neutral-400);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:100;border-top:none;padding:8px 0;position:absolute;top:100%;left:-1px;right:-1px}.search-section-label{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:.5px;padding:6px 14px 4px}.search-result-item{cursor:pointer;transition:background var(--duration-fast);align-items:center;gap:10px;padding:9px 14px;display:flex}.search-result-item:hover{background:var(--color-accent-a15);color:var(--color-foreground)}.search-result-meta{color:var(--color-foreground-subtle);margin-left:auto;font-size:12px}.search-divider{background:var(--color-neutral-350);height:1px;margin:4px 0}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.swatch{border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;transition:transform var(--duration-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.swatch:hover{transform:scale(1.1)}.swatch--selected{box-shadow:0 0 0 2px var(--color-bg-base), 0 0 0 4px var(--color-foreground)}.swatch .check{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #00000080);width:16px;height:16px}.swatch:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px}.color-picker-extended{flex-direction:column;gap:12px;display:flex}.color-group-label{font-size:var(--text-xs);color:var(--color-foreground-ghost);margin-bottom:4px}.color-group-swatches{flex-wrap:wrap;gap:6px;display:flex}.color-group-swatches .swatch{border-radius:var(--radius-md);width:32px;height:32px}.cal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cal-title{font-size:var(--text-lg);font-weight:var(--font-weight-extrabold);color:var(--color-foreground);letter-spacing:var(--font-letter-spacing-tight)}.cal-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.cal-weekdays span{color:var(--color-foreground-subtle);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-day{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-xs);color:var(--color-foreground-muted);cursor:pointer;transition:background var(--duration-fast);flex-direction:column;justify-content:center;align-items:center;display:flex}.cal-day:hover{background:#ffffff0d}.cal-day.today{background:var(--color-accent-500);color:#fff}.cal-day.selected{background:var(--color-accent-a15);color:var(--color-foreground)}.cal-day.empty{cursor:default}.cal-day.has-event:after{content:"";border-radius:var(--radius-full);background:var(--color-accent-400);width:4px;height:4px;margin-top:2px;display:block}.cal-event-card{background:var(--color-bg-elevated-2);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px;display:flex}.cal-event-card--accent{border-left:3px solid var(--color-accent-400)}.cal-event-card--success{border-left:3px solid var(--color-success)}.cal-event-card--warning{border-left:3px solid var(--color-warning)}.cal-event-title{font-weight:var(--font-weight-semibold);color:var(--color-foreground);font-size:var(--text-sm)}.cal-event-time{color:var(--color-foreground-subtle);font-size:var(--text-xs)}.cal-week-grid{grid-template-columns:60px repeat(7,1fr);gap:1px;display:grid}.cal-week-cell{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);min-height:48px;padding:4px}.cal-event-block{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:4px 8px}.cal-event-block--accent{background:var(--color-accent-a15);border-left:3px solid var(--color-accent-400);color:var(--color-accent-300)}.cal-event-block--success{border-left:3px solid var(--color-success);color:var(--color-success);background:#10b9811f}.cal-event-block--warning{border-left:3px solid var(--color-warning);color:var(--color-warning);background:#f59e0b1f}.select{align-items:center;gap:var(--select-chip-gap);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--select-radius);cursor:pointer;min-height:48px;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:8px 12px;display:flex;position:relative}.select--multi{flex-wrap:wrap}.select:hover{border-color:var(--color-border-strong)}.select.open{border-color:var(--color-accent-400);box-shadow:var(--shadow-accent-focus)}.select-value{font-size:var(--text-sm);color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-value--empty{color:var(--color-foreground-disabled)}.select-chevron{color:var(--color-foreground-subtle);transition:transform var(--duration-normal);margin-left:auto;display:flex}.select.open .select-chevron{transform:rotate(180deg)}.select-chevron svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.select-count{font-size:var(--text-xs);color:var(--color-foreground-subtle)}.select-dropdown{background:var(--color-bg-elevated-2);border:1px solid var(--color-neutral-400);border-radius:var(--select-dropdown-radius);z-index:100;max-height:320px;animation:select-in var(--duration-normal) ease-out;margin-top:4px;overflow-y:auto}@keyframes select-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-search{border-bottom:1px solid var(--color-border-default)}.select-search input{width:100%;font-size:var(--text-sm);color:var(--color-foreground);background:0 0;border:none;outline:none;padding:10px 14px}.select-search input::placeholder{color:var(--color-foreground-disabled)}.select-actions{border-bottom:1px solid var(--color-border-default);justify-content:space-between;padding:8px 14px;display:flex}.select-action-link{font-size:var(--text-xs);color:var(--color-accent-400);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none}.select-action-link:hover{color:var(--color-accent-300)}.select-group-label{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:.5px;padding:8px 14px 4px}.select-option{cursor:pointer;color:var(--color-foreground-body);transition:background var(--duration-fast), color var(--duration-fast);align-items:center;gap:10px;padding:9px 14px;display:flex}.select-option:hover{background:var(--color-accent-a15);color:var(--color-foreground)}.select-option[aria-disabled=true]{color:var(--color-foreground-disabled);cursor:not-allowed}.select-option[aria-disabled=true]:hover{color:var(--color-foreground-disabled);background:0 0}.select-check{color:var(--color-accent-400);margin-left:auto;display:none}.select-option[aria-selected=true] .select-check{display:inline-flex}.select-check svg{stroke:currentColor;fill:none;stroke-width:2.5px;width:16px;height:16px}.select-checkbox{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.select-checkbox.checked{background:var(--color-accent-500)}.select-checkbox.checked svg{stroke:#fff;fill:none;stroke-width:2.5px;width:11px;height:11px}.select-checkbox.unchecked{background:var(--color-border-subtle);border:1px solid var(--color-border-emphasis)}.select-empty{text-align:center;color:var(--color-foreground-disabled);font-size:var(--text-sm);padding:24px 14px}.segmented-control{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.segmented-btn{border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:7px 16px;display:inline-flex}.segmented-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.segmented-btn:hover:not(.active){color:var(--color-foreground-body);background:#ffffff08}.segmented-btn.active{background:var(--color-bg-elevated-3);color:var(--color-foreground);font-weight:var(--font-weight-semibold);border-color:var(--color-border-strong)}.segmented-control.accent .segmented-btn.active{background:var(--color-accent-a20);color:var(--color-accent-300);border-color:var(--color-accent-400)}.segmented-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent-400);outline:none}.segmented-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.accordion-header{width:100%;color:var(--color-foreground);font-size:var(--text-base);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;transition:background var(--duration-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.accordion-header:hover{background:#ffffff05}.accordion-header:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent-400);outline:none}.accordion-chevron{width:20px;height:20px;stroke:var(--color-foreground-subtle);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-normal) ease-in-out;flex-shrink:0}.accordion-item.open .accordion-chevron{transform:rotate(180deg)}.accordion-item.open .accordion-body{max-height:500px}.accordion-body-inner{color:var(--color-foreground-body);font-size:var(--text-sm);padding:0 20px 16px;line-height:1.6}.divider-compact{margin:8px 0}.divider-spacious{margin:32px 0}.divider-label{font-size:var(--text-xs);color:var(--color-foreground-subtle);font-weight:var(--font-weight-semibold);align-items:center;margin:16px 0;display:flex}.divider-label:before,.divider-label:after{content:"";background:var(--color-border-default);flex:1;height:1px}.divider-label:before{margin-right:16px}.divider-label:after{margin-left:16px}.divider-label-left{font-size:var(--text-xs);color:var(--color-foreground-subtle);font-weight:var(--font-weight-semibold);align-items:center;margin:16px 0;display:flex}.divider-label-left:after{content:"";background:var(--color-border-default);flex:1;height:1px;margin-left:12px}.empty-state__icon{opacity:.2;color:var(--color-foreground);flex-shrink:0;margin-bottom:20px}.empty-state__title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-foreground-secondary);margin-bottom:8px}.empty-state__desc{font-size:var(--text-sm);color:var(--color-foreground-body);max-width:360px;margin-bottom:24px;line-height:1.6}.error-page{min-height:100vh;padding:var(--spacing-8);justify-content:center;align-items:center;display:flex}.error-page__content{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:480px;display:flex}.error-page__number{font-size:clamp(80px,15vw,160px);font-weight:var(--font-weight-extrabold);letter-spacing:-2px;background:linear-gradient(135deg, var(--color-neutral-350), var(--color-neutral-600));-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;line-height:1}.error-page__title{font-size:var(--text-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-foreground);letter-spacing:var(--font-letter-spacing-tight)}.error-page__desc{font-size:var(--text-base);color:var(--color-foreground-body);max-width:420px;line-height:1.6}.error-page__actions{gap:12px;margin-top:8px;display:flex}.error-page__icon-container{padding:var(--spacing-6);border-radius:var(--radius-lg);background:#b91c1c14;border:1px solid #b91c1c26;justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex}.rte-container{background:var(--color-bg-elevated-1);border:1px solid var(--color-border-default);border-radius:var(--rich-text-editor-radius);overflow:hidden}.rte-toolbar{background:var(--rich-text-editor-toolbar-bg);border-bottom:1px solid var(--rich-text-editor-toolbar-border);flex-wrap:wrap;align-items:center;gap:2px;padding:8px 12px;display:flex}.rte-toolbar-btn{width:var(--rich-text-editor-btn-size);height:var(--rich-text-editor-btn-size);border-radius:var(--radius-md);color:var(--color-foreground-subtle);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.rte-toolbar-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.rte-toolbar-btn:hover{background:var(--color-bg-elevated-3);color:var(--color-foreground)}.rte-toolbar-btn.active{background:var(--color-accent-a10);color:var(--color-accent-300)}.rte-toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.rte-toolbar-divider{background:var(--color-border-default);flex-shrink:0;align-self:center;width:1px;height:20px;margin:0 6px}.rte-body{min-height:200px;color:var(--color-foreground-body);font-size:var(--text-base);outline:none;padding:20px 24px;line-height:1.6}.rte-body h2{color:var(--color-foreground);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:12px}.rte-body code{background:var(--color-accent-a10);color:var(--color-accent-300);font-family:var(--font-family-mono);font-size:var(--text-xs);border-radius:var(--radius-sm);padding:2px 6px}.rte-footer{background:var(--rich-text-editor-toolbar-bg);border-top:1px solid var(--rich-text-editor-toolbar-border);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.rte-char-count{font-size:var(--text-xs);color:var(--color-foreground-subtle)}.rte-toggle-label{font-size:var(--text-xs);color:var(--color-foreground-subtle);align-items:center;gap:8px;display:flex}.chat-msg-list{gap:var(--chat-msg-gap);flex-direction:column;display:flex}.chat-msg-wrapper{display:flex}.chat-msg-wrapper-sent{justify-content:flex-end}.chat-msg-wrapper-received{justify-content:flex-start}.chat-msg{padding:var(--chat-msg-padding-y) var(--chat-msg-padding-x);font-size:var(--chat-msg-font-size);max-width:var(--chat-msg-max-width);word-break:break-word;border-radius:1rem;line-height:1.6}.chat-msg-sent{background:linear-gradient(135deg, var(--color-accent-a10), var(--color-accent-a04));border:1px solid var(--color-accent-a15);color:var(--color-foreground);border-radius:1rem 1rem .375rem;box-shadow:0 4px 16px #0000001f}.chat-msg-received{border:1px solid var(--color-border-subtle);color:var(--color-foreground-body);background:linear-gradient(135deg,#b4b4b40f,#b4b4b405);border-radius:1rem 1rem 1rem .375rem;box-shadow:0 4px 16px #0003}.chat-msg-system{box-shadow:none;font-size:var(--chat-msg-font-size-system);color:var(--color-foreground-subtle);text-align:center;max-width:100%;padding:var(--chat-msg-padding-y) 0;background:0 0;border:none;border-radius:0;align-self:center}.chat-msg-tool{background:color-mix(in srgb, var(--color-warning) 4%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 8%, transparent);border-left:var(--chat-msg-tool-border) solid color-mix(in srgb, var(--color-warning) 30%, transparent);color:var(--color-foreground-subtle);font-size:var(--chat-msg-font-size-system);max-width:var(--chat-msg-max-width);box-shadow:none;border-radius:0 .5rem .5rem 0}.chat-msg-tool strong{color:var(--color-warning);font-weight:var(--font-weight-medium)}.chat-input{background:var(--chat-input-bg);border:1px solid var(--chat-input-border);border-radius:var(--chat-input-radius);padding:var(--chat-input-padding);box-shadow:var(--shadow-lg);transition:border-color var(--duration-fast), box-shadow var(--duration-fast)}.chat-input:focus-within{border-color:var(--color-accent-a15);box-shadow:0 0 0 3px var(--color-accent-a08), var(--shadow-lg)}.chat-input-streaming{border-color:color-mix(in srgb, var(--color-error) 20%, var(--chat-input-border))}.chat-input-textarea{resize:none;width:100%;color:var(--color-foreground);font-size:var(--chat-input-font-size);max-height:var(--chat-input-max-height);background:0 0;border:none;outline:none;font-family:inherit;line-height:1.6;display:block;overflow-y:auto}.chat-input-textarea::placeholder{color:var(--color-foreground-disabled)}.chat-input-textarea:disabled{opacity:.5;cursor:not-allowed}.chat-input-footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;display:flex}.chat-input-count{color:var(--color-foreground-disabled);font-variant-numeric:tabular-nums;font-size:.6875rem}.chat-input-actions{align-items:center;gap:.5rem;display:flex}.chat-input-send{background:linear-gradient(135deg, var(--color-accent-300), var(--color-accent-500));color:#000;border-radius:var(--radius-lg);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;cursor:pointer;transition:opacity var(--duration-fast), transform var(--duration-fast);border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;display:inline-flex}.chat-input-send svg{width:16px;height:16px}.chat-input-send:hover{transform:scale(1.02)}.chat-input-send:active{transform:scale(.98)}.chat-input-send:disabled{opacity:.4;cursor:not-allowed;transform:none}.chat-input-stop{background:color-mix(in srgb, var(--color-error) 10%, transparent);color:var(--color-error);border-radius:var(--radius-lg);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;border:1px solid color-mix(in srgb, var(--color-error) 20%, transparent);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1rem;animation:1.5s ease-in-out infinite chat-input-pulse;display:inline-flex}.chat-input-stop svg{width:16px;height:16px}.chat-input-stop:hover{background:color-mix(in srgb, var(--color-error) 15%, transparent)}@keyframes chat-input-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-error) 20%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-error) 8%, transparent)}}.side-panel{width:var(--side-panel-width);background:var(--side-panel-bg);flex-direction:column;flex-shrink:0;height:100%;display:flex}.side-panel-right{border-left:1px solid var(--side-panel-border)}.side-panel-left{border-right:1px solid var(--side-panel-border)}.side-panel-header{padding:var(--side-panel-header-padding-y) var(--side-panel-header-padding-x);border-bottom:1px solid var(--side-panel-border);flex-shrink:0;align-items:center;gap:.75rem;display:flex}.side-panel-body{padding:var(--side-panel-body-padding-y) var(--side-panel-body-padding-x);flex:1;min-height:0;overflow-y:auto}.side-panel-body::-webkit-scrollbar{width:4px}.side-panel-body::-webkit-scrollbar-track{background:0 0}.side-panel-body::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}.side-panel-footer{padding:var(--side-panel-footer-padding-y) var(--side-panel-footer-padding-x);border-top:1px solid var(--side-panel-border);flex-shrink:0}.side-panel-backdrop{z-index:40;background:var(--side-panel-backdrop);-webkit-backdrop-filter:blur(var(--side-panel-blur));backdrop-filter:blur(var(--side-panel-blur));opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--easing-out);position:fixed;inset:0}.side-panel-backdrop.open{opacity:1;pointer-events:auto}.chip-sm{border-radius:6px;gap:4px;padding:3px 8px;font-size:.6875rem}.chip-sm .chip-close{width:14px;height:14px}.chip-success{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-emerald-300)}.chip-warning{background:color-mix(in srgb, var(--color-warning) 15%, transparent);color:var(--color-amber-300)}.chip-error{background:color-mix(in srgb, var(--color-error) 15%, transparent);color:var(--color-crimson-300)}.chip-info{background:color-mix(in srgb, var(--color-info) 15%, transparent);color:var(--color-blue-400)}.chip-bar{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;display:flex}.chip-bar-add{border:1px dashed var(--color-foreground-ghost);color:var(--color-foreground-disabled);font-size:.6875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.chip-bar-add:hover{border-color:var(--color-foreground-subtle);color:var(--color-foreground-muted)}.list-sidebar{width:var(--list-sidebar-width);background:var(--list-sidebar-bg);border-right:1px solid var(--list-sidebar-border);flex-direction:column;flex-shrink:0;height:100%;display:flex}.list-sidebar-header{border-bottom:1px solid var(--list-sidebar-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.list-sidebar-list{flex-direction:column;flex:1;gap:2px;min-height:0;padding:.5rem;display:flex;overflow-y:auto}.list-sidebar-list::-webkit-scrollbar{width:4px}.list-sidebar-list::-webkit-scrollbar-track{background:0 0}.list-sidebar-list::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}.list-sidebar-group{font-size:var(--list-sidebar-group-font-size);font-weight:var(--font-weight-semibold);color:var(--color-foreground-disabled);text-transform:uppercase;letter-spacing:.08em;padding:.75rem .75rem .375rem}.list-sidebar-item{padding:var(--list-sidebar-item-padding-y) var(--list-sidebar-item-padding-x);border-radius:var(--list-sidebar-item-radius);cursor:pointer;transition:background var(--duration-fast);flex-direction:column;gap:2px;display:flex;position:relative}.list-sidebar-item:hover{background:#ffffff08}.list-sidebar-item-title{font-size:var(--list-sidebar-item-font-size);color:var(--color-foreground-body);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-sidebar-item-meta{color:var(--color-foreground-disabled);align-items:center;gap:.375rem;font-size:.6875rem;display:flex}.list-sidebar-item-active{background:var(--color-accent-a08)}.list-sidebar-item-active .list-sidebar-item-title{color:var(--color-foreground)}.list-sidebar-item-active .list-sidebar-item-meta{color:var(--color-foreground-subtle)}.list-sidebar-item-action{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--color-foreground-disabled);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:none;position:absolute;top:.5rem;right:.5rem}.list-sidebar-item:hover .list-sidebar-item-action{display:flex}.list-sidebar-item-action:hover{background:color-mix(in srgb, var(--color-error) 10%, transparent);color:var(--color-error)}.list-sidebar-item-action svg{width:12px;height:12px}.list-sidebar-footer{border-top:1px solid var(--list-sidebar-border);color:var(--color-foreground-disabled);text-align:center;flex-shrink:0;padding:.75rem 1rem;font-size:.6875rem}.toggle{opacity:0;width:0;height:0;position:absolute}.toggle__track{border-radius:var(--radius-full);background:var(--color-neutral-400);cursor:pointer;width:44px;height:24px;transition:background var(--duration-normal);flex-shrink:0;display:inline-block;position:relative}.toggle__thumb{border-radius:var(--radius-full);background:var(--color-foreground-muted);width:20px;height:20px;transition:transform var(--duration-normal), background var(--duration-normal), box-shadow var(--duration-normal);position:absolute;top:2px;left:2px}.toggle:checked~.toggle__track{background:linear-gradient(90deg, var(--color-accent-500), var(--color-accent-400))}.toggle:checked~.toggle__track .toggle__thumb{box-shadow:0 0 8px var(--color-accent-a25);background:#fff;transform:translate(20px)}.toggle:focus-visible~.toggle__track{box-shadow:0 0 0 3px var(--color-accent-a15)}.toggle:disabled~.toggle__track{opacity:.5;cursor:not-allowed}.toggle-sm~.toggle__track{width:36px;height:20px}.toggle-sm~.toggle__track .toggle__thumb{width:16px;height:16px}.toggle-sm:checked~.toggle__track .toggle__thumb{transform:translate(16px)}.toggle-label{cursor:pointer;font-size:var(--text-sm);color:var(--color-foreground-body);align-items:center;gap:.5rem;display:flex}.streaming-cursor:after{content:"";background:var(--color-accent-300);vertical-align:text-bottom;width:7px;height:17px;margin-left:2px;animation:.8s infinite streaming-blink;display:inline-block}@keyframes streaming-blink{0%,to{opacity:1}50%{opacity:0}}.streaming-pulse{animation:1.5s ease-in-out infinite streaming-pulse-anim}@keyframes streaming-pulse-anim{0%,to{opacity:.5}50%{opacity:1}}.streaming-dots{align-items:center;gap:4px;display:inline-flex}.streaming-dots:before,.streaming-dots:after,.streaming-dots span{content:"";border-radius:var(--radius-full);background:var(--color-foreground-subtle);width:6px;height:6px;animation:1.2s ease-in-out infinite streaming-bounce;display:block}.streaming-dots:after{animation-delay:.2s}.streaming-dots span{animation-delay:.4s}@keyframes streaming-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.diff-line{font-size:var(--text-sm);padding:.25rem 1rem;line-height:1.6;display:flex}.diff-line-add{background:var(--color-accent-a10);border-left:3px solid var(--color-accent-300)}.diff-line-remove{background:color-mix(in srgb, var(--color-error) 10%, transparent);border-left:3px solid var(--color-error)}.diff-line-context{border-left:3px solid #0000}.diff-marker{width:1.25rem;font-size:var(--text-xs);color:var(--color-foreground-disabled);-webkit-user-select:none;user-select:none;flex-shrink:0}.diff-marker-add{color:var(--color-accent-300)}.diff-marker-remove{color:var(--color-error)}.diff-text{white-space:pre-wrap;word-break:break-word;min-width:0;color:var(--color-foreground-muted);flex:1}.diff-text-add{color:var(--color-accent-300)}.diff-text-remove{color:var(--color-error);text-decoration:line-through}.status-dot{border-radius:var(--radius-full);background:var(--color-foreground-disabled);flex-shrink:0;width:10px;height:10px;display:inline-block}.status-dot-sm{width:6px;height:6px}.status-dot-lg{width:12px;height:12px}.status-dot-success{background:var(--color-success);animation:2s ease-in-out infinite status-dot-pulse}.status-dot-error{background:var(--color-error)}.status-dot-warning{background:var(--color-warning);animation:2s ease-in-out infinite status-dot-pulse}.status-dot-pending{background:var(--color-foreground-disabled)}@keyframes status-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.slider-input{align-items:center;gap:.75rem;display:flex}.slider-input .slider{flex:1;min-width:0}.slider-input .input{text-align:center;flex-shrink:0;width:6rem}.slider-input-label{font-size:var(--text-xs);color:var(--color-foreground-subtle);margin-bottom:.375rem;display:block}.slider-input-hint{color:var(--color-foreground-disabled);margin-top:.25rem;font-size:.6875rem}@media (width>=1024px){.sidebar-drawer{z-index:auto;width:var(--sidebar-width);flex-direction:column;flex-shrink:0;height:100%;display:flex;position:static;transform:none}.sidebar-backdrop{display:none}}@media (prefers-reduced-motion:reduce){.stepper-step.current .stepper-circle{animation:none}}@media (width<=767px){.chat-msg{padding:.375rem .75rem}.chat-msg-list{gap:1rem}}@media (prefers-reduced-motion:reduce){.chat-input-stop{animation:none}}@media (width<=767px){.chat-input{border-radius:var(--radius-lg);padding:.625rem .75rem}.chat-input-send{padding:.5rem .75rem}.side-panel{z-index:50;width:100%;transition:transform var(--duration-slow) var(--easing-out);position:fixed;inset:0;transform:translate(100%)}.side-panel.open{transform:translate(0)}.side-panel-left{border-right:none;transform:translate(-100%)}.side-panel-left.open{transform:translate(0)}}@media (width>=768px){.side-panel{z-index:auto;position:static;transform:none}.side-panel-backdrop{display:none}}@media (width<=767px){.list-sidebar{z-index:45;transition:transform var(--duration-slow) var(--easing-out);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #0006}.list-sidebar.open{transform:translate(0)}.list-sidebar-item-action{display:flex}.chip-close{display:inline-flex}}@media (prefers-reduced-motion:reduce){.streaming-cursor:after,.streaming-pulse,.streaming-dots:before,.streaming-dots:after,.streaming-dots span,.status-dot-success,.status-dot-warning{animation:none}}@media (width<=767px){.diff-line{padding:.25rem .5rem}}}@layer utilities{.text-foreground{color:var(--color-foreground)}.text-foreground-secondary{color:var(--color-foreground-secondary)}.text-foreground-body{color:var(--color-foreground-body)}.text-foreground-muted{color:var(--color-foreground-muted)}.text-foreground-subtle{color:var(--color-foreground-subtle)}.text-foreground-disabled{color:var(--color-foreground-disabled)}.text-foreground-ghost{color:var(--color-foreground-ghost)}}