:root.theme-construction,[data-theme-preset=construction]{--color-primary: #f97316;--color-primary-hover: #ea580c;--color-primary-active: #c2410c;--color-primary-subtle: rgba(249, 115, 22, .1);--color-primary-muted: rgba(249, 115, 22, .2);--color-secondary: #64748b;--color-secondary-hover: #475569;--color-secondary-subtle: rgba(100, 116, 139, .1);--color-success: #22c55e;--color-warning: #fbbf24;--color-error: #ef4444;--color-background: #f1f5f9;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-border: #cbd5e1;--topbar-bg: #1e293b;--topbar-text: #f8fafc;--topbar-text-muted: rgba(248, 250, 252, .7);--topbar-hover: rgba(255, 255, 255, .1);--card-radius: 8px;--card-shadow: 0 1px 3px rgba(0, 0, 0, .12);--btn-radius: 6px;--input-radius: 6px;--font-sans: "Inter", system-ui, sans-serif;--shadow-primary: 0 4px 14px -3px rgba(249, 115, 22, .35)}html:root.dark.theme-construction,html[data-theme-preset=construction].dark,html[data-theme-preset=construction][data-theme=dark]{--color-primary: #fb923c;--color-primary-hover: #fdba74;--color-primary-active: #f97316;--color-primary-subtle: rgba(251, 146, 60, .15);--color-primary-muted: rgba(251, 146, 60, .25);--color-background: #0c0f14;--color-surface: #1a1d24;--color-surface-hover: #262a33;--color-surface-elevated: #262a33;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-border: #334155;--color-border-subtle: #1e293b;--topbar-bg: #0c0f14;--topbar-text: #f8fafc;--topbar-text-muted: rgba(248, 250, 252, .7);--topbar-hover: rgba(255, 255, 255, .1);--topbar-border: #1a1d24;--card-bg: #1a1d24;--card-border: #334155;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--input-bg: #262a33;--input-border: #334155;--shadow-primary: 0 4px 14px -3px rgba(251, 146, 60, .4)}:root.theme-healthcare,[data-theme-preset=healthcare]{--color-primary: #0891b2;--color-primary-hover: #0e7490;--color-primary-active: #155e75;--color-primary-subtle: rgba(8, 145, 178, .1);--color-primary-muted: rgba(8, 145, 178, .2);--color-secondary: #14b8a6;--color-secondary-hover: #0d9488;--color-secondary-subtle: rgba(20, 184, 166, .1);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #f43f5e;--color-info: #06b6d4;--color-background: #f0fdfa;--color-surface: #ffffff;--color-surface-hover: #f0fdfa;--color-text-primary: #134e4a;--color-text-secondary: #0f766e;--color-border: #99f6e4;--topbar-bg: #0891b2;--topbar-text: #ffffff;--topbar-text-muted: rgba(255, 255, 255, .7);--topbar-hover: rgba(255, 255, 255, .15);--card-radius: 16px;--card-shadow: 0 2px 8px rgba(8, 145, 178, .08);--btn-radius: 10px;--input-radius: 10px;--font-sans: "Inter", "SF Pro Display", system-ui, sans-serif;--shadow-sm: 0 1px 3px rgba(8, 145, 178, .06);--shadow-md: 0 4px 12px rgba(8, 145, 178, .1);--shadow-primary: 0 4px 14px -3px rgba(8, 145, 178, .3)}html:root.dark.theme-healthcare,html[data-theme-preset=healthcare].dark,html[data-theme-preset=healthcare][data-theme=dark]{--color-primary: #22d3ee;--color-primary-hover: #67e8f9;--color-primary-active: #06b6d4;--color-primary-subtle: rgba(34, 211, 238, .15);--color-primary-muted: rgba(34, 211, 238, .25);--color-secondary: #2dd4bf;--color-secondary-hover: #5eead4;--color-secondary-subtle: rgba(45, 212, 191, .15);--color-background: #021716;--color-surface: #0a2725;--color-surface-hover: #134e4a;--color-surface-elevated: #134e4a;--color-text-primary: #f0fdfa;--color-text-secondary: #99f6e4;--color-text-tertiary: #5eead4;--color-border: #115e59;--color-border-subtle: #0a2725;--topbar-bg: #021716;--topbar-text: #f0fdfa;--topbar-text-muted: rgba(240, 253, 250, .7);--topbar-border: #0a2725;--card-bg: #0a2725;--card-border: #115e59;--card-shadow: 0 2px 8px rgba(0, 0, 0, .3);--input-bg: #134e4a;--input-border: #115e59;--shadow-primary: 0 4px 14px -3px rgba(34, 211, 238, .35)}:root.theme-agriculture,[data-theme-preset=agriculture]{--color-primary: #16a34a;--color-primary-hover: #15803d;--color-primary-active: #166534;--color-primary-subtle: rgba(22, 163, 74, .1);--color-primary-muted: rgba(22, 163, 74, .2);--color-secondary: #a16207;--color-secondary-hover: #854d0e;--color-secondary-subtle: rgba(161, 98, 7, .1);--color-success: #22c55e;--color-warning: #eab308;--color-error: #dc2626;--color-info: #0ea5e9;--color-background: #fefce8;--color-surface: #ffffff;--color-surface-hover: #fef9c3;--color-text-primary: #365314;--color-text-secondary: #4d7c0f;--color-border: #bef264;--topbar-bg: #166534;--topbar-text: #f7fee7;--topbar-text-muted: rgba(247, 254, 231, .7);--topbar-hover: rgba(255, 255, 255, .1);--card-radius: 12px;--card-shadow: 0 2px 6px rgba(22, 101, 52, .08);--btn-radius: 8px;--input-radius: 8px;--font-sans: "Inter", system-ui, sans-serif;--shadow-primary: 0 4px 14px -3px rgba(22, 163, 74, .3)}html:root.dark.theme-agriculture,html[data-theme-preset=agriculture].dark,html[data-theme-preset=agriculture][data-theme=dark]{--color-primary: #4ade80;--color-primary-hover: #86efac;--color-primary-active: #22c55e;--color-primary-subtle: rgba(74, 222, 128, .15);--color-primary-muted: rgba(74, 222, 128, .25);--color-secondary: #fbbf24;--color-secondary-hover: #fcd34d;--color-secondary-subtle: rgba(251, 191, 36, .15);--color-background: #052e16;--color-surface: #14532d;--color-surface-hover: #166534;--color-surface-elevated: #166534;--color-text-primary: #f0fdf4;--color-text-secondary: #86efac;--color-text-tertiary: #4ade80;--color-border: #166534;--color-border-subtle: #14532d;--topbar-bg: #052e16;--topbar-text: #f0fdf4;--topbar-text-muted: rgba(240, 253, 244, .7);--topbar-hover: rgba(255, 255, 255, .1);--topbar-border: #14532d;--card-bg: #14532d;--card-border: #166534;--card-shadow: 0 2px 6px rgba(0, 0, 0, .3);--input-bg: #166534;--input-border: #15803d;--shadow-primary: 0 4px 14px -3px rgba(74, 222, 128, .35)}:root.theme-logistics,[data-theme-preset=logistics]{--color-primary: #1e40af;--color-primary-hover: #1e3a8a;--color-primary-active: #172554;--color-primary-subtle: rgba(30, 64, 175, .1);--color-primary-muted: rgba(30, 64, 175, .2);--color-secondary: #7c3aed;--color-secondary-hover: #6d28d9;--color-secondary-subtle: rgba(124, 58, 237, .1);--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-info: #0284c7;--color-background: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-border: #e2e8f0;--topbar-bg: #0f172a;--topbar-text: #f8fafc;--topbar-text-muted: rgba(248, 250, 252, .7);--topbar-hover: rgba(255, 255, 255, .1);--card-radius: 8px;--card-shadow: 0 1px 3px rgba(15, 23, 42, .1);--btn-radius: 6px;--input-radius: 6px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-primary: 0 4px 14px -3px rgba(30, 64, 175, .4)}html:root.dark.theme-logistics,html[data-theme-preset=logistics].dark,html[data-theme-preset=logistics][data-theme=dark]{--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-primary-active: #3b82f6;--color-primary-subtle: rgba(96, 165, 250, .15);--color-primary-muted: rgba(96, 165, 250, .25);--color-secondary: #a78bfa;--color-secondary-hover: #c4b5fd;--color-secondary-subtle: rgba(167, 139, 250, .15);--color-background: #020617;--color-surface: #0f172a;--color-surface-hover: #1e293b;--color-surface-elevated: #1e293b;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-border: #1e293b;--color-border-subtle: #0f172a;--topbar-bg: #020617;--topbar-text: #f8fafc;--topbar-text-muted: rgba(248, 250, 252, .7);--topbar-hover: rgba(255, 255, 255, .1);--topbar-border: #0f172a;--card-bg: #0f172a;--card-border: #334155;--card-shadow: 0 1px 3px rgba(0, 0, 0, .4);--input-bg: #1e293b;--input-border: #334155;--shadow-primary: 0 4px 14px -3px rgba(96, 165, 250, .4)}:root.theme-energy,[data-theme-preset=energy]{--color-primary: #10b981;--color-primary-hover: #059669;--color-primary-active: #047857;--color-primary-subtle: rgba(16, 185, 129, .1);--color-primary-muted: rgba(16, 185, 129, .2);--color-secondary: #eab308;--color-secondary-hover: #ca8a04;--color-secondary-subtle: rgba(234, 179, 8, .1);--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #06b6d4;--color-background: #111827;--color-surface: #1f2937;--color-surface-hover: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #9ca3af;--color-border: #374151;--topbar-bg: #064e3b;--topbar-text: #ecfdf5;--topbar-text-muted: rgba(236, 253, 245, .7);--topbar-hover: rgba(16, 185, 129, .2);--card-radius: 10px;--card-shadow: 0 0 0 1px rgba(16, 185, 129, .1);--card-bg: #1f2937;--card-border: #374151;--btn-radius: 6px;--input-radius: 6px;--input-bg: #374151;--input-border: #4b5563;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--shadow-primary: 0 0 20px rgba(16, 185, 129, .3);--shadow-success: 0 0 20px rgba(34, 197, 94, .3);--shadow-warning: 0 0 20px rgba(245, 158, 11, .3);--shadow-error: 0 0 20px rgba(239, 68, 68, .3);--focus-ring: 0 0 0 2px rgba(16, 185, 129, .3), 0 0 0 4px #10b981;color-scheme:dark}html:root.light.theme-energy,html[data-theme-preset=energy].light,html[data-theme-preset=energy][data-theme=light]{--color-primary: #059669;--color-primary-hover: #047857;--color-primary-active: #065f46;--color-primary-subtle: rgba(5, 150, 105, .1);--color-primary-muted: rgba(5, 150, 105, .2);--color-secondary: #ca8a04;--color-secondary-hover: #a16207;--color-secondary-subtle: rgba(202, 138, 4, .1);--color-background: #ecfdf5;--color-surface: #ffffff;--color-surface-hover: #d1fae5;--color-surface-elevated: #ffffff;--color-text-primary: #064e3b;--color-text-secondary: #047857;--color-text-tertiary: #059669;--color-border: #a7f3d0;--color-border-subtle: #d1fae5;--topbar-bg: #047857;--topbar-text: #ecfdf5;--topbar-text-muted: rgba(236, 253, 245, .7);--topbar-border: #065f46;--card-bg: #ffffff;--card-border: #a7f3d0;--card-shadow: 0 1px 3px rgba(5, 150, 105, .1);--input-bg: #ffffff;--input-border: #6ee7b7;--shadow-primary: 0 4px 14px -3px rgba(5, 150, 105, .25);color-scheme:light}:root.theme-corporate,[data-theme-preset=corporate]{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-active: #3730a3;--color-primary-subtle: rgba(79, 70, 229, .08);--color-primary-muted: rgba(79, 70, 229, .15);--color-secondary: #8b5cf6;--color-secondary-hover: #7c3aed;--color-secondary-subtle: rgba(139, 92, 246, .1);--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-info: #0284c7;--color-background: #fafafa;--color-surface: #ffffff;--color-surface-hover: #f4f4f5;--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-tertiary: #71717a;--color-border: #e4e4e7;--topbar-bg: #18181b;--topbar-text: #fafafa;--topbar-text-muted: rgba(250, 250, 250, .7);--topbar-hover: rgba(255, 255, 255, .08);--card-radius: 12px;--card-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 4px rgba(0, 0, 0, .04);--btn-radius: 8px;--input-radius: 8px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", var(--font-sans);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .02);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .04), 0 4px 6px rgba(0, 0, 0, .02);--shadow-primary: 0 4px 14px -3px rgba(79, 70, 229, .25)}html:root.dark.theme-corporate,html[data-theme-preset=corporate].dark,html[data-theme-preset=corporate][data-theme=dark]{--color-primary: #818cf8;--color-primary-hover: #a5b4fc;--color-primary-active: #6366f1;--color-primary-subtle: rgba(129, 140, 248, .12);--color-primary-muted: rgba(129, 140, 248, .2);--color-secondary: #a78bfa;--color-secondary-hover: #c4b5fd;--color-secondary-subtle: rgba(167, 139, 250, .12);--color-background: #09090b;--color-surface: #18181b;--color-surface-hover: #27272a;--color-surface-elevated: #27272a;--color-text-primary: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-border: #27272a;--color-border-subtle: #18181b;--topbar-bg: #09090b;--topbar-text: #fafafa;--topbar-text-muted: rgba(250, 250, 250, .7);--topbar-hover: rgba(255, 255, 255, .05);--topbar-border: #18181b;--card-bg: #18181b;--card-border: #27272a;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--input-bg: #27272a;--input-border: #3f3f46;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .25);--shadow-primary: 0 4px 14px -3px rgba(129, 140, 248, .35)}:root{--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--cyan-50: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--color-primary: var(--blue-500);--color-primary-hover: var(--blue-600);--color-primary-active: var(--blue-700);--color-primary-subtle: var(--blue-50);--color-primary-muted: var(--blue-100);--color-secondary: var(--indigo-500);--color-secondary-hover: var(--indigo-600);--color-secondary-active: var(--indigo-700);--color-secondary-subtle: var(--indigo-50);--color-success: var(--green-500);--color-success-hover: var(--green-600);--color-success-subtle: var(--green-50);--color-success-text: var(--green-700);--color-warning: var(--amber-500);--color-warning-hover: var(--amber-600);--color-warning-subtle: var(--amber-50);--color-warning-text: var(--amber-700);--color-error: var(--red-500);--color-error-hover: var(--red-600);--color-error-subtle: var(--red-50);--color-error-text: var(--red-700);--color-info: var(--cyan-500);--color-info-hover: var(--cyan-600);--color-info-subtle: var(--cyan-50);--color-info-text: var(--cyan-700);--color-background: var(--gray-100);--color-surface: #ffffff;--color-surface-hover: var(--gray-50);--color-surface-elevated: #ffffff;--color-surface-sunken: var(--gray-100);--color-overlay: rgba(0, 0, 0, .5);--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-600);--color-text-tertiary: var(--gray-500);--color-text-disabled: var(--gray-400);--color-text-inverse: #ffffff;--color-text-link: var(--blue-600);--color-text-link-hover: var(--blue-700);--color-border: var(--gray-200);--color-border-hover: var(--gray-300);--color-border-subtle: var(--gray-100);--color-border-focus: var(--color-primary);--color-border-error: var(--color-error);--topbar-bg: var(--color-surface);--topbar-text: var(--color-text-primary);--topbar-text-muted: var(--color-text-secondary);--topbar-hover: var(--gray-100);--topbar-border: var(--color-border);--sidebar-bg: var(--color-surface);--sidebar-text: var(--color-text-primary);--sidebar-active: var(--color-primary-subtle);--sidebar-hover: var(--gray-50);--card-bg: var(--color-surface);--card-border: var(--color-border);--table-header-bg: var(--gray-50);--table-row-hover: var(--gray-50);--table-border: var(--color-border);--input-bg: var(--color-surface);--input-border: var(--color-border);--input-focus-border: var(--color-primary);--input-error-border: var(--color-error);--input-disabled-bg: var(--gray-100);--focus-ring: 0 0 0 2px var(--blue-100), 0 0 0 4px var(--color-primary)}:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-display: var(--font-sans);--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--leading-xs: 1rem;--leading-sm: 1.25rem;--leading-base: 1.5rem;--leading-lg: 1.75rem;--leading-xl: 1.75rem;--leading-2xl: 2rem;--leading-3xl: 2.25rem;--leading-4xl: 2.5rem;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--heading-font: var(--font-display);--heading-weight: var(--font-semibold);--heading-tracking: var(--tracking-tight);--body-font: var(--font-sans);--body-size: var(--text-base);--body-weight: var(--font-normal);--body-leading: var(--leading-normal);--label-font: var(--font-sans);--label-size: var(--text-sm);--label-weight: var(--font-medium);--label-tracking: var(--tracking-normal);--code-font: var(--font-mono);--code-size: var(--text-sm);--btn-font: var(--font-sans);--btn-weight: var(--font-medium);--btn-tracking: var(--tracking-normal)}:root{--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--btn-padding-x: var(--space-4);--btn-padding-y: var(--space-2);--btn-padding-x-sm: var(--space-3);--btn-padding-y-sm: var(--space-1-5);--btn-padding-x-lg: var(--space-6);--btn-padding-y-lg: var(--space-3);--input-padding-x: var(--space-3);--input-padding-y: var(--space-2);--card-padding: var(--space-6);--card-padding-sm: var(--space-4);--card-padding-lg: var(--space-8);--card-gap: var(--space-4);--section-padding-x: var(--space-6);--section-padding-y: var(--space-8);--modal-padding: var(--space-6);--table-cell-padding-x: var(--space-4);--table-cell-padding-y: var(--space-3);--list-gap: var(--space-2);--form-gap: var(--space-4);--form-label-gap: var(--space-1-5);--topbar-height: var(--space-14);--page-margin: var(--space-6);--page-margin-mobile: var(--space-4);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--grid-gap: var(--space-6);--grid-gap-sm: var(--space-4);--grid-gap-lg: var(--space-8);--stack-gap-xs: var(--space-1);--stack-gap-sm: var(--space-2);--stack-gap-md: var(--space-4);--stack-gap-lg: var(--space-6);--stack-gap-xl: var(--space-8);--inline-gap-xs: var(--space-1);--inline-gap-sm: var(--space-2);--inline-gap-md: var(--space-3);--inline-gap-lg: var(--space-4)}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-none: none;--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-inner-md: inset 0 4px 6px 0 rgba(0, 0, 0, .1);--shadow-primary: 0 4px 14px -3px rgba(59, 130, 246, .4);--shadow-success: 0 4px 14px -3px rgba(34, 197, 94, .4);--shadow-warning: 0 4px 14px -3px rgba(245, 158, 11, .4);--shadow-error: 0 4px 14px -3px rgba(239, 68, 68, .4);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-md);--dropdown-shadow: var(--shadow-lg);--modal-shadow: var(--shadow-xl);--tooltip-shadow: var(--shadow-md);--fab-shadow: var(--shadow-lg);--fab-shadow-hover: var(--shadow-xl);--popover-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 6px 20px rgba(0, 0, 0, .12);--topbar-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)}:root{--duration-instant: 0ms;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--duration-fast: var(--duration-150);--duration-normal: var(--duration-200);--duration-slow: var(--duration-300);--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--transition-all: all var(--duration-normal) var(--ease-in-out);--transition-colors: color var(--duration-fast) var(--ease-in-out), background-color var(--duration-fast) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out);--transition-opacity: opacity var(--duration-normal) var(--ease-in-out);--transition-shadow: box-shadow var(--duration-normal) var(--ease-in-out);--transition-transform: transform var(--duration-normal) var(--ease-in-out);--transition-button: background-color var(--duration-fast) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out), color var(--duration-fast) var(--ease-in-out), box-shadow var(--duration-fast) var(--ease-in-out), transform var(--duration-fast) var(--ease-out);--transition-input: border-color var(--duration-fast) var(--ease-in-out), box-shadow var(--duration-fast) var(--ease-in-out);--transition-link: color var(--duration-fast) var(--ease-in-out);--transition-expand: height var(--duration-normal) var(--ease-in-out), opacity var(--duration-normal) var(--ease-in-out);--transition-slide: transform var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out)}@keyframes k-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes k-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes k-bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes k-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes k-fade-in{0%{opacity:0}to{opacity:1}}@keyframes k-fade-out{0%{opacity:1}to{opacity:0}}@keyframes k-slide-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes k-slide-in-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes k-slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes k-slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes k-scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes k-scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes k-ping{75%,to{transform:scale(2);opacity:0}}:root{color-scheme:light;--color-background: var(--gray-100);--color-surface: #ffffff;--color-surface-hover: var(--gray-50);--color-surface-elevated: #ffffff;--color-surface-sunken: var(--gray-100);--color-overlay: rgba(0, 0, 0, .5);--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-600);--color-text-tertiary: var(--gray-500);--color-text-disabled: var(--gray-400);--color-text-inverse: #ffffff;--color-text-link: var(--blue-600);--color-text-link-hover: var(--blue-700);--color-border: var(--gray-200);--color-border-hover: var(--gray-300);--color-divider: var(--gray-200);--color-success-subtle: var(--green-50);--color-success-text: var(--green-700);--color-warning-subtle: var(--amber-50);--color-warning-text: var(--amber-700);--color-error-subtle: var(--red-50);--color-error-text: var(--red-700);--color-info-subtle: var(--cyan-50);--color-info-text: var(--cyan-700);--table-header-bg: var(--gray-50);--table-row-hover: var(--gray-50);--table-row-selected: var(--blue-50);--table-border: var(--gray-200);--input-bg: #ffffff;--input-border: var(--gray-300);--input-placeholder: var(--gray-400);--input-disabled-bg: var(--gray-100);--input-disabled-text: var(--gray-500);--sidebar-bg: #ffffff;--sidebar-hover: var(--gray-50);--sidebar-active: var(--blue-50);--sidebar-active-text: var(--blue-700);--card-bg: #ffffff;--card-border: var(--gray-200);--code-bg: var(--gray-100);--code-text: var(--gray-800);--scrollbar-track: var(--gray-100);--scrollbar-thumb: var(--gray-300);--scrollbar-thumb-hover: var(--gray-400);--skeleton-base: var(--gray-200);--skeleton-highlight: var(--gray-100);--selection-bg: var(--blue-100);--selection-text: var(--gray-900);--focus-ring: 0 0 0 2px var(--blue-100), 0 0 0 4px var(--color-primary)}::selection{background-color:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:root.dark,:root[data-theme=dark]{color-scheme:dark;--color-background: var(--gray-950);--color-surface: var(--gray-900);--color-surface-hover: var(--gray-800);--color-surface-elevated: var(--gray-800);--color-surface-sunken: var(--gray-950);--color-overlay: rgba(0, 0, 0, .7);--color-text-primary: var(--gray-100);--color-text-secondary: var(--gray-400);--color-text-tertiary: var(--gray-500);--color-text-disabled: var(--gray-600);--color-text-inverse: var(--gray-900);--color-text-link: var(--blue-400);--color-text-link-hover: var(--blue-300);--color-border: var(--gray-700);--color-border-hover: var(--gray-600);--color-border-subtle: var(--gray-800);--color-divider: var(--gray-800);--color-primary: var(--blue-400);--color-primary-hover: var(--blue-300);--color-primary-active: var(--blue-500);--color-primary-subtle: rgba(59, 130, 246, .15);--color-primary-muted: rgba(59, 130, 246, .25);--color-secondary: var(--indigo-400);--color-secondary-hover: var(--indigo-300);--color-secondary-subtle: rgba(99, 102, 241, .15);--color-success: var(--green-400);--color-success-hover: var(--green-300);--color-success-subtle: rgba(34, 197, 94, .15);--color-success-text: var(--green-400);--color-warning: var(--amber-400);--color-warning-hover: var(--amber-300);--color-warning-subtle: rgba(245, 158, 11, .15);--color-warning-text: var(--amber-400);--color-error: var(--red-400);--color-error-hover: var(--red-300);--color-error-subtle: rgba(239, 68, 68, .15);--color-error-text: var(--red-400);--color-info: var(--cyan-400);--color-info-hover: var(--cyan-300);--color-info-subtle: rgba(6, 182, 212, .15);--color-info-text: var(--cyan-400);--table-header-bg: var(--gray-800);--table-row-hover: var(--gray-800);--table-row-selected: rgba(59, 130, 246, .2);--table-border: var(--gray-700);--input-bg: var(--gray-800);--input-border: var(--gray-600);--input-placeholder: var(--gray-500);--input-disabled-bg: var(--gray-900);--input-disabled-text: var(--gray-600);--sidebar-bg: var(--gray-900);--sidebar-hover: var(--gray-800);--sidebar-active: rgba(59, 130, 246, .2);--sidebar-active-text: var(--blue-400);--topbar-bg: var(--gray-900);--topbar-text: var(--gray-100);--topbar-text-muted: var(--gray-400);--topbar-hover: var(--gray-800);--topbar-border: var(--gray-700);--card-bg: var(--gray-900);--card-border: var(--gray-700);--code-bg: var(--gray-800);--code-text: var(--gray-200);--scrollbar-track: var(--gray-900);--scrollbar-thumb: var(--gray-700);--scrollbar-thumb-hover: var(--gray-600);--skeleton-base: var(--gray-800);--skeleton-highlight: var(--gray-700);--selection-bg: var(--blue-800);--selection-text: var(--gray-100);--focus-ring: 0 0 0 2px rgba(59, 130, 246, .3), 0 0 0 4px var(--color-primary);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-primary: 0 4px 14px -3px rgba(59, 130, 246, .3);--shadow-success: 0 4px 14px -3px rgba(34, 197, 94, .3);--shadow-warning: 0 4px 14px -3px rgba(245, 158, 11, .3);--shadow-error: 0 4px 14px -3px rgba(239, 68, 68, .3)}@media(prefers-color-scheme:dark){:root:not(.light):not([data-theme=light]){color-scheme:dark;--color-background: var(--gray-950);--color-surface: var(--gray-900);--color-surface-hover: var(--gray-800);--color-surface-elevated: var(--gray-800);--color-surface-sunken: var(--gray-950);--color-overlay: rgba(0, 0, 0, .7);--color-text-primary: var(--gray-100);--color-text-secondary: var(--gray-400);--color-text-tertiary: var(--gray-500);--color-text-disabled: var(--gray-600);--color-text-inverse: var(--gray-900);--color-text-link: var(--blue-400);--color-text-link-hover: var(--blue-300);--color-border: var(--gray-700);--color-border-hover: var(--gray-600);--color-divider: var(--gray-800);--color-primary: var(--blue-400);--color-primary-hover: var(--blue-300);--color-primary-subtle: rgba(59, 130, 246, .15);--color-success-subtle: rgba(34, 197, 94, .15);--color-success-text: var(--green-400);--color-warning-subtle: rgba(245, 158, 11, .15);--color-warning-text: var(--amber-400);--color-error-subtle: rgba(239, 68, 68, .15);--color-error-text: var(--red-400);--color-info-subtle: rgba(6, 182, 212, .15);--color-info-text: var(--cyan-400);--table-header-bg: var(--gray-800);--table-row-hover: var(--gray-800);--table-border: var(--gray-700);--input-bg: var(--gray-800);--input-border: var(--gray-600);--input-placeholder: var(--gray-500);--input-disabled-bg: var(--gray-900);--sidebar-bg: var(--gray-900);--sidebar-hover: var(--gray-800);--sidebar-active: rgba(59, 130, 246, .2);--card-bg: var(--gray-900);--card-border: var(--gray-700);--code-bg: var(--gray-800);--code-text: var(--gray-200);--scrollbar-track: var(--gray-900);--scrollbar-thumb: var(--gray-700);--scrollbar-thumb-hover: var(--gray-600);--skeleton-base: var(--gray-800);--skeleton-highlight: var(--gray-700);--selection-bg: var(--blue-800);--selection-text: var(--gray-100);--focus-ring: 0 0 0 2px rgba(59, 130, 246, .3), 0 0 0 4px var(--color-primary)}}.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--btn-padding-y) var(--btn-padding-x);min-height:40px;font-family:var(--btn-font);font-size:var(--text-sm);font-weight:var(--btn-weight);letter-spacing:var(--btn-tracking);line-height:1;text-decoration:none;white-space:nowrap;background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--btn-radius, var(--radius-md));cursor:pointer;transition:var(--transition-button)}.k-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.k-btn:active{transform:scale(.98)}.k-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.k-btn:disabled,.k-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.k-btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.k-btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.k-btn--primary:active{background-color:var(--color-primary-active)}.k-btn--secondary{background-color:var(--color-secondary);color:var(--color-text-inverse);border-color:var(--color-secondary)}.k-btn--secondary:hover{background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.k-btn--outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.k-btn--outline:hover{background-color:var(--color-primary-subtle)}.k-btn--ghost{background-color:transparent;color:var(--color-text-primary);border-color:transparent}.k-btn--ghost:hover{background-color:var(--color-surface-hover)}.k-btn--danger{background-color:var(--color-error);color:var(--color-text-inverse);border-color:var(--color-error)}.k-btn--danger:hover{background-color:var(--color-error-hover);border-color:var(--color-error-hover)}.k-btn--success{background-color:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.k-btn--success:hover{background-color:var(--color-success-hover);border-color:var(--color-success-hover)}.k-btn--sm{padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);min-height:32px;font-size:var(--text-xs)}.k-btn--lg{padding:var(--btn-padding-y-lg) var(--btn-padding-x-lg);min-height:48px;font-size:var(--text-base)}.k-btn--icon{padding:var(--space-2);min-height:auto;aspect-ratio:1}.k-btn--icon.k-btn--sm{padding:var(--space-1-5)}.k-btn--icon.k-btn--lg{padding:var(--space-3)}.k-btn svg,.k-btn .k-icon{width:1.25em;height:1.25em;flex-shrink:0}.k-btn--block{width:100%}.k-btn-group{display:inline-flex}.k-btn-group .k-btn{border-radius:0}.k-btn-group .k-btn:first-child{border-top-left-radius:var(--btn-radius, var(--radius-md));border-bottom-left-radius:var(--btn-radius, var(--radius-md))}.k-btn-group .k-btn:last-child{border-top-right-radius:var(--btn-radius, var(--radius-md));border-bottom-right-radius:var(--btn-radius, var(--radius-md))}.k-btn-group .k-btn:not(:first-child){margin-left:-1px}.k-btn-group .k-btn:hover{z-index:1}.k-btn--loading{position:relative;color:transparent!important;pointer-events:none}.k-btn--loading:after{content:"";position:absolute;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:k-spin .6s linear infinite;color:var(--color-text-inverse)}.k-btn:not(.k-btn--primary):not(.k-btn--secondary):not(.k-btn--danger):not(.k-btn--success).k-btn--loading:after{color:var(--color-text-primary)}.k-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius, var(--radius-xl));box-shadow:var(--card-shadow);overflow:hidden}.k-card--hover{transition:var(--transition-shadow),var(--transition-transform)}.k-card--hover:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.k-card--clickable{cursor:pointer}.k-card--clickable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.k-card__header{padding:var(--card-padding);border-bottom:1px solid var(--color-divider)}.k-card__header--compact{padding:var(--card-padding-sm)}.k-card__content{padding:var(--card-padding)}.k-card__content--compact{padding:var(--card-padding-sm)}.k-card__content--flush{padding:0}.k-card__footer{padding:var(--card-padding);border-top:1px solid var(--color-divider);background-color:var(--color-surface-sunken)}.k-card__footer--compact{padding:var(--card-padding-sm)}.k-card__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.k-card__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.k-card__media{position:relative;overflow:hidden}.k-card__media img,.k-card__media video{display:block;width:100%;height:auto;object-fit:cover}.k-card__media--top{border-top-left-radius:inherit;border-top-right-radius:inherit}.k-card--flat{box-shadow:none}.k-card--outlined{box-shadow:none;border-width:1px}.k-card--elevated{box-shadow:var(--shadow-md)}.k-card--flush{border-radius:0;border-left:none;border-right:none}.k-card--compact{--card-padding: var(--space-4)}.k-card--spacious{--card-padding: var(--space-8)}.k-card__actions{display:flex;align-items:center;gap:var(--space-2);padding:var(--card-padding);border-top:1px solid var(--color-divider)}.k-card__actions--end{justify-content:flex-end}.k-card__actions--between{justify-content:space-between}.k-card-grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.k-card-grid--2{grid-template-columns:repeat(2,1fr)}.k-card-grid--3{grid-template-columns:repeat(3,1fr)}.k-card-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.k-card-grid--2,.k-card-grid--3,.k-card-grid--4{grid-template-columns:1fr}}.k-input{display:block;width:100%;padding:var(--input-padding-y) var(--input-padding-x);min-height:40px;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius, var(--radius-md));transition:var(--transition-input)}.k-input::placeholder{color:var(--input-placeholder)}.k-input:hover:not(:disabled){border-color:var(--color-border-hover)}.k-input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--focus-ring)}.k-input:disabled{background-color:var(--input-disabled-bg);color:var(--input-disabled-text);cursor:not-allowed}.k-input--error,.k-field--error .k-input{border-color:var(--input-error-border)}.k-input--error:focus,.k-field--error .k-input:focus{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-subtle),0 0 0 4px var(--color-error)}.k-input--sm{padding:var(--space-1-5) var(--space-2);min-height:32px;font-size:var(--text-xs)}.k-input--lg{padding:var(--space-3) var(--space-4);min-height:48px;font-size:var(--text-base)}textarea.k-input{min-height:100px;resize:vertical}select.k-input{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-2) center;background-repeat:no-repeat;background-size:1.25em;padding-right:var(--space-10)}.k-field{display:flex;flex-direction:column;gap:var(--form-label-gap)}.k-label{font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);color:var(--color-text-primary)}.k-label--required:after{content:" *";color:var(--color-error)}.k-field__hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.k-field__error{font-size:var(--text-xs);color:var(--color-error)}.k-input-wrap{position:relative;display:flex;align-items:center}.k-input-wrap .k-input{flex:1}.k-input-wrap__prefix{position:absolute;left:var(--space-3);display:flex;align-items:center;color:var(--color-text-tertiary);pointer-events:none}.k-input-wrap--prefix .k-input{padding-left:var(--space-10)}.k-input-wrap__suffix{position:absolute;right:var(--space-3);display:flex;align-items:center;color:var(--color-text-tertiary)}.k-input-wrap--suffix .k-input{padding-right:var(--space-10)}.k-input-wrap__prefix svg,.k-input-wrap__suffix svg{width:1.25rem;height:1.25rem}.k-input-group{display:flex}.k-input-group .k-input{flex:1;border-radius:0}.k-input-group .k-input:first-child{border-top-left-radius:var(--input-radius, var(--radius-md));border-bottom-left-radius:var(--input-radius, var(--radius-md))}.k-input-group .k-input:last-child{border-top-right-radius:var(--input-radius, var(--radius-md));border-bottom-right-radius:var(--input-radius, var(--radius-md))}.k-input-group .k-btn{border-radius:0}.k-input-group .k-btn:last-child{border-top-right-radius:var(--input-radius, var(--radius-md));border-bottom-right-radius:var(--input-radius, var(--radius-md))}.k-input-group>*:not(:first-child){margin-left:-1px}.k-form{display:flex;flex-direction:column;gap:var(--form-gap)}.k-form--inline{flex-direction:row;align-items:flex-end;flex-wrap:wrap}.k-form--inline .k-field{flex:1;min-width:200px}.k-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.k-checkbox__input{position:absolute;opacity:0;width:0;height:0}.k-checkbox__box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-sm);transition:var(--transition-colors);flex-shrink:0}.k-checkbox__box:after{content:"";display:none;width:5px;height:9px;border:solid var(--color-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.k-checkbox:hover .k-checkbox__box{border-color:var(--color-border-hover)}.k-checkbox__input:focus-visible+.k-checkbox__box{box-shadow:var(--focus-ring)}.k-checkbox__input:checked+.k-checkbox__box{background-color:var(--color-primary);border-color:var(--color-primary)}.k-checkbox__input:checked+.k-checkbox__box:after{display:block}.k-checkbox__input:indeterminate+.k-checkbox__box{background-color:var(--color-primary);border-color:var(--color-primary)}.k-checkbox__input:indeterminate+.k-checkbox__box:after{display:block;width:8px;height:2px;border:none;background-color:var(--color-text-inverse);transform:none}.k-checkbox__input:disabled+.k-checkbox__box{background-color:var(--input-disabled-bg);border-color:var(--color-border);cursor:not-allowed}.k-checkbox__input:disabled:checked+.k-checkbox__box{background-color:var(--gray-400);border-color:var(--gray-400)}.k-checkbox__input:disabled~.k-checkbox__label{color:var(--color-text-disabled);cursor:not-allowed}.k-checkbox__label{font-size:var(--text-sm);color:var(--color-text-primary)}.k-checkbox-group{display:flex;flex-direction:column;gap:var(--space-3)}.k-checkbox-group--inline{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.k-radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.k-radio__input{position:absolute;opacity:0;width:0;height:0}.k-radio__circle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:50%;transition:var(--transition-colors);flex-shrink:0}.k-radio__circle:after{content:"";display:none;width:8px;height:8px;background-color:var(--color-text-inverse);border-radius:50%}.k-radio:hover .k-radio__circle{border-color:var(--color-border-hover)}.k-radio__input:focus-visible+.k-radio__circle{box-shadow:var(--focus-ring)}.k-radio__input:checked+.k-radio__circle{background-color:var(--color-primary);border-color:var(--color-primary)}.k-radio__input:checked+.k-radio__circle:after{display:block}.k-radio__input:disabled+.k-radio__circle{background-color:var(--input-disabled-bg);border-color:var(--color-border);cursor:not-allowed}.k-radio__input:disabled:checked+.k-radio__circle{background-color:var(--gray-400);border-color:var(--gray-400)}.k-radio__input:disabled~.k-radio__label{color:var(--color-text-disabled);cursor:not-allowed}.k-radio__label{font-size:var(--text-sm);color:var(--color-text-primary)}.k-radio-group{display:flex;flex-direction:column;gap:var(--space-3)}.k-radio-group--inline{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.k-toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.k-toggle__input{position:absolute;opacity:0;width:0;height:0}.k-toggle__track{position:relative;width:44px;height:24px;background-color:var(--gray-300);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-in-out);flex-shrink:0}.k-toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-in-out)}.k-toggle:hover .k-toggle__track{background-color:var(--gray-400)}.k-toggle__input:focus-visible+.k-toggle__track{box-shadow:var(--focus-ring)}.k-toggle__input:checked+.k-toggle__track{background-color:var(--color-primary)}.k-toggle__input:checked+.k-toggle__track:after{transform:translate(20px)}.k-toggle:hover .k-toggle__input:checked+.k-toggle__track{background-color:var(--color-primary-hover)}.k-toggle__input:disabled+.k-toggle__track{background-color:var(--gray-200);cursor:not-allowed}.k-toggle__input:disabled+.k-toggle__track:after{background-color:var(--gray-100)}.k-toggle__input:disabled:checked+.k-toggle__track{background-color:var(--gray-300)}.k-toggle__input:disabled~.k-toggle__label{color:var(--color-text-disabled);cursor:not-allowed}.k-toggle__label{font-size:var(--text-sm);color:var(--color-text-primary)}.k-toggle--sm .k-toggle__track{width:36px;height:20px}.k-toggle--sm .k-toggle__track:after{width:16px;height:16px}.k-toggle--sm .k-toggle__input:checked+.k-toggle__track:after{transform:translate(16px)}.k-toggle--lg .k-toggle__track{width:52px;height:28px}.k-toggle--lg .k-toggle__track:after{width:24px;height:24px}.k-toggle--lg .k-toggle__input:checked+.k-toggle__track:after{transform:translate(24px)}.k-toggle--success .k-toggle__input:checked+.k-toggle__track{background-color:var(--color-success)}.k-toggle--success:hover .k-toggle__input:checked+.k-toggle__track{background-color:var(--color-success-hover)}.k-toggle--danger .k-toggle__input:checked+.k-toggle__track{background-color:var(--color-error)}.k-toggle--danger:hover .k-toggle__input:checked+.k-toggle__track{background-color:var(--color-error-hover)}.k-toggle--with-icons .k-toggle__track:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;background-size:contain;background-repeat:no-repeat;opacity:.6}.k-toggle--with-icons .k-toggle__input:checked+.k-toggle__track:before{left:6px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3e%3cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3e%3c/svg%3e")}.k-toggle--with-icons .k-toggle__input:not(:checked)+.k-toggle__track:before{right:6px;left:auto;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3e%3cpath fill-rule='evenodd' d='M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z' clip-rule='evenodd'/%3e%3c/svg%3e")}.k-menu{position:relative;display:inline-block}.k-menu__content{position:absolute;z-index:50;min-width:180px;padding:var(--space-1);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--dropdown-shadow);opacity:0;visibility:hidden;transform:scale(.95) translateY(-4px);transform-origin:top left;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),visibility var(--duration-fast)}.k-menu--open .k-menu__content,.k-menu__content:focus-within{opacity:1;visibility:visible;transform:scale(1) translateY(0)}.k-menu--right .k-menu__content{right:0;left:auto;transform-origin:top right}.k-menu--top .k-menu__content{bottom:100%;top:auto;transform-origin:bottom left}.k-menu--top.k-menu--right .k-menu__content{transform-origin:bottom right}.k-menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:var(--transition-colors)}.k-menu__item:hover{background-color:var(--color-surface-hover)}.k-menu__item:focus-visible{outline:none;background-color:var(--color-surface-hover);box-shadow:inset 0 0 0 2px var(--color-primary)}.k-menu__item:active{background-color:var(--gray-100)}.k-menu__item:disabled,.k-menu__item--disabled{color:var(--color-text-disabled);cursor:not-allowed}.k-menu__item:disabled:hover,.k-menu__item--disabled:hover{background:none}.k-menu__item--danger{color:var(--color-error)}.k-menu__item--danger:hover{background-color:var(--color-error-subtle)}.k-menu__item-icon{width:1rem;height:1rem;color:var(--color-text-secondary);flex-shrink:0}.k-menu__item--danger .k-menu__item-icon{color:var(--color-error)}.k-menu__item-label{flex:1}.k-menu__item-shortcut{font-size:var(--text-xs);color:var(--color-text-tertiary)}.k-menu__divider{height:1px;margin:var(--space-1) 0;background-color:var(--color-divider)}.k-menu__label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.k-menu__group{padding:var(--space-1) 0}.k-menu__group:not(:last-child){border-bottom:1px solid var(--color-divider)}.k-menu__item--checkbox,.k-menu__item--radio{padding-left:var(--space-8);position:relative}.k-menu__item--checkbox:before,.k-menu__item--radio:before{content:"";position:absolute;left:var(--space-3);width:1rem;height:1rem}.k-menu__item--checkbox[aria-checked=true]:before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%233b82f6'%3e%3cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3e%3c/svg%3e")}.k-menu__item--radio[aria-checked=true]:before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%233b82f6'%3e%3ccircle cx='10' cy='10' r='4'/%3e%3c/svg%3e")}.k-menu__item--submenu{position:relative}.k-menu__item--submenu:after{content:"";margin-left:auto;width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3e%3cpath fill-rule='evenodd' d='M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z' clip-rule='evenodd'/%3e%3c/svg%3e")}.k-menu__submenu{position:absolute;left:100%;top:0;margin-left:var(--space-1)}.k-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--text-sm)}.k-table thead{background-color:var(--table-header-bg)}.k-table th{padding:var(--table-cell-padding-y) var(--table-cell-padding-x);font-weight:var(--font-semibold);color:var(--color-text-primary);text-align:left;white-space:nowrap;border-bottom:1px solid var(--table-border)}.k-table th.k-table__sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.k-table th.k-table__sortable:hover{background-color:var(--color-surface-hover)}.k-table__sort-icon{display:inline-block;width:1rem;height:1rem;margin-left:var(--space-1);vertical-align:middle;opacity:.4}.k-table th.k-table__sorted .k-table__sort-icon{opacity:1}.k-table th.k-table__sorted--desc .k-table__sort-icon{transform:rotate(180deg)}.k-table td{padding:var(--table-cell-padding-y) var(--table-cell-padding-x);color:var(--color-text-secondary);border-bottom:1px solid var(--table-border);vertical-align:middle}.k-table tbody tr:last-child td{border-bottom:none}.k-table--hover tbody tr:hover{background-color:var(--table-row-hover)}.k-table tbody tr.k-table__row--selected{background-color:var(--table-row-selected)}.k-table tbody tr.k-table__row--clickable{cursor:pointer}.k-table--bordered{border:1px solid var(--table-border);border-radius:var(--radius-lg);overflow:hidden}.k-table--bordered th,.k-table--bordered td{border:1px solid var(--table-border)}.k-table--striped tbody tr:nth-child(2n){background-color:var(--color-surface-sunken)}.k-table--compact th,.k-table--compact td{padding:var(--space-2) var(--space-3)}.k-table--fixed{table-layout:fixed}.k-table__cell--center{text-align:center}.k-table__cell--right{text-align:right}.k-table__cell--nowrap{white-space:nowrap}.k-table__cell--numeric{text-align:right;font-variant-numeric:tabular-nums}.k-table__select{width:40px;text-align:center}.k-table__select .k-checkbox{justify-content:center}.k-table__actions{width:1%;white-space:nowrap;text-align:right}.k-table__actions-wrap{display:flex;gap:var(--space-1);justify-content:flex-end}.k-table__empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-tertiary)}.k-table__empty-icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-text-disabled)}.k-table__empty-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.k-table__empty-description{font-size:var(--text-sm)}.k-table--loading{position:relative}.k-table--loading:after{content:"";position:absolute;inset:0;background-color:var(--color-overlay);opacity:.5}.k-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.k-table--stack-mobile thead{display:none}.k-table--stack-mobile tbody tr{display:block;padding:var(--space-4);border-bottom:1px solid var(--table-border)}.k-table--stack-mobile td{display:flex;justify-content:space-between;padding:var(--space-2) 0;border:none}.k-table--stack-mobile td:before{content:attr(data-label);font-weight:var(--font-semibold);color:var(--color-text-primary)}}.k-tabs{display:flex;flex-direction:column}.k-tabs__list{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.k-tabs__tab{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:var(--transition-colors)}.k-tabs__tab:hover{color:var(--color-text-primary)}.k-tabs__tab:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.k-tabs__tab--active{color:var(--color-primary)}.k-tabs__tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:transparent;transition:background-color var(--duration-fast) var(--ease-in-out)}.k-tabs__tab--active:after{background-color:var(--color-primary)}.k-tabs__tab:disabled{color:var(--color-text-disabled);cursor:not-allowed}.k-tabs__tab-icon{width:1rem;height:1rem}.k-tabs__tab-badge{padding:var(--space-0-5) var(--space-1-5);font-size:var(--text-xs);font-weight:var(--font-semibold);background-color:var(--gray-100);color:var(--color-text-secondary);border-radius:var(--radius-full)}.k-tabs__tab--active .k-tabs__tab-badge{background-color:var(--color-primary-subtle);color:var(--color-primary)}.k-tabs__panel{padding:var(--space-4) 0}.k-tabs__panel[hidden]{display:none}.k-tabs--pills .k-tabs__list{gap:var(--space-2);border-bottom:none;padding:var(--space-1);background-color:var(--gray-100);border-radius:var(--radius-lg)}.k-tabs--pills .k-tabs__tab{border-radius:var(--radius-md)}.k-tabs--pills .k-tabs__tab:after{display:none}.k-tabs--pills .k-tabs__tab--active{background-color:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.k-tabs--bordered .k-tabs__list{gap:0}.k-tabs--bordered .k-tabs__tab{border:1px solid transparent;border-bottom:none;margin-bottom:-1px;border-radius:var(--radius-md) var(--radius-md) 0 0}.k-tabs--bordered .k-tabs__tab--active{background-color:var(--color-surface);border-color:var(--color-border)}.k-tabs--bordered .k-tabs__tab:after{display:none}.k-tabs--vertical{flex-direction:row}.k-tabs--vertical .k-tabs__list{flex-direction:column;border-bottom:none;border-right:1px solid var(--color-border);min-width:200px}.k-tabs--vertical .k-tabs__tab{justify-content:flex-start;text-align:left}.k-tabs--vertical .k-tabs__tab:after{inset:0 -1px 0 auto;width:2px;height:auto}.k-tabs--vertical .k-tabs__panel{flex:1;padding:0 var(--space-4)}.k-tabs--sm .k-tabs__tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.k-tabs--lg .k-tabs__tab{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.k-tabs--full .k-tabs__list{width:100%}.k-tabs--full .k-tabs__tab{flex:1;justify-content:center}.k-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.4;color:var(--color-text-secondary);background-color:var(--gray-100);border-radius:var(--radius-full);white-space:nowrap}.k-badge--primary{background-color:var(--color-primary-subtle);color:var(--color-primary)}.k-badge--secondary{background-color:var(--color-secondary-subtle);color:var(--color-secondary)}.k-badge--success{background-color:var(--color-success-subtle);color:var(--color-success-text)}.k-badge--warning{background-color:var(--color-warning-subtle);color:var(--color-warning-text)}.k-badge--error,.k-badge--danger{background-color:var(--color-error-subtle);color:var(--color-error-text)}.k-badge--info{background-color:var(--color-info-subtle);color:var(--color-info-text)}.k-badge--primary-solid{background-color:var(--color-primary);color:var(--color-text-inverse)}.k-badge--success-solid{background-color:var(--color-success);color:var(--color-text-inverse)}.k-badge--warning-solid{background-color:var(--color-warning);color:var(--gray-900)}.k-badge--error-solid,.k-badge--danger-solid{background-color:var(--color-error);color:var(--color-text-inverse)}.k-badge--sm{padding:var(--space-0-5) var(--space-1-5);font-size:var(--text-2xs)}.k-badge--lg{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.k-badge--dot{width:8px;height:8px;padding:0;background-color:var(--gray-400)}.k-badge--dot.k-badge--primary{background-color:var(--color-primary)}.k-badge--dot.k-badge--success{background-color:var(--color-success)}.k-badge--dot.k-badge--warning{background-color:var(--color-warning)}.k-badge--dot.k-badge--error{background-color:var(--color-error)}.k-badge--dot.k-badge--pulse{position:relative}.k-badge--dot.k-badge--pulse:after{content:"";position:absolute;inset:0;border-radius:50%;background-color:inherit;animation:k-ping 1.5s cubic-bezier(0,0,.2,1) infinite}.k-badge--count{min-width:20px;height:20px;padding:0 var(--space-1-5);font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center;background-color:var(--color-error);color:var(--color-text-inverse)}.k-badge--count.k-badge--sm{min-width:16px;height:16px;font-size:var(--text-2xs)}.k-badge--outline{background-color:transparent;border:1px solid currentColor}.k-badge--outline.k-badge--primary{border-color:var(--color-primary);color:var(--color-primary)}.k-badge--outline.k-badge--success{border-color:var(--color-success);color:var(--color-success)}.k-badge--outline.k-badge--warning{border-color:var(--color-warning);color:var(--color-warning)}.k-badge--outline.k-badge--error{border-color:var(--color-error);color:var(--color-error)}.k-badge__icon{width:.875em;height:.875em;flex-shrink:0}.k-badge--removable{padding-right:var(--space-1)}.k-badge__remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:var(--space-0-5);padding:0;background:none;border:none;border-radius:50%;color:inherit;opacity:.6;cursor:pointer;transition:var(--transition-colors)}.k-badge__remove:hover{opacity:1;background-color:#0000001a}.k-badge__remove svg{width:10px;height:10px}.k-spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:k-spin .8s linear infinite}.k-spinner--xs{width:12px;height:12px;border-width:1.5px}.k-spinner--sm{width:16px;height:16px;border-width:2px}.k-spinner--md{width:24px;height:24px}.k-spinner--lg{width:32px;height:32px;border-width:3px}.k-spinner--xl{width:48px;height:48px;border-width:4px}.k-spinner--primary{border-color:var(--color-primary-muted);border-top-color:var(--color-primary)}.k-spinner--secondary{border-color:var(--color-secondary-subtle);border-top-color:var(--color-secondary)}.k-spinner--success{border-color:var(--color-success-subtle);border-top-color:var(--color-success)}.k-spinner--warning{border-color:var(--color-warning-subtle);border-top-color:var(--color-warning)}.k-spinner--error{border-color:var(--color-error-subtle);border-top-color:var(--color-error)}.k-spinner--white{border-color:#ffffff4d;border-top-color:#fff}.k-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.k-loading-overlay--light{background-color:#fffc}.k-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.k-loading__text{font-size:var(--text-sm);color:var(--color-text-secondary)}.k-skeleton{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:k-skeleton-wave 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes k-skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.k-skeleton--text{height:1em;margin-bottom:var(--space-2)}.k-skeleton--text:last-child{width:60%}.k-skeleton--title{height:1.5em;width:40%;margin-bottom:var(--space-3)}.k-skeleton--avatar{width:40px;height:40px;border-radius:50%}.k-skeleton--avatar.k-skeleton--lg{width:64px;height:64px}.k-skeleton--button{height:40px;width:100px}.k-skeleton--image{height:200px;border-radius:var(--radius-lg)}.k-dots{display:inline-flex;gap:var(--space-1)}.k-dots__dot{width:6px;height:6px;background-color:var(--color-primary);border-radius:50%;animation:k-dots-bounce 1.4s ease-in-out infinite both}.k-dots__dot:nth-child(1){animation-delay:-.32s}.k-dots__dot:nth-child(2){animation-delay:-.16s}@keyframes k-dots-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.k-progress{width:100%;height:4px;background-color:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.k-progress__bar{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.k-progress--indeterminate .k-progress__bar{width:30%;animation:k-progress-indeterminate 1.5s ease-in-out infinite}@keyframes k-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.k-progress--sm{height:2px}.k-progress--lg{height:8px}.k-progress--success .k-progress__bar{background-color:var(--color-success)}.k-progress--warning .k-progress__bar{background-color:var(--color-warning)}.k-progress--error .k-progress__bar{background-color:var(--color-error)}[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{position:absolute;z-index:100;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast)}[data-tooltip]:after{content:attr(data-tooltip);bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-1-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-normal);line-height:var(--leading-tight);color:var(--color-text-inverse);background-color:var(--gray-900);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--tooltip-shadow)}[data-tooltip]:before{content:"";bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--gray-900)}[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus-visible:before,[data-tooltip]:focus-visible:after{opacity:1;visibility:visible}[data-tooltip-position=bottom]:after{bottom:auto;top:calc(100% + 8px)}[data-tooltip-position=bottom]:before{bottom:auto;top:calc(100% + 4px);border-top-color:transparent;border-bottom-color:var(--gray-900)}[data-tooltip-position=left]:after{bottom:auto;left:auto;right:calc(100% + 8px);top:50%;transform:translateY(-50%)}[data-tooltip-position=left]:before{bottom:auto;left:auto;right:calc(100% + 4px);top:50%;transform:translateY(-50%);border-top-color:transparent;border-left-color:var(--gray-900)}[data-tooltip-position=right]:after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}[data-tooltip-position=right]:before{bottom:auto;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--gray-900)}[data-tooltip-multiline]:after{white-space:normal;width:max-content;max-width:250px;text-align:center}.k-tooltip-wrap{position:relative;display:inline-block}.k-tooltip__content{position:absolute;z-index:100;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-text-inverse);background-color:var(--gray-900);border-radius:var(--radius-md);box-shadow:var(--tooltip-shadow);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast)}.k-tooltip-wrap:hover .k-tooltip__content,.k-tooltip__content--visible{opacity:1;visibility:visible}[data-tooltip-variant=light]:after{color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border)}[data-tooltip-variant=light]:before{border-top-color:var(--color-surface)}.k-tooltip__content--light{color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border)}.k-popover{position:absolute;z-index:100;min-width:200px;max-width:320px;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--popover-shadow);opacity:0;visibility:hidden;transform:scale(.95);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),visibility var(--duration-fast)}.k-popover--visible{opacity:1;visibility:visible;transform:scale(1)}.k-popover__header{font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.k-popover__body{font-size:var(--text-sm);color:var(--color-text-secondary)}.k-popover__footer{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.k-toolbar{display:flex;align-items:center;gap:var(--space-4);height:var(--topbar-height);padding:0 var(--space-4);background-color:var(--topbar-bg);color:var(--topbar-text);box-shadow:var(--topbar-shadow)}.k-toolbar__start{display:flex;align-items:center;gap:var(--space-3)}.k-toolbar__center{display:flex;align-items:center;flex:1;justify-content:center}.k-toolbar__end{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.k-toolbar__logo{height:32px;width:auto}.k-toolbar__title{font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap}.k-toolbar__spacer{flex:1}.k-toolbar__nav{display:flex;align-items:center;gap:var(--space-1)}.k-toolbar__nav-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:inherit;opacity:.8;text-decoration:none;border-radius:var(--radius-md);transition:var(--transition-colors)}.k-toolbar__nav-item:hover,.k-toolbar__nav-item--active{opacity:1;background-color:var(--topbar-hover)}.k-toolbar__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:inherit;cursor:pointer;transition:var(--transition-colors)}.k-toolbar__icon-btn:hover{background-color:var(--topbar-hover)}.k-toolbar__icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--topbar-text)}.k-toolbar__icon-btn svg{width:20px;height:20px}.k-toolbar__badge-wrap{position:relative}.k-toolbar__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 var(--space-1);font-size:var(--text-2xs);font-weight:var(--font-bold);color:#fff;background-color:var(--color-error);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.k-toolbar--transparent{background-color:transparent;box-shadow:none}.k-toolbar--dense{height:48px}.k-toolbar--extended{height:auto;min-height:var(--topbar-height);flex-wrap:wrap;padding-top:var(--space-3);padding-bottom:var(--space-3)}.k-toolbar--surface{background-color:var(--color-surface);color:var(--color-text-primary);--topbar-hover: var(--color-surface-hover)}.k-toolbar__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:#ffffff1a;border-radius:var(--radius-full);width:240px;transition:var(--transition-all)}.k-toolbar__search:focus-within{background-color:#fff3;width:320px}.k-toolbar__search input{flex:1;background:none;border:none;color:inherit;font-size:var(--text-sm);outline:none}.k-toolbar__search input::placeholder{color:inherit;opacity:.7}.k-toolbar__search svg{width:16px;height:16px;opacity:.7}.k-toolbar__divider{width:1px;height:24px;background-color:currentColor;opacity:.2}.k-toolbar__menu-btn{display:none}@media(max-width:768px){.k-toolbar__menu-btn{display:inline-flex}.k-toolbar__nav,.k-toolbar__search{display:none}}.k-status-bg--ok,.k-status-bg--success,.k-status-bg--online,.k-status-bg--active,.k-status-bg--healthy{background-color:var(--color-success-subtle, rgba(34, 197, 94, .1))!important}.k-status-bg--warning,.k-status-bg--caution,.k-status-bg--alert{background-color:var(--color-warning-subtle, rgba(245, 158, 11, .1))!important}.k-status-bg--error,.k-status-bg--danger,.k-status-bg--offline,.k-status-bg--critical,.k-status-bg--failed{background-color:var(--color-error-subtle, rgba(239, 68, 68, .1))!important}.k-status-bg--info,.k-status-bg--notice,.k-status-bg--pending{background-color:var(--color-info-subtle, rgba(6, 182, 212, .1))!important}.k-status-bg--idle,.k-status-bg--standby,.k-status-bg--inactive{background-color:var(--gray-100, #f3f4f6)!important}.k-status-bg--unknown,.k-status-bg--loading{background-color:var(--gray-50, #f9fafb)!important}.k-status-text--ok,.k-status-text--success,.k-status-text--online,.k-status-text--active,.k-status-text--healthy{color:var(--color-success-text, var(--color-success, #22c55e))!important}.k-status-text--warning,.k-status-text--caution,.k-status-text--alert{color:var(--color-warning-text, var(--color-warning, #f59e0b))!important}.k-status-text--error,.k-status-text--danger,.k-status-text--offline,.k-status-text--critical,.k-status-text--failed{color:var(--color-error-text, var(--color-error, #ef4444))!important}.k-status-text--info,.k-status-text--notice,.k-status-text--pending{color:var(--color-info-text, var(--color-info, #06b6d4))!important}.k-status-text--idle,.k-status-text--standby,.k-status-text--inactive{color:var(--color-text-tertiary, #6b7280)!important}.k-status-text--unknown,.k-status-text--loading{color:var(--color-text-disabled, #9ca3af)!important}.k-status-border--ok,.k-status-border--success,.k-status-border--online,.k-status-border--active,.k-status-border--healthy{border-color:var(--color-success, #22c55e)!important}.k-status-border--warning,.k-status-border--caution,.k-status-border--alert{border-color:var(--color-warning, #f59e0b)!important}.k-status-border--error,.k-status-border--danger,.k-status-border--offline,.k-status-border--critical,.k-status-border--failed{border-color:var(--color-error, #ef4444)!important}.k-status-border--info,.k-status-border--notice,.k-status-border--pending{border-color:var(--color-info, #06b6d4)!important}.k-status-border--idle,.k-status-border--standby,.k-status-border--inactive{border-color:var(--gray-300, #d1d5db)!important}.k-status-border--unknown,.k-status-border--loading{border-color:var(--gray-200, #e5e7eb)!important}.k-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--gray-400, #9ca3af);flex-shrink:0}.k-status-dot--ok,.k-status-dot--success,.k-status-dot--online,.k-status-dot--active,.k-status-dot--healthy{background-color:var(--color-success, #22c55e)}.k-status-dot--warning,.k-status-dot--caution,.k-status-dot--alert{background-color:var(--color-warning, #f59e0b)}.k-status-dot--error,.k-status-dot--danger,.k-status-dot--offline,.k-status-dot--critical,.k-status-dot--failed{background-color:var(--color-error, #ef4444)}.k-status-dot--info,.k-status-dot--notice,.k-status-dot--pending{background-color:var(--color-info, #06b6d4)}.k-status-dot--idle,.k-status-dot--standby,.k-status-dot--inactive{background-color:var(--gray-400, #9ca3af)}.k-status-dot--unknown,.k-status-dot--loading{background-color:var(--gray-300, #d1d5db)}.k-status-dot--pulse{position:relative}.k-status-dot--pulse:after{content:"";position:absolute;inset:0;border-radius:50%;background-color:inherit;animation:k-ping 1.5s cubic-bezier(0,0,.2,1) infinite}.k-status-badge{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);padding:var(--space-0-5, .125rem) var(--space-2, .5rem);font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);line-height:1.4;border-radius:var(--radius-full, 9999px);background-color:var(--gray-100, #f3f4f6);color:var(--color-text-secondary, #6b7280)}.k-status-badge--ok,.k-status-badge--success,.k-status-badge--online,.k-status-badge--active,.k-status-badge--healthy{background-color:var(--color-success-subtle, rgba(34, 197, 94, .1));color:var(--color-success-text, #15803d)}.k-status-badge--warning,.k-status-badge--caution,.k-status-badge--alert{background-color:var(--color-warning-subtle, rgba(245, 158, 11, .1));color:var(--color-warning-text, #b45309)}.k-status-badge--error,.k-status-badge--danger,.k-status-badge--offline,.k-status-badge--critical,.k-status-badge--failed{background-color:var(--color-error-subtle, rgba(239, 68, 68, .1));color:var(--color-error-text, #b91c1c)}.k-status-badge--info,.k-status-badge--notice,.k-status-badge--pending{background-color:var(--color-info-subtle, rgba(6, 182, 212, .1));color:var(--color-info-text, #0e7490)}.k-disabled,[disabled],[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.k-disabled--interactive{opacity:.5;cursor:not-allowed;pointer-events:auto}.k-action{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--color-primary, #3b82f6);background:transparent;border:none;border-radius:var(--radius-md, 6px);cursor:pointer;transition:var(--transition-colors)}.k-action:hover:not(:disabled){background-color:var(--color-primary-subtle, rgba(59, 130, 246, .1))}.k-action:disabled,.k-action.k-disabled{color:var(--color-text-disabled, #9ca3af);opacity:.5;cursor:not-allowed}.k-action--danger{color:var(--color-error, #ef4444)}.k-action--danger:hover:not(:disabled){background-color:var(--color-error-subtle, rgba(239, 68, 68, .1))}.k-action--primary{background-color:var(--color-primary, #3b82f6);color:var(--color-text-inverse, #ffffff)}.k-action--primary:hover:not(:disabled){background-color:var(--color-primary-hover, #2563eb)}.k-action--primary:disabled{background-color:var(--gray-300, #d1d5db);color:var(--gray-500, #6b7280)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--heading-font);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);color:var(--color-text-primary)}h1{font-size:var(--text-4xl);line-height:var(--leading-tight)}h2{font-size:var(--text-3xl);line-height:var(--leading-tight)}h3{font-size:var(--text-2xl);line-height:var(--leading-snug)}h4{font-size:var(--text-xl);line-height:var(--leading-snug)}h5{font-size:var(--text-lg);line-height:var(--leading-normal)}h6{font-size:var(--text-base);line-height:var(--leading-normal)}p{margin:0;color:var(--color-text-secondary)}a{color:var(--color-text-link);text-decoration:none;transition:var(--transition-link)}a:hover{color:var(--color-text-link-hover)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:var(--code-size)}code{padding:var(--space-0-5) var(--space-1);background-color:var(--code-bg);color:var(--code-text);border-radius:var(--radius-sm)}pre{padding:var(--space-4);background-color:var(--code-bg);border-radius:var(--radius-md);overflow-x:auto}pre code{padding:0;background:none}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.animate-spin{animation:k-spin 1s linear infinite}.animate-pulse{animation:k-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:k-bounce 1s infinite}html,body{height:100%;margin:0;padding:0;background-color:var(--color-background)}app-root{display:block;height:100vh;width:100%}.map-popover{background:var(--color-surface);color:var(--color-text-primary);border:0;border-radius:var(--radius-lg);padding:var(--space-1-5) var(--space-2);box-shadow:var(--shadow-lg);font-size:var(--text-xs);font-weight:600;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-ui-hover-effect{display:none!important}.gm-style .gm-style-iw-c{padding:0!important;background:transparent!important;box-shadow:none!important}.gm-style .gm-style-iw-d{padding:0!important;overflow:visible!important}.gm-style .gm-style-iw-c .map-popover{padding:var(--space-1-5) var(--space-2)}div.mapboxgl-popup-content{padding:0;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}