@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #f8f6f4;--bg-panel: #fff;--bg-hover: #f0ece8;--bg-active: #e8e2dc;--input-bg: #fff;--border: #d8d0c8;--border-light: #c8c0b8;--text: #1a1614;--text-dim: #6a5a4a;--text-muted: #7a6a5a;--accent: #962E1D;--accent-dim: #7a2517;--accent-glow: rgb(150 46 29 / 15%);--bg-sidebar: var(--bg-panel);--bg-sidebar-hover: var(--bg-hover);--background: var(--bg);--background-subtle: var(--bg-panel);--background-muted: var(--bg-hover);--background-elevated: var(--bg-panel);--foreground: var(--text);--foreground-muted: var(--text-dim);--foreground-subtle: var(--text-muted);--foreground-tertiary: var(--text-muted);--foreground-inverted: var(--bg-panel);--card: var(--bg-panel);--card-foreground: var(--text);--card-muted: var(--bg-hover);--primary: var(--accent);--primary-hover: var(--accent-dim);--primary-active: #5e1c11;--primary-foreground: #ffffff;--primary-muted: var(--accent-glow);--primary-muted-hover: rgb(150 46 29 / 20%);--primary-light: #fdf4f2;--primary-glow: var(--accent-glow);--secondary: var(--bg-hover);--secondary-hover: var(--bg-active);--secondary-foreground: var(--text);--muted: var(--bg-hover);--muted-foreground: var(--text-dim);--border-muted: #c8c0b8;--border-strong: #b8b0a8;--border-hover: #a8a098;--input-border: var(--border);--input-focus: var(--accent);--input-placeholder: var(--text-muted);--status-error: #dc2626;--status-error-dim: #b91c1c;--destructive: #dc2626;--destructive-hover: #b91c1c;--destructive-foreground: #ffffff;--destructive-muted: rgba(220, 38, 38, .1);--success: #16a34a;--success-hover: #15803d;--success-foreground: #ffffff;--success-muted: rgba(22, 163, 74, .1);--warning: #f59e0b;--warning-hover: #d97706;--warning-foreground: #ffffff;--warning-muted: rgba(245, 158, 11, .1);--info: #3b82f6;--info-hover: #2563eb;--info-foreground: #ffffff;--info-muted: rgba(59, 130, 246, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-display: var(--font-sans);--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 4rem;--line-height-none: 1;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-normal: -.01em;--tracking-wide: .025em;--space-0: 0;--space-px: 1px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 3px 0 rgba(0, 0, 0, .06);--shadow: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 2px 4px 0 rgba(0, 0, 0, .04), 0 4px 8px 0 rgba(0, 0, 0, .04);--shadow-md: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 4px 8px 0 rgba(0, 0, 0, .04), 0 8px 16px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 8px 16px 0 rgba(0, 0, 0, .04), 0 16px 32px 0 rgba(0, 0, 0, .08);--shadow-xl: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 16px 32px 0 rgba(0, 0, 0, .08), 0 32px 64px 0 rgba(0, 0, 0, .12);--shadow-inner: inset 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-inner-sm: inset 0 1px 1px 0 rgba(0, 0, 0, .03);--shadow-primary-sm: 0 1px 2px 0 rgba(150, 46, 29, .15);--shadow-primary: 0 2px 8px 0 rgba(150, 46, 29, .2);--shadow-primary-lg: 0 4px 16px 0 rgba(150, 46, 29, .25);--shadow-primary-glow: 0 0 20px 0 rgba(150, 46, 29, .15);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .03), 0 1px 2px 0 rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);--shadow-card-hover: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 0 rgba(0, 0, 0, .03), 0 8px 16px 0 rgba(0, 0, 0, .05);--shadow-card-active: 0 0 0 1px rgba(150, 46, 29, .15), 0 2px 4px 0 rgba(150, 46, 29, .08);--ring-width: 2px;--ring-offset: 2px;--ring-color: rgba(150, 46, 29, .4);--focus-ring: 0 0 0 var(--ring-offset) var(--background), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) var(--ring-color);--focus-ring-inset: inset 0 0 0 var(--ring-width) var(--ring-color);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.6, .32, 1.6);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .25s;--duration-slower: .4s;--transition-fast: var(--duration-fast) var(--ease-out);--transition-normal: var(--duration-normal) var(--ease-out);--transition-slow: var(--duration-slow) var(--ease-out);--transition-spring: var(--duration-slower) var(--ease-spring);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--sidebar-width: 280px;--topbar-height: 64px;--content-max-width: 1200px;--container-xs: 320px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--container-max: 1100px;--container-narrow: 900px}[data-mode=dark],.dark,[data-theme=dark]{--bg: #0a0908;--bg-panel: #12100e;--bg-hover: #1c1816;--bg-active: #2a2420;--input-bg: #12100e;--border: #332a24;--border-light: #4a3d34;--text: #f0ebe6;--text-dim: #8a7a6a;--text-muted: #5c5048;--accent: #b84a3a;--accent-dim: #962E1D;--accent-glow: rgb(184 74 58 / 20%);--bg-sidebar: var(--bg-panel);--bg-sidebar-hover: var(--bg-hover);--background: var(--bg);--background-subtle: var(--bg);--background-muted: var(--bg-hover);--background-elevated: var(--bg-panel);--foreground: var(--text);--foreground-muted: var(--text-dim);--card: var(--bg-panel);--primary: var(--accent);--primary-hover: var(--accent-dim);--primary-active: #7a2517;--primary-muted: var(--accent-glow);--primary-muted-hover: rgb(184 74 58 / 25%);--primary-light: #6e3727;--primary-glow: var(--accent-glow);--success: #22c55e;--destructive: #f87171}[data-theme=purple]{--accent: #635bff;--accent-dim: #5650e5;--accent-glow: rgb(99 91 255 / 15%);--shadow-primary-sm: 0 1px 2px 0 rgba(99, 91, 255, .15);--shadow-primary: 0 2px 8px 0 rgba(99, 91, 255, .2);--shadow-primary-lg: 0 4px 16px 0 rgba(99, 91, 255, .25);--shadow-primary-glow: 0 0 20px 0 rgba(99, 91, 255, .15);--shadow-card-active: 0 0 0 1px rgba(99, 91, 255, .15), 0 2px 4px 0 rgba(99, 91, 255, .08);--ring-color: rgba(99, 91, 255, .4)}[data-mode=dark][data-theme=purple],[data-theme=purple][data-mode=dark]{--accent: #7c6fff;--accent-dim: #635bff;--accent-glow: rgb(124 111 255 / 20%);--shadow-primary-sm: 0 1px 2px 0 rgba(124, 111, 255, .15);--shadow-primary: 0 2px 8px 0 rgba(124, 111, 255, .2);--shadow-primary-lg: 0 4px 16px 0 rgba(124, 111, 255, .25);--shadow-primary-glow: 0 0 20px 0 rgba(124, 111, 255, .15);--shadow-card-active: 0 0 0 1px rgba(124, 111, 255, .15), 0 2px 4px 0 rgba(124, 111, 255, .08);--ring-color: rgba(124, 111, 255, .4)}[data-theme=emerald]{--accent: #059669;--accent-dim: #047857;--accent-glow: rgb(5 150 105 / 15%);--shadow-primary-sm: 0 1px 2px 0 rgba(5, 150, 105, .15);--shadow-primary: 0 2px 8px 0 rgba(5, 150, 105, .2);--shadow-primary-lg: 0 4px 16px 0 rgba(5, 150, 105, .25);--shadow-primary-glow: 0 0 20px 0 rgba(5, 150, 105, .15);--shadow-card-active: 0 0 0 1px rgba(5, 150, 105, .15), 0 2px 4px 0 rgba(5, 150, 105, .08);--ring-color: rgba(5, 150, 105, .4)}[data-mode=dark][data-theme=emerald],[data-theme=emerald][data-mode=dark]{--accent: #10b981;--accent-dim: #059669;--accent-glow: rgb(16 185 129 / 20%);--shadow-primary-sm: 0 1px 2px 0 rgba(16, 185, 129, .15);--shadow-primary: 0 2px 8px 0 rgba(16, 185, 129, .2);--shadow-primary-lg: 0 4px 16px 0 rgba(16, 185, 129, .25);--shadow-primary-glow: 0 0 20px 0 rgba(16, 185, 129, .15);--shadow-card-active: 0 0 0 1px rgba(16, 185, 129, .15), 0 2px 4px 0 rgba(16, 185, 129, .08);--ring-color: rgba(16, 185, 129, .4)}[data-theme=rose]{--accent: #e11d48;--accent-dim: #be123c;--accent-glow: rgb(225 29 72 / 15%);--primary: var(--accent);--primary-hover: var(--accent-dim);--primary-active: #9f1239;--primary-muted: var(--accent-glow);--primary-muted-hover: rgb(225 29 72 / 20%);--primary-light: #fff1f2;--primary-glow: var(--accent-glow);--shadow-primary-sm: 0 1px 2px 0 rgba(225, 29, 72, .15);--shadow-primary: 0 2px 8px 0 rgba(225, 29, 72, .2);--shadow-primary-lg: 0 4px 16px 0 rgba(225, 29, 72, .25);--shadow-primary-glow: 0 0 20px 0 rgba(225, 29, 72, .15);--shadow-card-active: 0 0 0 1px rgba(225, 29, 72, .15), 0 2px 4px 0 rgba(225, 29, 72, .08);--ring-color: rgba(225, 29, 72, .4)}[data-mode=dark][data-theme=rose],[data-theme=rose][data-mode=dark]{--accent: #f43f5e;--accent-dim: #e11d48;--accent-glow: rgb(244 63 94 / 20%);--primary: var(--accent);--primary-hover: var(--accent-dim);--primary-active: #be123c;--primary-muted: var(--accent-glow);--primary-muted-hover: rgb(244 63 94 / 25%);--primary-light: #881337;--primary-glow: var(--accent-glow);--shadow-primary-sm: 0 1px 2px 0 rgba(244, 63, 94, .15);--shadow-primary: 0 2px 8px 0 rgba(244, 63, 94, .2);--shadow-primary-lg: 0 4px 16px 0 rgba(244, 63, 94, .25);--shadow-primary-glow: 0 0 20px 0 rgba(244, 63, 94, .15);--shadow-card-active: 0 0 0 1px rgba(244, 63, 94, .15), 0 2px 4px 0 rgba(244, 63, 94, .08);--ring-color: rgba(244, 63, 94, .4)}[data-theme=pecan]{--accent: #962E1D;--accent-dim: #7a2517;--accent-glow: rgb(150 46 29 / 15%);--primary: var(--accent);--primary-hover: var(--accent-dim);--primary-active: #5e1c11;--primary-muted: var(--accent-glow);--primary-muted-hover: rgb(150 46 29 / 20%);--primary-light: #fdf4f2;--primary-glow: var(--accent-glow);--shadow-primary-sm: 0 1px 2px 0 rgba(150, 46, 29, .15);--shadow-primary: 0 2px 8px 0 rgba(150, 46, 29, .2);--shadow-primary-lg: 0 4px 16px 0 rgba(150, 46, 29, .25);--shadow-primary-glow: 0 0 20px 0 rgba(150, 46, 29, .15);--shadow-card-active: 0 0 0 1px rgba(150, 46, 29, .15), 0 2px 4px 0 rgba(150, 46, 29, .08);--ring-color: rgba(150, 46, 29, .4)}[data-mode=dark][data-theme=pecan],[data-theme=pecan][data-mode=dark]{--accent: #b84a3a;--accent-dim: #962E1D;--accent-glow: rgb(184 74 58 / 20%);--primary: var(--accent);--primary-hover: var(--accent-dim);--primary-active: #7a2517;--primary-muted: var(--accent-glow);--primary-muted-hover: rgb(184 74 58 / 25%);--primary-light: #42130c;--primary-glow: var(--accent-glow);--shadow-primary-sm: 0 1px 2px 0 rgba(184, 74, 58, .15);--shadow-primary: 0 2px 8px 0 rgba(184, 74, 58, .2);--shadow-primary-lg: 0 4px 16px 0 rgba(184, 74, 58, .25);--shadow-primary-glow: 0 0 20px 0 rgba(184, 74, 58, .15);--shadow-card-active: 0 0 0 1px rgba(184, 74, 58, .15), 0 2px 4px 0 rgba(184, 74, 58, .08);--ring-color: rgba(184, 74, 58, .4)}[data-theme=cyan]{--accent: #0891b2;--accent-dim: #0e7490;--accent-glow: rgb(8 145 178 / 15%);--shadow-primary-sm: 0 1px 2px 0 rgba(8, 145, 178, .15);--shadow-primary: 0 2px 8px 0 rgba(8, 145, 178, .2);--shadow-primary-lg: 0 4px 16px 0 rgba(8, 145, 178, .25);--shadow-primary-glow: 0 0 20px 0 rgba(8, 145, 178, .15);--shadow-card-active: 0 0 0 1px rgba(8, 145, 178, .15), 0 2px 4px 0 rgba(8, 145, 178, .08);--ring-color: rgba(8, 145, 178, .4)}[data-mode=dark][data-theme=cyan],[data-theme=cyan][data-mode=dark]{--accent: #06b6d4;--accent-dim: #0891b2;--accent-glow: rgb(6 182 212 / 20%);--shadow-primary-sm: 0 1px 2px 0 rgba(6, 182, 212, .15);--shadow-primary: 0 2px 8px 0 rgba(6, 182, 212, .2);--shadow-primary-lg: 0 4px 16px 0 rgba(6, 182, 212, .25);--shadow-primary-glow: 0 0 20px 0 rgba(6, 182, 212, .15);--shadow-card-active: 0 0 0 1px rgba(6, 182, 212, .15), 0 2px 4px 0 rgba(6, 182, 212, .08);--ring-color: rgba(6, 182, 212, .4)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}