:root{--color-black: #000000;--color-white: #ffffff;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-primary-950: #1e1b4b;--color-accent-50: #ecfeff;--color-accent-100: #cffafe;--color-accent-200: #a5f3fc;--color-accent-300: #67e8f9;--color-accent-400: #22d3ee;--color-accent-500: #06b6d4;--color-accent-600: #0891b2;--color-accent-700: #0e7490;--color-accent-800: #155e75;--color-accent-900: #164e63;--color-accent-950: #083344;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-neutral-950: #020617;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-500: #ef4444;--color-error-600: #dc2626;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, Monaco, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--input-height: 35px;--button-height: 36px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-glow-primary: 0 0 20px rgb(99 102 241 / .4);--shadow-glow-accent: 0 0 20px rgb(6 182 212 / .4);--shadow-glow-intense: 0 0 40px rgb(99 102 241 / .6), 0 0 80px rgb(6 182 212 / .3);--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--ease-default: cubic-bezier(.4, 0, .2, 1);--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);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--surface-page: var(--color-neutral-950);--surface-card: rgba(255, 255, 255, .02);--surface-card-alt: rgba(255, 255, 255, .03);--surface-elevated: var(--color-neutral-900);--surface-overlay: rgba(15, 23, 42, .7);--surface-input: rgba(255, 255, 255, .03);--surface-input-hover: rgba(255, 255, 255, .05);--surface-disabled: rgba(255, 255, 255, .02);--text-primary: var(--color-white);--text-secondary: var(--color-neutral-300);--text-tertiary: var(--color-neutral-400);--text-muted: var(--color-neutral-500);--text-disabled: var(--color-neutral-600);--text-inverse: var(--color-neutral-950);--text-placeholder: var(--color-neutral-500);--border-default: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .15);--border-hover: rgba(255, 255, 255, .2);--border-active: rgba(255, 255, 255, .25);--border-focus: var(--color-primary-500);--overlay-hover: rgba(255, 255, 255, .05);--overlay-active: rgba(255, 255, 255, .1);--overlay-subtle: rgba(255, 255, 255, .02);--overlay-backdrop: rgba(0, 0, 0, .7);--overlay-loading: rgba(0, 0, 0, .5);--inset-highlight: rgba(255, 255, 255, .1);--inset-highlight-strong: rgba(255, 255, 255, .15);--shimmer: rgba(255, 255, 255, .08);--shimmer-strong: rgba(255, 255, 255, .12);--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .15);--primary-bg: rgba(99, 102, 241, .1);--primary-bg-hover: rgba(99, 102, 241, .15);--primary-bg-strong: rgba(99, 102, 241, .2);--primary-border: rgba(99, 102, 241, .2);--primary-border-strong: rgba(99, 102, 241, .3);--primary-border-intense: rgba(99, 102, 241, .5);--primary-text: var(--color-primary-400);--primary-solid: var(--color-primary-600);--primary-solid-hover: var(--color-primary-500);--primary-focus-ring: rgba(99, 102, 241, .15);--primary-glow: rgba(99, 102, 241, .3);--primary-glow-strong: rgba(99, 102, 241, .45);--error-bg: rgba(239, 68, 68, .1);--error-bg-hover: rgba(239, 68, 68, .15);--error-bg-strong: rgba(239, 68, 68, .2);--error-border: rgba(239, 68, 68, .2);--error-border-strong: rgba(239, 68, 68, .3);--error-border-intense: rgba(239, 68, 68, .5);--error-text: var(--color-error-500);--error-focus-ring: rgba(239, 68, 68, .1);--error-glow: rgba(239, 68, 68, .2);--success-bg: rgba(34, 197, 94, .15);--success-bg-strong: rgba(34, 197, 94, .2);--success-border: rgba(16, 185, 129, .3);--success-text: var(--color-success-500);--warning-bg: rgba(245, 158, 11, .1);--warning-bg-strong: rgba(245, 158, 11, .2);--warning-border: rgba(245, 158, 11, .25);--warning-text: var(--color-warning-500);--accent-bg: rgba(6, 182, 212, .1);--accent-bg-strong: rgba(6, 182, 212, .2);--accent-border: rgba(6, 182, 212, .3);--accent-text: var(--color-accent-400);--accent-glow: rgba(6, 182, 212, .3);--info-bg: rgba(139, 92, 246, .2);--info-text: #a78bfa;--admin-primary: #dc2626;--admin-primary-light: #ef4444;--admin-gradient: linear-gradient(135deg, #dc2626, #f97316);--admin-bg: rgba(220, 38, 38, .05);--admin-bg-hover: rgba(220, 38, 38, .1);--admin-bg-active: rgba(220, 38, 38, .15);--admin-bg-strong: rgba(220, 38, 38, .2);--admin-border: rgba(220, 38, 38, .15);--admin-border-strong: rgba(220, 38, 38, .3);--admin-border-intense: rgba(220, 38, 38, .5);--admin-glow: rgba(220, 38, 38, .4);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .5);--shadow-modal: 0 25px 60px rgba(0, 0, 0, .5);--shadow-card: 0 4px 16px rgba(0, 0, 0, .5);--shadow-popover: 0 4px 12px rgba(0, 0, 0, .4);--spinner-track: rgba(255, 255, 255, .1);--spinner-indicator: var(--color-primary-500)}[data-theme=light]{--surface-page: #f8fafc;--surface-card: rgba(0, 0, 0, .02);--surface-card-alt: rgba(0, 0, 0, .03);--surface-elevated: #ffffff;--surface-overlay: rgba(255, 255, 255, .85);--surface-input: rgba(0, 0, 0, .03);--surface-input-hover: rgba(0, 0, 0, .05);--surface-disabled: rgba(0, 0, 0, .03);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-tertiary: var(--color-neutral-600);--text-muted: var(--color-neutral-500);--text-disabled: var(--color-neutral-400);--text-inverse: var(--color-white);--text-placeholder: var(--color-neutral-400);--border-default: rgba(0, 0, 0, .1);--border-subtle: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .15);--border-hover: rgba(0, 0, 0, .2);--border-active: rgba(0, 0, 0, .25);--overlay-hover: rgba(0, 0, 0, .04);--overlay-active: rgba(0, 0, 0, .08);--overlay-subtle: rgba(0, 0, 0, .02);--overlay-backdrop: rgba(0, 0, 0, .4);--overlay-loading: rgba(255, 255, 255, .6);--inset-highlight: rgba(0, 0, 0, .05);--inset-highlight-strong: rgba(0, 0, 0, .08);--shimmer: rgba(0, 0, 0, .04);--shimmer-strong: rgba(0, 0, 0, .06);--scrollbar-thumb: rgba(0, 0, 0, .15);--primary-bg: rgba(99, 102, 241, .08);--primary-bg-hover: rgba(99, 102, 241, .12);--primary-bg-strong: rgba(99, 102, 241, .16);--primary-border: rgba(99, 102, 241, .2);--primary-border-strong: rgba(99, 102, 241, .3);--primary-text: var(--color-primary-600);--primary-focus-ring: rgba(99, 102, 241, .2);--primary-glow: rgba(99, 102, 241, .15);--primary-glow-strong: rgba(99, 102, 241, .25);--error-bg: rgba(239, 68, 68, .08);--error-bg-hover: rgba(239, 68, 68, .12);--error-bg-strong: rgba(239, 68, 68, .16);--error-border: rgba(239, 68, 68, .2);--error-border-strong: rgba(239, 68, 68, .3);--error-text: var(--color-error-600);--error-glow: rgba(239, 68, 68, .12);--success-bg: rgba(34, 197, 94, .1);--success-bg-strong: rgba(34, 197, 94, .15);--success-text: var(--color-success-600);--warning-bg: rgba(245, 158, 11, .08);--warning-bg-strong: rgba(245, 158, 11, .12);--warning-text: var(--color-warning-600);--accent-bg: rgba(6, 182, 212, .08);--accent-bg-strong: rgba(6, 182, 212, .12);--accent-text: var(--color-accent-600);--accent-glow: rgba(6, 182, 212, .15);--info-bg: rgba(139, 92, 246, .1);--info-text: #7c3aed;--admin-bg: rgba(220, 38, 38, .04);--admin-bg-hover: rgba(220, 38, 38, .08);--admin-bg-active: rgba(220, 38, 38, .12);--admin-border: rgba(220, 38, 38, .12);--admin-border-strong: rgba(220, 38, 38, .25);--admin-glow: rgba(220, 38, 38, .2);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--shadow-modal: 0 25px 60px rgba(0, 0, 0, .15);--shadow-card: 0 4px 16px rgba(0, 0, 0, .08);--shadow-popover: 0 4px 12px rgba(0, 0, 0, .1);--shadow-glow-primary: 0 0 20px rgb(99 102 241 / .2);--shadow-glow-accent: 0 0 20px rgb(6 182 212 / .2);--shadow-glow-intense: 0 0 40px rgb(99 102 241 / .3), 0 0 80px rgb(6 182 212 / .15);--spinner-track: rgba(0, 0, 0, .1)}.app-tooltip{position:fixed;z-index:999999;padding:6px 12px;border-radius:6px;font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);white-space:nowrap;pointer-events:none;color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--shimmer);box-shadow:var(--shadow-popover);opacity:0;transform:translateY(4px);transition:opacity .15s var(--ease-out),transform .15s var(--ease-out)}.app-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--surface-elevated)}.app-tooltip--visible{opacity:1;transform:translateY(0)}.app-tooltip--below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--surface-elevated)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--surface-page);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}a{color:var(--primary-text);text-decoration:none;transition:color var(--transition-fast) var(--ease-default)}a:hover{color:var(--color-primary-300)}::selection{background:var(--primary-solid);color:var(--text-primary)}