:root{--blue-50: 239 246 255;--blue-100: 219 234 254;--blue-200: 191 219 254;--blue-300: 147 197 253;--blue-400: 96 165 250;--blue-500: 59 130 246;--blue-600: 37 99 235;--blue-700: 29 78 216;--blue-800: 30 64 175;--blue-900: 30 58 138;--blue-950: 23 37 84;--indigo-50: 238 242 255;--indigo-100: 224 231 255;--indigo-200: 199 210 254;--indigo-300: 165 180 252;--indigo-400: 129 140 248;--indigo-500: 99 102 241;--indigo-600: 79 70 229;--indigo-700: 67 56 202;--indigo-800: 55 48 163;--indigo-900: 49 46 129;--indigo-950: 30 27 75;--gray-50: 249 250 251;--gray-100: 243 244 246;--gray-200: 229 231 235;--gray-300: 209 213 219;--gray-400: 156 163 175;--gray-500: 107 114 128;--gray-600: 75 85 99;--gray-700: 55 65 81;--gray-800: 31 41 55;--gray-900: 17 24 39;--gray-950: 3 7 18;--green-50: 240 253 244;--green-100: 220 252 231;--green-200: 187 247 208;--green-300: 134 239 172;--green-400: 74 222 128;--green-500: 34 197 94;--green-600: 22 163 74;--green-700: 21 128 61;--green-800: 22 101 52;--green-900: 20 83 45;--green-950: 5 46 22;--red-50: 254 242 242;--red-100: 254 226 226;--red-200: 254 202 202;--red-300: 252 165 165;--red-400: 248 113 113;--red-500: 239 68 68;--red-600: 220 38 38;--red-700: 185 28 28;--red-800: 153 27 27;--red-900: 127 29 29;--red-950: 69 10 10;--yellow-50: 254 252 232;--yellow-100: 254 249 195;--yellow-200: 254 240 138;--yellow-300: 253 224 71;--yellow-400: 250 204 21;--yellow-500: 234 179 8;--yellow-600: 202 138 4;--yellow-700: 161 98 7;--yellow-800: 133 77 14;--yellow-900: 113 63 18;--yellow-950: 66 32 6;--purple-50: 250 245 255;--purple-100: 243 232 255;--purple-200: 233 213 255;--purple-300: 216 180 254;--purple-400: 192 132 252;--purple-500: 168 85 247;--purple-600: 147 51 234;--purple-700: 126 58 237;--purple-800: 107 33 168;--purple-900: 88 28 135;--purple-950: 59 7 100;--color-surface: rgb(var(--gray-50));--color-surface-muted: rgb(var(--gray-100));--color-surface-subtle: rgb(var(--gray-200));--color-surface-elevated: #ffffff;--color-surface-rgb: var(--gray-50);--color-surface-muted-rgb: var(--gray-100);--color-surface-subtle-rgb: var(--gray-200);--color-text-primary: rgb(var(--gray-900));--color-text-secondary: rgb(var(--gray-600));--color-text-muted: rgb(var(--gray-500));--color-text-subtle: rgb(var(--gray-400));--color-border: rgb(var(--gray-200));--color-border-muted: rgb(var(--gray-300));--color-border-subtle: rgb(var(--gray-100));--color-border-hover: rgb(var(--gray-400));--color-primary: rgb(var(--blue-600));--color-primary-hover: rgb(var(--blue-700));--color-primary-muted: rgb(var(--blue-100));--color-primary-subtle: rgb(var(--blue-50));--color-secondary: rgb(var(--indigo-600));--color-secondary-hover: rgb(var(--indigo-700));--color-secondary-muted: rgb(var(--indigo-100));--color-secondary-subtle: rgb(var(--indigo-50));--color-accent: rgb(var(--indigo-500));--color-accent-hover: rgb(var(--indigo-600));--color-accent-muted: rgb(var(--indigo-100));--color-success: rgb(var(--green-600));--color-success-hover: rgb(var(--green-700));--color-success-muted: rgb(var(--green-100));--color-success-subtle: rgb(var(--green-50));--color-success-border: rgb(var(--green-200));--color-success-text: rgb(var(--green-700));--color-success-light: rgb(var(--green-50));--color-warning: rgb(var(--yellow-500));--color-warning-hover: rgb(var(--yellow-600));--color-warning-muted: rgb(var(--yellow-100));--color-warning-subtle: rgb(var(--yellow-50));--color-warning-border: rgb(var(--yellow-200));--color-warning-text: rgb(var(--yellow-700));--color-warning-light: rgb(var(--yellow-50));--color-error: rgb(var(--red-600));--color-error-hover: rgb(var(--red-700));--color-error-muted: rgb(var(--red-100));--color-error-subtle: rgb(var(--red-50));--color-error-border: rgb(var(--red-200));--color-error-text: rgb(var(--red-700));--color-error-light: rgb(var(--red-50));--color-info: rgb(var(--blue-500));--color-info-hover: rgb(var(--blue-600));--color-info-muted: rgb(var(--blue-100));--color-info-subtle: rgb(var(--blue-50));--color-info-border: rgb(var(--blue-200));--color-info-text: rgb(var(--blue-700));--color-info-light: rgb(var(--blue-50));--color-danger: var(--color-error);--color-danger-hover: var(--color-error-hover);--color-danger-muted: var(--color-error-muted);--color-danger-subtle: var(--color-error-subtle);--color-danger-border: var(--color-error-border);--color-danger-dark: #b91c1c;--color-danger-bg: #fef2f2;--color-success: #16a34a;--color-success-dark: #15803d;--color-success-bg: #f0fdf4;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-warning-bg: #fffbeb;--color-text: var(--color-text-primary);--color-border-light: rgb(var(--gray-100));--color-surface-hover: rgb(var(--gray-100));--color-surface-secondary: rgb(var(--gray-100));--color-brand: rgb(var(--indigo-500));--color-brand-hover: rgb(var(--indigo-600));--color-brand-subtle: rgb(var(--indigo-100));--color-brand-faint: rgba(99, 102, 241, .1);--color-text-on-brand: #ffffff;--color-text-on-primary: var(--color-text-on-brand);--color-status-danger: var(--color-error);--color-event-duration: #0d9488}[data-theme=dark]{--color-surface: rgb(var(--gray-900));--color-surface-muted: rgb(var(--gray-800));--color-surface-subtle: rgb(var(--gray-700));--color-surface-elevated: rgb(var(--gray-800));--color-surface-rgb: var(--gray-900);--color-surface-muted-rgb: var(--gray-800);--color-surface-subtle-rgb: var(--gray-700);--color-text-primary: rgb(var(--gray-50));--color-text-secondary: rgb(var(--gray-300));--color-text-muted: rgb(var(--gray-400));--color-text-subtle: rgb(var(--gray-500));--color-border: rgb(var(--gray-700));--color-border-muted: rgb(var(--gray-600));--color-border-subtle: rgb(var(--gray-800));--color-border-hover: rgb(var(--gray-500));--color-primary: rgb(var(--blue-500));--color-primary-hover: rgb(var(--blue-400));--color-primary-muted: rgb(var(--blue-900));--color-primary-subtle: rgb(var(--blue-950));--color-secondary: rgb(var(--indigo-500));--color-secondary-hover: rgb(var(--indigo-400));--color-secondary-muted: rgb(var(--indigo-900));--color-secondary-subtle: rgb(var(--indigo-950));--color-accent: rgb(var(--indigo-400));--color-accent-hover: rgb(var(--indigo-300));--color-accent-muted: rgb(var(--indigo-900));--color-success: rgb(var(--green-500));--color-success-hover: rgb(var(--green-400));--color-success-muted: rgb(var(--green-900));--color-success-subtle: rgb(var(--green-950));--color-success-border: rgb(var(--green-800));--color-warning: rgb(var(--yellow-400));--color-warning-hover: rgb(var(--yellow-300));--color-warning-muted: rgb(var(--yellow-900));--color-warning-subtle: rgb(var(--yellow-950));--color-warning-border: rgb(var(--yellow-800));--color-error: rgb(var(--red-500));--color-error-hover: rgb(var(--red-400));--color-error-muted: rgb(var(--red-900));--color-error-subtle: rgb(var(--red-950));--color-error-border: rgb(var(--red-800));--color-info: rgb(var(--blue-400));--color-info-hover: rgb(var(--blue-300));--color-info-muted: rgb(var(--blue-900));--color-info-subtle: rgb(var(--blue-950));--color-info-border: rgb(var(--blue-800));--color-danger: var(--color-error);--color-danger-hover: var(--color-error-hover);--color-danger-muted: var(--color-error-muted);--color-danger-subtle: var(--color-error-subtle);--color-danger-border: var(--color-error-border);--color-danger-dark: #dc2626;--color-danger-bg: #1f2937;--color-success: #22c55e;--color-success-dark: #16a34a;--color-success-bg: #1f2937;--color-warning: #fbbf24;--color-warning-dark: #f59e0b;--color-warning-bg: #1f2937;--color-text: var(--color-text-primary);--color-border-light: rgb(var(--gray-800));--color-surface-hover: rgb(var(--gray-700));--color-surface-secondary: rgb(var(--gray-800));--color-brand: rgb(var(--indigo-400));--color-brand-hover: rgb(var(--indigo-300));--color-brand-subtle: rgb(var(--indigo-900));--color-brand-faint: rgba(129, 140, 248, .12);--color-text-on-brand: #ffffff;--color-text-on-primary: var(--color-text-on-brand);--color-status-danger: var(--color-error);--color-event-duration: #14b8a6}[data-theme=white]{--color-surface: #ffffff;--color-surface-muted: #f9fafb;--color-surface-subtle: #f3f4f6;--color-surface-elevated: #ffffff;--color-surface-rgb: 255 255 255;--color-surface-muted-rgb: 249 250 251;--color-surface-subtle-rgb: 243 244 246;--color-text-primary: rgb(var(--gray-900));--color-text-secondary: rgb(var(--gray-600));--color-text-muted: rgb(var(--gray-500));--color-text-subtle: rgb(var(--gray-400));--color-border: rgb(var(--gray-200));--color-border-muted: rgb(var(--gray-200));--color-border-subtle: rgb(var(--gray-100));--color-border-hover: rgb(var(--gray-300));--color-primary: rgb(var(--blue-600));--color-primary-hover: rgb(var(--blue-700));--color-primary-muted: rgb(var(--blue-100));--color-primary-subtle: rgb(var(--blue-50));--color-secondary: rgb(var(--indigo-600));--color-secondary-hover: rgb(var(--indigo-700));--color-secondary-muted: rgb(var(--indigo-100));--color-secondary-subtle: rgb(var(--indigo-50));--color-accent: rgb(var(--indigo-500));--color-accent-hover: rgb(var(--indigo-600));--color-accent-muted: rgb(var(--indigo-100));--color-success: rgb(var(--green-600));--color-success-hover: rgb(var(--green-700));--color-success-muted: rgb(var(--green-100));--color-success-subtle: rgb(var(--green-50));--color-success-border: rgb(var(--green-200));--color-success-text: rgb(var(--green-700));--color-success-light: rgb(var(--green-50));--color-warning: rgb(var(--yellow-500));--color-warning-hover: rgb(var(--yellow-600));--color-warning-muted: rgb(var(--yellow-100));--color-warning-subtle: rgb(var(--yellow-50));--color-warning-border: rgb(var(--yellow-200));--color-warning-text: rgb(var(--yellow-700));--color-warning-light: rgb(var(--yellow-50));--color-error: rgb(var(--red-600));--color-error-hover: rgb(var(--red-700));--color-error-muted: rgb(var(--red-100));--color-error-subtle: rgb(var(--red-50));--color-error-border: rgb(var(--red-200));--color-error-text: rgb(var(--red-700));--color-error-light: rgb(var(--red-50));--color-info: rgb(var(--blue-500));--color-info-hover: rgb(var(--blue-600));--color-info-muted: rgb(var(--blue-100));--color-info-subtle: rgb(var(--blue-50));--color-info-border: rgb(var(--blue-200));--color-info-text: rgb(var(--blue-700));--color-info-light: rgb(var(--blue-50));--color-danger: var(--color-error);--color-danger-hover: var(--color-error-hover);--color-danger-muted: var(--color-error-muted);--color-danger-subtle: var(--color-error-subtle);--color-danger-border: var(--color-error-border);--color-danger-dark: #b91c1c;--color-danger-bg: #fef2f2;--color-success: #16a34a;--color-success-dark: #15803d;--color-success-bg: #f0fdf4;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-warning-bg: #fffbeb;--color-text: var(--color-text-primary);--color-border-light: rgb(var(--gray-200));--color-surface-hover: rgb(var(--gray-100));--color-surface-secondary: var(--color-surface-muted);--color-brand: rgb(var(--indigo-500));--color-brand-hover: rgb(var(--indigo-600));--color-brand-subtle: rgb(var(--indigo-100));--color-brand-faint: rgba(99, 102, 241, .1);--color-text-on-brand: #ffffff;--color-text-on-primary: var(--color-text-on-brand);--color-status-danger: var(--color-error);--color-event-duration: #0d9488}[data-theme=white]{--color-bg-primary: #fafbfc;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5)}:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-primary-950: #172554;--color-secondary-50: #faf5ff;--color-secondary-100: #f3e8ff;--color-secondary-200: #e9d5ff;--color-secondary-300: #d8b4fe;--color-secondary-400: #c084fc;--color-secondary-500: #a855f7;--color-secondary-600: #9333ea;--color-secondary-700: #7c3aed;--color-secondary-800: #6b21a8;--color-secondary-900: #581c87;--color-secondary-950: #3b0764;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-info-50: #f0f9ff;--color-info-100: #e0f2fe;--color-info-200: #bae6fd;--color-info-500: #0ea5e9;--color-info-600: #0284c7;--color-info-700: #0369a1;--color-neutral-0: #ffffff;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712}:root{--color-bg-primary: var(--color-neutral-0);--color-bg-elevated: var(--color-neutral-0);--color-bg-overlay: rgba(0, 0, 0, .5);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-700);--color-text-tertiary: var(--color-neutral-500);--color-text-inverse: var(--color-neutral-0);--color-text-link: var(--color-primary-600);--color-border-primary: var(--color-neutral-200);--color-border-secondary: var(--color-neutral-300);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-500);--color-interactive-primary: var(--color-primary-600);--color-interactive-primary-hover: var(--color-primary-700);--color-interactive-primary-active: var(--color-primary-800);--color-interactive-secondary: var(--color-neutral-600);--color-interactive-secondary-hover: var(--color-neutral-700)}[data-theme=dark]{--color-bg-primary: var(--color-neutral-900);--color-bg-elevated: var(--color-neutral-800);--color-bg-overlay: rgba(0, 0, 0, .7);--color-text-primary: var(--color-neutral-100);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-400);--color-text-inverse: var(--color-neutral-900);--color-text-link: var(--color-primary-400);--color-border-primary: var(--color-neutral-700);--color-border-secondary: var(--color-neutral-600);--color-border-focus: var(--color-primary-400);--color-border-error: var(--color-error-400);--color-interactive-primary: var(--color-primary-500);--color-interactive-primary-hover: var(--color-primary-400);--color-interactive-primary-active: var(--color-primary-300);--color-interactive-secondary: var(--color-neutral-400);--color-interactive-secondary-hover: var(--color-neutral-300)}[data-theme=white]{--color-bg-primary: #fafbfc;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-700);--color-text-tertiary: var(--color-neutral-500);--color-text-inverse: var(--color-neutral-0);--color-text-link: var(--color-primary-600);--color-border-primary: var(--color-neutral-200);--color-border-secondary: var(--color-neutral-300);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-500);--color-interactive-primary: var(--color-primary-600);--color-interactive-primary-hover: var(--color-primary-700);--color-interactive-primary-active: var(--color-primary-800);--color-interactive-secondary: var(--color-neutral-600);--color-interactive-secondary-hover: var(--color-neutral-700)}:root{--space-unit: .25rem;--space-0: 0;--space-1: calc(var(--space-unit) * 1);--space-2: calc(var(--space-unit) * 2);--space-3: calc(var(--space-unit) * 3);--space-4: calc(var(--space-unit) * 4);--space-5: calc(var(--space-unit) * 5);--space-6: calc(var(--space-unit) * 6);--space-8: calc(var(--space-unit) * 8);--space-10: calc(var(--space-unit) * 10);--space-12: calc(var(--space-unit) * 12);--space-16: calc(var(--space-unit) * 16);--space-20: calc(var(--space-unit) * 20);--space-24: calc(var(--space-unit) * 24);--space-32: calc(var(--space-unit) * 32);--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--space-component-padding-sm: var(--space-3);--space-component-padding-md: var(--space-4);--space-component-padding-lg: var(--space-6);--space-component-gap-sm: var(--space-2);--space-component-gap-md: var(--space-4);--space-component-gap-lg: var(--space-6);--space-layout-section: var(--space-6);--space-layout-container: var(--space-4);--space-layout-page: var(--space-8)}:root{--radius-none: 0;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0;--radius-3xl: 0;--radius-full: 9999px;--radius-button: 0;--radius-card: 0;--radius-input: 0;--radius-modal: 0;--radius-badge: 0;--radius-tag: 0;--radius-dropdown: 0;--radius-panel: 0;--radius-tooltip: 0;--radius-popover: 0;--radius-thumbnail: 0;--radius-notification: 0}[data-rounded-corners]{--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-button: var(--radius-md);--radius-card: var(--radius-lg);--radius-input: var(--radius-md);--radius-modal: var(--radius-xl);--radius-badge: var(--radius-sm);--radius-tag: var(--radius-sm);--radius-dropdown: var(--radius-md);--radius-panel: var(--radius-lg);--radius-tooltip: var(--radius-md);--radius-popover: var(--radius-lg);--radius-thumbnail: var(--radius-md);--radius-notification: var(--radius-lg)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-card: var(--shadow-sm);--shadow-button: var(--shadow-sm);--shadow-modal: var(--shadow-2xl);--shadow-dropdown: var(--shadow-lg)}[data-theme=dark]{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6)}[data-theme=white]{--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, .1), 0 4px 8px -2px rgba(0, 0, 0, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04)}:root{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-serif: Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: "SF Mono", Monaco, Inconsolata, "Roboto Mono", "Source Code Pro", monospace;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--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-size-6xl: 3.75rem;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em}:root{--typography-h1-size: var(--font-size-4xl);--typography-h1-weight: var(--font-weight-bold);--typography-h1-line-height: var(--line-height-tight);--typography-h2-size: var(--font-size-3xl);--typography-h2-weight: var(--font-weight-bold);--typography-h2-line-height: var(--line-height-tight);--typography-h3-size: var(--font-size-2xl);--typography-h3-weight: var(--font-weight-semibold);--typography-h3-line-height: var(--line-height-snug);--typography-h4-size: var(--font-size-xl);--typography-h4-weight: var(--font-weight-semibold);--typography-h4-line-height: var(--line-height-snug);--typography-h5-size: var(--font-size-lg);--typography-h5-weight: var(--font-weight-medium);--typography-h5-line-height: var(--line-height-normal);--typography-h6-size: var(--font-size-base);--typography-h6-weight: var(--font-weight-medium);--typography-h6-line-height: var(--line-height-normal);--typography-body-size: var(--font-size-base);--typography-body-weight: var(--font-weight-normal);--typography-body-line-height: var(--line-height-relaxed);--typography-body-sm-size: var(--font-size-sm);--typography-body-sm-weight: var(--font-weight-normal);--typography-body-sm-line-height: var(--line-height-normal);--typography-body-xs-size: var(--font-size-xs);--typography-body-xs-weight: var(--font-weight-normal);--typography-body-xs-line-height: var(--line-height-normal);--typography-label-size: var(--font-size-sm);--typography-label-weight: var(--font-weight-medium);--typography-label-line-height: var(--line-height-normal);--typography-caption-size: var(--font-size-xs);--typography-caption-weight: var(--font-weight-normal);--typography-caption-line-height: var(--line-height-normal)}@media(max-width:768px){:root{--typography-h1-size: var(--font-size-3xl);--typography-h2-size: var(--font-size-2xl);--typography-h3-size: var(--font-size-xl)}}:root{--breakpoint-xs: 0;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--header-height: 4rem}:root{--container-max-width: 80rem;--container-padding: var(--space-4);--container-padding-sm: var(--space-6);--container-padding-lg: var(--space-8)}:root{--content-width-wide: 90rem;--content-width-default: var(--container-max-width);--content-width-narrow: 50rem;--content-width-xs: 40rem}:root{--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080}:root{--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out;--transition-base: var(--transition-normal);--transition-button: var(--transition-fast);--transition-modal: var(--transition-normal);--transition-dropdown: var(--transition-fast);--transition-hover: var(--transition-fast)}:root{--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-primary-500);--focus-ring-opacity: .5}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--typography-body-size);font-weight:400;font-weight:var(--typography-body-weight);line-height:1.625;line-height:var(--typography-body-line-height);color:#111827;color:var(--color-text-primary);background-color:#fff;background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}ul,ol{list-style:none}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture,svg:not(.react-flow__edges svg):not(.react-flow__marker){max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.heading-1{font-size:2.25rem;font-size:var(--typography-h1-size);font-weight:700;font-weight:var(--typography-h1-weight);line-height:1.25;line-height:var(--typography-h1-line-height);color:#111827;color:var(--color-text-primary);margin-bottom:1rem;margin-bottom:var(--space-4)}.heading-2{font-size:1.875rem;font-size:var(--typography-h2-size);font-weight:700;font-weight:var(--typography-h2-weight);line-height:1.25;line-height:var(--typography-h2-line-height);color:#111827;color:var(--color-text-primary);margin-bottom:.75rem;margin-bottom:var(--space-3)}.heading-3{font-size:1.5rem;font-size:var(--typography-h3-size);font-weight:600;font-weight:var(--typography-h3-weight);line-height:1.375;line-height:var(--typography-h3-line-height);color:#111827;color:var(--color-text-primary);margin-bottom:.75rem;margin-bottom:var(--space-3)}.heading-4{font-size:1.25rem;font-size:var(--typography-h4-size);font-weight:600;font-weight:var(--typography-h4-weight);line-height:1.375;line-height:var(--typography-h4-line-height);color:#111827;color:var(--color-text-primary);margin-bottom:.5rem;margin-bottom:var(--space-2)}.heading-5{font-size:1.125rem;font-size:var(--typography-h5-size);font-weight:500;font-weight:var(--typography-h5-weight);line-height:1.5;line-height:var(--typography-h5-line-height);color:#111827;color:var(--color-text-primary);margin-bottom:.5rem;margin-bottom:var(--space-2)}.heading-6{font-size:1rem;font-size:var(--typography-h6-size);font-weight:500;font-weight:var(--typography-h6-weight);line-height:1.5;line-height:var(--typography-h6-line-height);color:#111827;color:var(--color-text-primary);margin-bottom:.5rem;margin-bottom:var(--space-2)}.body-text{font-size:1rem;font-size:var(--typography-body-size);font-weight:400;font-weight:var(--typography-body-weight);line-height:1.625;line-height:var(--typography-body-line-height);color:#111827;color:var(--color-text-primary)}.body-text-sm{font-size:.875rem;font-size:var(--typography-body-sm-size);font-weight:400;font-weight:var(--typography-body-sm-weight);line-height:1.5;line-height:var(--typography-body-sm-line-height);color:#374151;color:var(--color-text-secondary)}.body-text-xs{font-size:.75rem;font-size:var(--typography-body-xs-size);font-weight:400;font-weight:var(--typography-body-xs-weight);line-height:1.5;line-height:var(--typography-body-xs-line-height);color:#6b7280;color:var(--color-text-tertiary)}.label-text{font-size:.875rem;font-size:var(--typography-label-size);font-weight:500;font-weight:var(--typography-label-weight);line-height:1.5;line-height:var(--typography-label-line-height);color:#111827;color:var(--color-text-primary)}.caption-text{font-size:.75rem;font-size:var(--typography-caption-size);font-weight:400;font-weight:var(--typography-caption-weight);line-height:1.5;line-height:var(--typography-caption-line-height);color:#6b7280;color:var(--color-text-tertiary)}.text-tertiary{color:#6b7280;color:var(--color-text-tertiary)}.text-inverse{color:#fff;color:var(--color-text-inverse)}.text-link{color:#2563eb;color:var(--color-text-link)}.text-success{color:#16a34a;color:var(--color-success-600)}.text-warning{color:#d97706;color:var(--color-warning-600)}.text-error{color:#dc2626;color:var(--color-error-600)}.text-info{color:#0284c7;color:var(--color-info-600)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}a{color:#2563eb;color:var(--color-text-link);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-hover)}a:hover{color:#1d4ed8;color:var(--color-interactive-primary-hover);text-decoration:underline}a:focus-visible{outline:2px solid #3b82f6;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset);border-radius:0;border-radius:var(--radius-sm)}.page-content-wide,.page-content-default,.page-content-narrow,.page-content-xs{margin:0 auto;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);width:100%}@media(min-width:640px){.page-content-wide,.page-content-default,.page-content-narrow,.page-content-xs{padding:1.5rem;padding:var(--space-6)}}@media(min-width:1024px){.page-content-wide,.page-content-default,.page-content-narrow,.page-content-xs{padding:2rem;padding:var(--space-8)}}.page-content-wide{max-width:90rem;max-width:var(--content-width-wide)}.page-content-default{max-width:80rem;max-width:var(--content-width-default)}.page-content-narrow{max-width:50rem;max-width:var(--content-width-narrow)}.page-content-xs{max-width:40rem;max-width:var(--content-width-xs)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;padding:0 var(--space-layout-container)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.page{min-height:100vh;display:flex;flex-direction:column}.page-layout{min-height:100vh;width:100%;display:flex;flex-direction:column}.page-layout-center{display:flex;align-items:center;justify-content:center}.page-content{flex:1;padding:2rem;padding:var(--space-layout-page)}.page-header,.page-section{margin-bottom:1.5rem;margin-bottom:var(--space-layout-section)}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:flex-start}.flex-end{display:flex;align-items:flex-end}.justify-evenly{justify-content:space-evenly}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-12{grid-column:span 12 / span 12}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.w-4{width:1rem}.w-5{width:1.25rem}.h-4{height:1rem}.h-5{height:1.25rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.ml-3{margin-left:.75rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.-ml-1{margin-left:-.25rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.border-t{border-top-width:1px}.bg-error-subtle{background-color:#fef2f2;background-color:var(--color-error-subtle)}.border-error-muted{border-color:#fee2e2;border-color:var(--color-error-muted)}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.flex-shrink-0{flex-shrink:0}.auth-card{max-width:28rem;width:100%;background:var(--bg-primary);border-radius:0;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:var(--spacing-6);text-align:center}.auth-icon{width:4rem;height:4rem;margin:0 auto var(--spacing-4);border-radius:50%;display:flex;align-items:center;justify-content:center}.auth-icon-primary{background-color:#dbeafe;background-color:var(--color-primary-100)}.auth-icon-success{background-color:#dcfce7;background-color:var(--color-success-100)}.auth-icon-error{background-color:#fee2e2;background-color:var(--color-error-100)}.auth-icon-svg{width:2rem;height:2rem}.auth-icon-primary .auth-icon-svg{color:#2563eb;color:var(--color-primary-600)}.auth-icon-success .auth-icon-svg{color:#16a34a;color:var(--color-success-600)}.auth-icon-error .auth-icon-svg{color:#dc2626;color:var(--color-error-600)}.auth-title{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.auth-description{color:var(--text-secondary);margin-bottom:var(--spacing-6)}.auth-btn-full{width:100%;margin-bottom:var(--spacing-3)}.auth-btn-full:last-child{margin-bottom:0}.auth-spinner{width:2rem;height:2rem;border:2px solid #dbeafe;border:2px solid var(--color-primary-100);border-top:2px solid #2563eb;border-top:2px solid var(--color-primary-600);border-radius:50%;animation:spin 1s linear infinite}.auth-status{color:#2563eb;color:var(--color-primary-600);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;gap:var(--space-2, .5rem);padding:1rem;padding:var(--space-component-padding-md, 1rem) var(--space-4, 1rem);font-size:.875rem;font-size:var(--typography-label-size, .875rem);font-weight:500;font-weight:var(--typography-label-weight, 500);line-height:1.5;line-height:var(--typography-label-line-height, 1.25);border:1px solid transparent;border-radius:0;border-radius:var(--radius-button, 0);cursor:pointer;transition:all .15s ease-in-out;transition:all var(--transition-button, .15s ease);text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.btn:focus-visible{outline:2px solid #3b82f6;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:#2563eb;background-color:var(--color-interactive-primary, #3b82f6);color:#fff;color:var(--color-text-inverse, #ffffff);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-button, 0 1px 2px rgba(0, 0, 0, .05))}.btn-primary:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--color-interactive-primary-hover, #2563eb);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.btn-primary:active:not(:disabled){background-color:#1e40af;background-color:var(--color-interactive-primary-active, #1d4ed8);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.btn-secondary{background-color:#fff;background-color:var(--color-bg-primary, #ffffff);color:#4b5563;color:var(--color-interactive-secondary, #374151);border-color:#e5e7eb;border-color:var(--color-border-primary, #e5e7eb);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-button, 0 1px 2px rgba(0, 0, 0, .05))}.btn-secondary:hover:not(:disabled){background-color:#f3f4f6;background-color:var(--color-surface-muted);color:#374151;color:var(--color-interactive-secondary-hover);border-color:#d1d5db;border-color:var(--color-border-secondary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-ghost{background-color:transparent;color:#4b5563;color:var(--color-interactive-secondary)}.btn-ghost:hover:not(:disabled){background-color:#f3f4f6;background-color:var(--color-surface-muted);color:#374151;color:var(--color-interactive-secondary-hover)}.btn-danger{background-color:#dc2626;background-color:var(--color-error-600);color:#fff;color:var(--color-text-inverse);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-button)}.btn-danger:hover:not(:disabled){background-color:#b91c1c;background-color:var(--color-error-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;border-color:#d1d5db;border-color:var(--color-border-muted);color:#111827;color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--color-surface-subtle);border-color:#e5e7eb;border-color:var(--color-border)}.btn-outline-primary{background-color:transparent;border-color:#2563eb;border-color:var(--color-primary);color:#2563eb;color:var(--color-primary)}.btn-outline-primary:hover:not(:disabled){background-color:#2563eb;background-color:var(--color-primary);color:#fff}.btn-outline-error{background-color:transparent;border-color:#dc2626;border-color:var(--color-error);color:#dc2626;color:var(--color-error)}.btn-outline-error:hover:not(:disabled){background-color:#dc2626;background-color:var(--color-error);color:#fff}.btn-gradient-primary{background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;box-shadow:0 4px 14px rgba(37 99 235,.25);box-shadow:0 4px 14px rgba(var(--color-primary-rgb, 37 99 235),.25);transform:perspective(1px) translateZ(0);transition:all .2s ease}.btn-gradient-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#4338ca);background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-secondary-hover) 100%);transform:perspective(1px) translateZ(0) scale(1.02);box-shadow:0 6px 20px rgba(37 99 235,.35);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 37 99 235),.35)}.btn-gradient-primary:active:not(:disabled){transform:perspective(1px) translateZ(0) scale(.98)}.btn-gradient-primary:focus:not(:disabled){box-shadow:0 4px 14px rgba(37 99 235,.25),0 0 0 2px #3b82f6;box-shadow:0 4px 14px rgba(var(--color-primary-rgb, 37 99 235),.25),0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.btn-sm{padding:.75rem;padding:var(--space-component-padding-sm) var(--space-3);font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--space-1)}.btn-lg{padding:1.5rem;padding:var(--space-component-padding-lg) var(--space-6);font-size:1.125rem;font-size:var(--font-size-lg);gap:.75rem;gap:var(--space-3)}.btn-icon{padding:1rem;padding:var(--space-component-padding-md);width:auto;aspect-ratio:1}.btn-icon.btn-sm{padding:.75rem;padding:var(--space-component-padding-sm)}.btn-icon.btn-lg{padding:1.5rem;padding:var(--space-component-padding-lg)}.btn-loading{position:relative;color:transparent}.btn-icon-svg{width:16px;height:16px;margin-right:.5rem;margin-right:var(--space-2);flex-shrink:0}.btn-sm .btn-icon-svg{width:14px;height:14px;margin-right:.25rem;margin-right:var(--space-1)}.btn-lg .btn-icon-svg{width:20px;height:20px;margin-right:.75rem;margin-right:var(--space-3)}.btn-icon-only{padding:1rem;padding:var(--space-component-padding-md);width:auto;aspect-ratio:1}.btn-icon-only.btn-sm{padding:.75rem;padding:var(--space-component-padding-sm)}.btn-icon-only.btn-lg{padding:1.5rem;padding:var(--space-component-padding-lg)}.btn-icon-only .btn-icon-svg{margin-right:0}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.card{background-color:#fff;background-color:var(--color-bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-card);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-card);padding:1.5rem;padding:var(--space-6);transition:all .15s ease-in-out;transition:all var(--transition-hover)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:#d1d5db;border-color:var(--color-border-secondary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.card-bordered{border-width:1px;box-shadow:none}.card-bordered:hover{border-color:#d1d5db;border-color:var(--color-border-secondary);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.card-elevated{border:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-1px)}.card-header{margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:1rem;padding-bottom:var(--space-4);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary)}.card-content{margin-bottom:1rem;margin-bottom:var(--space-4)}.card-footer{margin-top:1rem;margin-top:var(--space-4);padding-top:1rem;padding-top:var(--space-4);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-primary)}.card-sm{padding:1rem;padding:var(--space-4)}.card-lg{padding:2rem;padding:var(--space-8)}.card-horizontal{display:flex;align-items:center;gap:1rem;gap:var(--space-4)}.card-vertical{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.input{width:100%;padding:1rem;padding:var(--space-component-padding-md);font-size:1rem;font-size:var(--typography-body-size);line-height:1.625;line-height:var(--typography-body-line-height);color:#111827;color:var(--color-text-primary);background-color:#fff;background-color:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-input);transition:all .15s ease-in-out;transition:all var(--transition-fast);outline:none}.input:focus{border-color:#3b82f6;border-color:var(--color-border-focus);box-shadow:0 0 0 2px #3b82f61a;box-shadow:0 0 0 var(--focus-ring-width) #3b82f61a}.input:disabled{background-color:#f3f4f6;background-color:var(--color-surface-muted);color:#6b7280;color:var(--color-text-tertiary);cursor:not-allowed}.input::-moz-placeholder{color:#6b7280;color:var(--color-text-tertiary)}.input::placeholder{color:#6b7280;color:var(--color-text-tertiary)}.input-error{border-color:#ef4444;border-color:var(--color-border-error)}.input-error:focus{border-color:#ef4444;border-color:var(--color-border-error);box-shadow:0 0 0 2px #ef44441a;box-shadow:0 0 0 var(--focus-ring-width) #ef44441a}.textarea{min-height:6rem;resize:vertical}.select{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 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:.5rem;margin-bottom:var(--space-2);font-size:.875rem;font-size:var(--typography-label-size);font-weight:500;font-weight:var(--typography-label-weight);color:#111827;color:var(--color-text-primary)}.form-label-required:after{content:" *";color:#dc2626;color:var(--color-error-600)}.form-help-text{margin-top:.25rem;margin-top:var(--space-1);font-size:.75rem;font-size:var(--typography-caption-size);color:#6b7280;color:var(--color-text-tertiary)}.form-error-text{margin-top:.25rem;margin-top:var(--space-1);font-size:.75rem;font-size:var(--typography-caption-size);color:#dc2626;color:var(--color-error-600)}.checkbox,.radio{width:1rem;height:1rem;color:#2563eb;color:var(--color-interactive-primary);background-color:#fff;background-color:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-sm);margin-right:.5rem;margin-right:var(--space-2)}.radio{border-radius:50%}.checkbox:checked,.radio:checked{background-color:#2563eb;background-color:var(--color-interactive-primary);border-color:#2563eb;border-color:var(--color-interactive-primary)}.checkbox:focus,.radio:focus{outline:2px solid #3b82f6;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.form-inline{display:flex;align-items:center;gap:1rem;gap:var(--space-4)}.form-group-inline{display:flex;align-items:center;gap:.5rem;gap:var(--space-2);margin-bottom:0}.form-actions{display:flex;gap:.75rem;gap:var(--space-3);margin-top:1.5rem;margin-top:var(--space-6);padding-top:1rem;padding-top:var(--space-4);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-primary)}.form-actions.justify-end{justify-content:flex-end}.form-actions.justify-between{justify-content:space-between}.form-field.error .form-input{border-color:var(--danger-color);box-shadow:0 0 0 3px rgba(var(--danger-color-rgb),.1)}.form-field.error .form-label{color:var(--danger-color)}.form-error{color:var(--danger-color);font-size:.875rem;margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.form-error:before{content:"⚠";font-size:.75rem}.form-loading .form-input{opacity:.7;cursor:not-allowed}.form-loading .form-submit{position:relative;color:transparent}.form-loading .form-submit:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.dashboard-grid{display:grid;gap:1.5rem;gap:var(--space-6)}.dashboard-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-layout{display:flex;flex-direction:column;gap:2rem;gap:var(--space-8)}.dashboard-section{background-color:#f9fafb;background-color:var(--color-surface);border-radius:0;border-radius:var(--radius-card);padding:1.5rem;padding:var(--space-6);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);position:relative;overflow:hidden;transition:.2s ease-in-out;transition:var(--transition-base)}.dashboard-section:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.dashboard-section-header{display:flex;align-items:center;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.dashboard-section-title{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text-primary);margin:0}.dashboard-section-icon{font-size:1.5rem;font-size:var(--font-size-2xl);margin-right:.5rem;margin-right:var(--space-2)}.stats-card{background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-card);padding:1rem;padding:var(--space-4);text-align:center}.stats-card-value{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);color:#2563eb;color:var(--color-primary);margin-bottom:.25rem;margin-bottom:var(--space-1)}.stats-card-label{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);margin:0}@media(max-width:768px){.dashboard-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dashboard-grid-4{grid-template-columns:1fr}}.welcome-section{background:linear-gradient(135deg,#f9fafb,#eff6ff);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-primary-subtle) 100%);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.welcome-content{text-align:center;position:relative;z-index:1}.welcome-header{display:flex;align-items:center;justify-content:center;gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4)}.welcome-title{font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:1.2}.welcome-emoji{font-size:1.875rem;font-size:var(--font-size-3xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.welcome-subtitle{font-size:1.125rem;font-size:var(--font-size-lg);color:#6b7280;color:var(--color-text-muted);margin-bottom:1.5rem;margin-bottom:var(--space-6);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.welcome-project-selector{display:flex;flex-direction:column;align-items:center;gap:.5rem;gap:var(--space-2);margin-top:1rem;margin-top:var(--space-4)}.welcome-project-label{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);font-weight:500;font-weight:var(--font-weight-medium)}.welcome-project-dropdown{position:relative;display:inline-block;min-width:280px}.welcome-project-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary);background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.2s ease-in-out;transition:var(--transition-base)}.welcome-project-select:hover{border-color:#2563eb;border-color:var(--color-primary)}.welcome-project-select:focus{outline:none;border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px #eff6ff;box-shadow:0 0 0 2px var(--color-primary-subtle)}.welcome-project-select:disabled{opacity:.6;cursor:not-allowed}.welcome-project-select-arrow{position:absolute;right:.75rem;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-muted);pointer-events:none}.welcome-status-card{display:inline-flex;align-items:center;gap:.75rem;gap:var(--space-3);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);background-color:#f0fdf4;background-color:var(--color-success-subtle);border:1px solid rgb(187 247 208);border:1px solid var(--color-success-border);border-radius:0;border-radius:var(--radius-card);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transition:.2s ease-in-out;transition:var(--transition-base)}.welcome-status-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.welcome-status-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#16a34a;background-color:var(--color-success);border-radius:50%;flex-shrink:0}.welcome-checkmark{width:1rem;height:1rem;color:#fff}.welcome-status-text{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;gap:var(--space-1)}.welcome-status-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#16a34a;color:var(--color-success);line-height:1}.welcome-status-role{font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;line-height:1}.welcome-active-project{margin:1.5rem auto;margin:var(--space-6) auto;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);background-color:#f9fafb;background-color:var(--color-surface);border:1px solid var(--color-primary-border);border-radius:0;border-radius:var(--radius-card);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);max-width:500px;text-align:left;transition:.2s ease-in-out;transition:var(--transition-base)}.welcome-active-project:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.welcome-active-project-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;gap:var(--space-2);padding:1rem;padding:var(--space-4);color:#6b7280;color:var(--color-text-muted)}.welcome-loading-spinner{width:1rem;height:1rem;border:2px solid rgb(229 231 235);border:2px solid var(--color-border);border-top-color:#2563eb;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.welcome-active-project-header{display:flex;align-items:center;gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3)}.welcome-active-project-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:0;border-radius:var(--radius-thumbnail);flex-shrink:0}.welcome-active-project-icon svg{width:1.25rem;height:1.25rem;color:#fff}.welcome-active-project-info{flex:1;min-width:0}.welcome-active-project-label{display:block;font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--space-1)}.welcome-active-project-name{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-active-project-description{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);margin:0 0 .75rem;margin:0 0 var(--space-3) 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.welcome-active-project-meta{display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.welcome-active-project-role,.welcome-active-project-category{display:inline-flex;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);background-color:#eff6ff;background-color:var(--color-primary-subtle);color:#2563eb;color:var(--color-primary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);border-radius:0;border-radius:var(--radius-badge)}.welcome-active-project-status{display:inline-flex;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);border-radius:0;border-radius:var(--radius-badge);background-color:#f3f4f6;background-color:var(--color-surface-secondary);color:#6b7280;color:var(--color-text-muted)}.welcome-active-project-status.status-active{background-color:#f0fdf4;background-color:var(--color-success-subtle);color:#16a34a;color:var(--color-success)}.welcome-active-project-status.status-draft{background-color:#fefce8;background-color:var(--color-warning-subtle);color:#f59e0b;color:var(--color-warning)}.welcome-active-project-status.status-archived{background-color:#f3f4f6;background-color:var(--color-surface-secondary);color:#6b7280;color:var(--color-text-muted)}.welcome-active-project-link{display:inline-flex;align-items:center;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#2563eb;color:var(--color-primary);text-decoration:none;transition:.2s ease-in-out;transition:var(--transition-base)}.welcome-active-project-link:hover{color:#1d4ed8;color:var(--color-primary-hover);text-decoration:underline}.developer-section{background:linear-gradient(135deg,#f0fdf4,#f9fafb);background:linear-gradient(135deg,var(--color-success-subtle) 0%,var(--color-surface) 100%);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-card);position:relative;overflow:hidden;transition:.2s ease-in-out;transition:var(--transition-base)}.developer-section:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.developer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.developer-title{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);color:#16a34a;color:var(--color-success);display:flex;align-items:center}.developer-badge{padding:.25rem .75rem;padding:var(--space-1) var(--space-3);background-color:#f0fdf4;background-color:var(--color-success-subtle);color:#16a34a;color:var(--color-success);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);border-radius:0;border-radius:var(--radius-badge)}.developer-tool-card{display:flex;align-items:center;padding:1rem;padding:var(--space-4);background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-card);text-decoration:none;color:inherit;transition:.2s ease-in-out;transition:var(--transition-base)}.developer-tool-card:hover{border-color:#16a34a;border-color:var(--color-success);background-color:#f0fdf4;background-color:var(--color-success-subtle);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.developer-tool-icon{font-size:1.5rem;font-size:var(--font-size-2xl);margin-right:.75rem;margin-right:var(--space-3)}.developer-tool-title{font-weight:500;font-weight:var(--font-weight-medium);color:#16a34a;color:var(--color-success);margin-bottom:.25rem;margin-bottom:var(--space-1)}.developer-tool-card:hover .developer-tool-title{color:#15803d;color:var(--color-success-hover)}.developer-tool-subtitle{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted)}.developer-tool-disabled{opacity:.75;cursor:not-allowed}.developer-tool-disabled:hover{transform:none;border-color:#e5e7eb;border-color:var(--color-border);background-color:#f9fafb;background-color:var(--color-surface);box-shadow:none}.activity-section{background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-card);position:relative;overflow:hidden;transition:.2s ease-in-out;transition:var(--transition-base)}.activity-section:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.activity-item{display:flex;align-items:center;padding:1rem;padding:var(--space-4);background-color:#f3f4f6;background-color:var(--color-surface-muted);border-radius:0;border-radius:var(--radius-card);margin-bottom:1rem;margin-bottom:var(--space-4);border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease}.activity-item:hover{background-color:#f3f4f6;background-color:var(--color-surface-hover);border-color:#e5e7eb;border-color:var(--color-border)}.activity-item:last-child{margin-bottom:0}.activity-icon{font-size:1.5rem;font-size:var(--font-size-2xl);margin-right:1rem;margin-right:var(--space-4)}.activity-content{flex:1}.activity-title{font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary);margin-bottom:.25rem;margin-bottom:var(--space-1)}.activity-subtitle{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted)}.activity-time{font-size:.75rem;font-size:var(--font-size-xs);color:#9ca3af;color:var(--color-text-subtle);margin-left:auto}.activity-item-welcome{background-color:#f3f4f6;background-color:var(--color-surface-muted)}.activity-item-auth{background-color:#eff6ff;background-color:var(--color-primary-subtle)}.profile-section{background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-card);position:relative;overflow:hidden;transition:.2s ease-in-out;transition:var(--transition-base)}.profile-section:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.profile-field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;gap:var(--space-4);margin-bottom:1rem;margin-bottom:var(--space-4)}.profile-field{display:flex;flex-direction:column}.profile-field-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#6b7280;color:var(--color-text-muted);margin-bottom:.25rem;margin-bottom:var(--space-1)}.profile-field-value{font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text-primary)}.profile-field-role{font-weight:500;font-weight:var(--font-weight-medium);color:#2563eb;color:var(--color-primary)}.profile-field-id{font-size:.75rem;font-size:var(--font-size-xs);color:#9ca3af;color:var(--color-text-subtle);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-family:var(--font-mono)}.profile-permissions{padding-top:1rem;padding-top:var(--space-4);border-top:1px solid rgb(229 231 235);border-top:1px solid var(--color-border)}.profile-permissions-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#6b7280;color:var(--color-text-muted);margin-bottom:.5rem;margin-bottom:var(--space-2)}.profile-permissions-list{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.permission-badge{padding:.25rem .5rem;padding:var(--space-1) var(--space-2);font-size:.75rem;font-size:var(--font-size-xs);border-radius:0;border-radius:var(--radius-badge)}.permission-badge-developer{background-color:#eef2ff;background-color:var(--color-secondary-subtle);color:#4f46e5;color:var(--color-secondary)}.permission-badge-create{background-color:#f0fdf4;background-color:var(--color-success-subtle);color:#16a34a;color:var(--color-success)}.permission-badge-admin{background-color:#eff6ff;background-color:var(--color-primary-subtle);color:#2563eb;color:var(--color-primary)}.permission-badge-super{background-color:#fefce8;background-color:var(--color-warning-subtle);color:#f59e0b;color:var(--color-warning)}.permission-badge-manage{background-color:#eff6ff;background-color:var(--color-info-subtle);color:#3b82f6;color:var(--color-info)}.subscription-section{background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-card);position:relative;overflow:hidden;transition:.2s ease-in-out;transition:var(--transition-base)}.subscription-section:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.subscription-field{margin-bottom:1rem;margin-bottom:var(--space-4)}.subscription-field:last-child{margin-bottom:0}.subscription-status{display:flex;align-items:center;margin-top:.25rem;margin-top:var(--space-1)}.subscription-status-dot{width:.5rem;height:.5rem;border-radius:50%;margin-right:.5rem;margin-right:var(--space-2)}.subscription-status-dot-active{background-color:#16a34a;background-color:var(--color-success)}.subscription-status-dot-expired{background-color:#dc2626;background-color:var(--color-danger)}.subscription-status-dot-free{background-color:#9ca3af;background-color:var(--color-text-subtle)}.subscription-status-text{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.subscription-status-text-active{color:#16a34a;color:var(--color-success)}.subscription-status-text-expired{color:#dc2626;color:var(--color-danger)}.subscription-status-text-free{color:#9ca3af;color:var(--color-text-subtle)}.subscription-tier-developer{color:#4f46e5;color:var(--color-secondary)}.subscription-tier-free{color:#6b7280;color:var(--color-text-muted)}.subscription-tier-paid{color:#2563eb;color:var(--color-primary)}.subscription-tier-enterprise{color:#f59e0b;color:var(--color-warning)}@media(max-width:768px){.profile-field-grid{grid-template-columns:1fr}.developer-header{flex-direction:column;align-items:flex-start;gap:.5rem;gap:var(--space-2)}.welcome-title{font-size:1.875rem;font-size:var(--font-size-3xl)}.welcome-header{flex-direction:column;gap:.5rem;gap:var(--space-2)}.welcome-status-card{flex-direction:column;text-align:center;gap:.5rem;gap:var(--space-2)}.welcome-status-text{align-items:center}}@media(max-width:480px){.welcome-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.welcome-subtitle{font-size:1rem;font-size:var(--font-size-base)}.welcome-status-card{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}}[data-theme=dark] .welcome-section{background:linear-gradient(135deg,#f9fafb,#f3f4f6 60%,#eff6ff);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-muted) 60%,var(--color-primary-subtle) 100%);border:1px solid rgb(229 231 235);border:1px solid var(--color-border)}[data-theme=dark] .welcome-title{background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=white] .welcome-section,[data-theme=white] .getting-started-section,[data-theme=white] .developer-section{background:#fff;background:var(--color-bg-primary)}[data-theme=white] .dashboard-section,[data-theme=white] .quick-nav-card{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-card)}.quick-actions-section{background:#f9fafb;background:var(--color-surface)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;gap:var(--space-4)}.quick-action-card{display:flex;align-items:center;gap:1rem;gap:var(--space-4);padding:1.25rem;padding:var(--space-5);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);background:#f9fafb;background:var(--color-surface);text-decoration:none;transition:.2s ease-in-out;transition:var(--transition-base)}.quick-action-card:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-primary{border-left:3px solid rgb(37 99 235);border-left:3px solid var(--color-primary)}.quick-action-secondary{border-left:3px solid rgb(79 70 229);border-left:3px solid var(--color-secondary)}.quick-action-icon-wrapper{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#eff6ff;background:var(--color-primary-subtle)}.quick-action-icon{font-size:1.5rem;font-size:var(--font-size-2xl)}.quick-action-content{flex:1;min-width:0}.quick-action-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text-primary);margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.quick-action-description{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);margin:0;line-height:1.4}.quick-action-arrow{flex-shrink:0;font-size:1.25rem;font-size:var(--font-size-xl);color:#6b7280;color:var(--color-text-muted);transition:.2s ease-in-out;transition:var(--transition-base)}.quick-action-card:hover .quick-action-arrow{color:#2563eb;color:var(--color-primary);transform:translate(4px)}.no-project-actions{padding:1.25rem;padding:var(--space-5)}.no-project-actions:hover{border-color:#e5e7eb;border-color:var(--color-border);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.no-project-actions-row{display:flex;align-items:center;gap:1rem;gap:var(--space-4);flex-wrap:wrap}.no-project-actions-row .create-project-btn{flex-shrink:0}.no-project-quota{flex:1;min-width:200px;margin:0;border:none;padding:0;background:transparent;box-shadow:none}.no-project-quota:hover{box-shadow:none;transform:none}.feature-showcase-card{padding:1.25rem;padding:var(--space-5);background:#f9fafb;background:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);text-align:center;transition:.2s ease-in-out;transition:var(--transition-base)}.feature-showcase-card:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-showcase-icon{font-size:2.25rem;font-size:var(--font-size-4xl);margin-bottom:.75rem;margin-bottom:var(--space-3);display:block}.feature-showcase-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text-primary);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.feature-showcase-description{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);margin:0;line-height:1.5}.getting-started-section{background:linear-gradient(135deg,#f9fafb,#eef2ff);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-secondary-subtle) 100%)}.getting-started-steps{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.getting-started-step{display:flex;align-items:flex-start;gap:1rem;gap:var(--space-4);padding:1rem;padding:var(--space-4);background:#f9fafb;background:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border)}.step-number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#2563eb;background:var(--color-primary);color:#fff;color:var(--color-text-on-primary);font-weight:700;font-weight:var(--font-weight-bold);font-size:1.125rem;font-size:var(--font-size-lg)}.step-content{flex:1;min-width:0}.step-title{font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text-primary);margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.step-description{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);margin:0;line-height:1.4}.getting-started-cta{text-align:center;padding-top:1rem;padding-top:var(--space-4);border-top:1px solid rgb(229 231 235);border-top:1px solid var(--color-border)}.getting-started-cta .btn,.getting-started-cta .btn:hover{color:#fff;color:var(--color-text-on-primary)}.project-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;gap:var(--space-6)}.project-header-info{flex:1;min-width:0}.project-header-badge{display:inline-flex;align-items:center;gap:.25rem;gap:var(--space-1);padding:2px .5rem;padding:2px var(--space-2);background:#eff6ff;background:var(--color-primary-subtle);margin-bottom:.75rem;margin-bottom:var(--space-3);font-size:.75rem;font-size:var(--font-size-xs);color:#2563eb;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium)}.project-header-badge-sep{opacity:.5}.project-header-badge-role{font-weight:400;font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:0}.project-header-icon{font-size:1rem;font-size:var(--font-size-base)}.project-header-label{text-transform:uppercase;letter-spacing:.5px}.project-header-title{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);color:#111827;color:var(--color-text-primary);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.project-header-description{font-size:1rem;font-size:var(--font-size-base);color:#6b7280;color:var(--color-text-muted);margin:0 0 1rem;margin:0 0 var(--space-4) 0;line-height:1.5}.project-header-meta{display:flex;align-items:center;gap:1rem;gap:var(--space-4)}.project-meta-item{display:flex;align-items:center;gap:.25rem;gap:var(--space-1);font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted)}.project-meta-icon{font-size:1rem;font-size:var(--font-size-base)}.project-meta-status{color:#16a34a;color:var(--color-success)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-dot-active{background:#16a34a;background:var(--color-success)}.project-header-actions{flex-shrink:0}.quick-nav-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;gap:var(--space-2);padding:1.25rem;padding:var(--space-5);background:#f9fafb;background:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-card);text-decoration:none;text-align:center;transition:.2s ease-in-out;transition:var(--transition-base)}.quick-nav-card:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.quick-nav-card:hover .quick-nav-icon{transform:scale(1.2)}.quick-nav-icon{font-size:1.875rem;font-size:var(--font-size-3xl);transition:transform .2s ease}.quick-nav-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary)}.dashboard-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;padding:var(--space-8);text-align:center;color:#6b7280;color:var(--color-text-muted)}.placeholder-icon{font-size:2.25rem;font-size:var(--font-size-4xl);margin-bottom:.75rem;margin-bottom:var(--space-3)}.placeholder-text{font-size:1rem;font-size:var(--font-size-base);margin:0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;padding:var(--space-12);gap:1rem;gap:var(--space-4)}.dashboard-loading p{color:#6b7280;color:var(--color-text-muted);margin:0}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;padding:var(--space-12);text-align:center}.dashboard-empty-icon{font-size:3rem;font-size:var(--font-size-5xl);margin-bottom:1rem;margin-bottom:var(--space-4)}.dashboard-empty-state h2{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text-primary);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.dashboard-empty-state p{font-size:1rem;font-size:var(--font-size-base);color:#6b7280;color:var(--color-text-muted);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}@media(max-width:768px){.quick-actions-grid{grid-template-columns:1fr}.project-header-content{flex-direction:column}.project-header-actions,.project-header-actions .btn{width:100%}.project-header-title{font-size:1.5rem;font-size:var(--font-size-2xl)}}@media(max-width:480px){.quick-action-card{flex-direction:column;text-align:center}.quick-action-arrow{display:none}.getting-started-step{flex-direction:column;text-align:center}.step-number{margin:0 auto}}.header-mobile-menu{display:block;padding-top:1rem;padding-top:var(--space-4)}@media(min-width:768px){.header-mobile-menu{display:none}}.mobile-menu{border-top:1px solid rgb(229 231 235);border-top:1px solid var(--color-border);background-color:#f9fafb;background-color:var(--color-surface);max-height:calc(100vh - 4rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu-content{padding:.5rem .5rem .75rem;padding:var(--space-2) var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.mobile-menu-user-info{padding:.75rem;padding:var(--space-3);border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-subtle);margin-bottom:.5rem;margin-bottom:var(--space-2)}.mobile-menu-user-info-content{display:flex;align-items:center;gap:.75rem;gap:var(--space-3)}.mobile-menu-avatar{height:2rem;width:2rem;border-radius:9999px;border-radius:var(--radius-full);background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.mobile-menu-user-name{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text);margin:0}.mobile-menu-link{display:block;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);color:#374151;color:var(--color-text-secondary);text-decoration:none;border-radius:0;border-radius:var(--radius-button);transition:.2s ease-in-out;transition:var(--transition-base)}.mobile-menu-link:hover{color:#2563eb;color:var(--color-primary);background-color:#eff6ff;background-color:var(--color-primary-subtle);text-decoration:none;transform:translateY(-1px)}.mobile-menu-link.developer{color:#16a34a;color:var(--color-success)}.mobile-menu-link.developer:hover{color:#15803d;color:var(--color-success-hover);background-color:#f0fdf4;background-color:var(--color-success-subtle)}.mobile-menu-link-content{display:flex;align-items:center}.mobile-menu-link-icon{margin-right:.5rem;margin-right:var(--space-2);height:1rem;width:1rem}.mobile-menu-divider{border-top:1px solid rgb(229 231 235);border-top:1px solid var(--color-border);margin:.5rem 0;margin:var(--space-2) 0}.mobile-menu-button{display:block;width:100%;text-align:left;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);color:#dc2626;color:var(--color-error);background:none;border:none;border-radius:0;border-radius:var(--radius-button);transition:.2s ease-in-out;transition:var(--transition-base);cursor:pointer}.mobile-menu-button:hover{color:#b91c1c;color:var(--color-error-hover);background-color:#fef2f2;background-color:var(--color-error-subtle)}.mobile-menu-button:focus{outline:var(--focus-ring);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.mobile-project-selector{margin:.25rem 0;margin:var(--space-1) 0}.mobile-project-selector-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);color:#374151;color:var(--color-text-secondary);background:none;border:none;border-radius:0;border-radius:var(--radius-button);cursor:pointer;transition:.2s ease-in-out;transition:var(--transition-base)}.mobile-project-selector-trigger:hover,.mobile-project-selector-trigger.expanded{color:#2563eb;color:var(--color-primary);background-color:#eff6ff;background-color:var(--color-primary-subtle)}.mobile-project-selector-header{display:flex;align-items:center;gap:.5rem;gap:var(--space-2)}.mobile-project-selector-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.mobile-project-selector-label{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);font-weight:400;font-weight:var(--font-weight-normal)}.mobile-project-selector-value{font-size:1rem;font-size:var(--font-size-base);color:#111827;color:var(--color-text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.mobile-project-selector-arrow{width:1rem;height:1rem;transition:transform .2s ease-in-out;transition:transform var(--transition-base)}.mobile-project-selector-arrow.expanded{transform:rotate(180deg)}.mobile-project-selector-list{margin-top:.25rem;margin-top:var(--space-1);padding:.25rem 0;padding:var(--space-1) 0;padding-left:1rem;padding-left:var(--space-4);border-left:2px solid rgb(229 231 235);border-left:2px solid var(--color-border);margin-left:1rem;margin-left:var(--space-4)}.mobile-project-selector-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;gap:var(--space-2);width:100%;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);background:none;border:none;border-radius:0;border-radius:var(--radius-button);cursor:pointer;transition:.2s ease-in-out;transition:var(--transition-base);text-align:left}.mobile-project-selector-item:hover{color:#2563eb;color:var(--color-primary);background-color:#eff6ff;background-color:var(--color-primary-subtle)}.mobile-project-selector-item.selected{color:#2563eb;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium)}.mobile-project-selector-item:disabled{opacity:.6;cursor:not-allowed}.mobile-project-selector-item-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.mobile-project-selector-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-project-selector-item-meta{display:flex;align-items:center;gap:.5rem;gap:var(--space-2);font-size:.75rem;font-size:var(--font-size-xs)}.mobile-project-selector-item-owner{color:#6b7280;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10rem}.mobile-project-selector-section-header{padding:.5rem .75rem .25rem;padding:var(--space-2) var(--space-3) var(--space-1);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);color:#6b7280;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;letter-spacing:var(--letter-spacing-wider)}.mobile-project-selector-role-badge{display:inline-flex;padding:0 .25rem;padding:0 var(--space-1);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);border-radius:0;border-radius:var(--radius-badge);line-height:1.4;white-space:nowrap}.mobile-project-selector-role-badge--admin{background-color:#eff6ff;background-color:var(--color-primary-subtle);color:#2563eb;color:var(--color-primary)}.mobile-project-selector-role-badge--superuser{background-color:#f0fdf4;background-color:var(--color-success-subtle);color:#16a34a;color:var(--color-success)}.mobile-project-selector-role-badge--contributor{background-color:#fefce8;background-color:var(--color-warning-subtle);color:#f59e0b;color:var(--color-warning)}.mobile-project-selector-role-badge--reader{background-color:#f3f4f6;background-color:var(--color-surface-secondary);color:#6b7280;color:var(--color-text-muted)}.mobile-project-selector-check{width:1rem;height:1rem;color:#16a34a;color:var(--color-success);flex-shrink:0}.mobile-project-selector-loading,.mobile-project-selector-empty{padding:.5rem .75rem;padding:var(--space-2) var(--space-3);font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);font-style:italic}.user-dropdown{position:relative}.user-dropdown-button{display:flex;align-items:center;gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);border-radius:0;border-radius:var(--radius-button);color:#374151;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:.2s ease-in-out;transition:var(--transition-base)}.user-dropdown-button:hover{color:#2563eb;color:var(--color-primary);background-color:#eff6ff;background-color:var(--color-primary-subtle);text-decoration:none;transform:translateY(-1px)}.user-dropdown-button:focus{outline:var(--focus-ring);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.user-dropdown-button.open{color:#2563eb;color:var(--color-primary);background-color:#eff6ff;background-color:var(--color-primary-subtle)}.user-dropdown-avatar{height:2rem;width:2rem;border-radius:9999px;border-radius:var(--radius-full);background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.user-dropdown-name{display:none;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.user-dropdown-name{display:block}}.user-dropdown-arrow{height:1rem;width:1rem;transition:.2s ease-in-out;transition:var(--transition-base)}.user-dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;right:0;margin-top:.5rem;margin-top:var(--space-2);width:16rem;background-color:#f9fafb;background-color:var(--color-surface);border-radius:0;border-radius:var(--radius-dropdown);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);padding:.5rem 0;padding:var(--space-2) 0;z-index:1060;z-index:var(--z-index-popover)}.user-dropdown-menu-item{display:block;width:100%;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;transition:.2s ease-in-out;transition:var(--transition-base)}.user-dropdown-menu-item:hover{color:#111827;color:var(--color-text);background-color:#eff6ff;background-color:var(--color-primary-subtle);text-decoration:none}.user-dropdown-menu-item:focus{outline:var(--focus-ring);outline-offset:2px;outline-offset:var(--focus-ring-offset);text-decoration:none}.user-dropdown-menu-item.developer{color:#16a34a;color:var(--color-success)}.user-dropdown-menu-item.developer:hover{color:#15803d;color:var(--color-success-hover);background-color:#f0fdf4;background-color:var(--color-success-subtle);text-decoration:none}.user-dropdown-menu-item.logout{color:#dc2626;color:var(--color-error)}.user-dropdown-menu-item.logout:hover{color:#b91c1c;color:var(--color-error-hover);background-color:#fef2f2;background-color:var(--color-error-subtle);text-decoration:none}.user-dropdown-menu-item:disabled{opacity:.5;cursor:not-allowed}.user-dropdown-menu-item-content{display:flex;align-items:center}.user-dropdown-menu-item-icon{margin-right:.75rem;margin-right:var(--space-3);height:1rem;width:1rem}.user-dropdown-menu-divider{border-top:1px solid rgb(243 244 246);border-top:1px solid var(--color-border-subtle);margin:.25rem 0;margin:var(--space-1) 0}.user-dropdown-profile{display:block;width:100%;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none;color:inherit;border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-subtle);margin-bottom:.25rem;margin-bottom:var(--space-1);transition:.2s ease-in-out;transition:var(--transition-base);border-radius:0;border-radius:var(--radius-dropdown) var(--radius-dropdown) 0 0}.user-dropdown-profile:hover{background-color:#eff6ff;background-color:var(--color-primary-subtle);color:inherit;text-decoration:none}.user-dropdown-profile-content{display:flex;align-items:center;gap:.75rem;gap:var(--space-3)}.user-dropdown-profile-avatar{height:2.5rem;width:2.5rem;border-radius:9999px;border-radius:var(--radius-full);background:linear-gradient(135deg,#2563eb,#4f46e5);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium)}.user-dropdown-profile-info{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between}.user-dropdown-profile-name{font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text);margin:0}.user-dropdown-dev-badge{margin-left:auto;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);background-color:#f0fdf4;background-color:var(--color-success-subtle);color:#16a34a;color:var(--color-success);font-size:.75rem;font-size:var(--font-size-xs);border-radius:0;border-radius:var(--radius-badge)}.user-dropdown-submenu-container{position:relative}.user-dropdown-submenu-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);background:none;border:none;text-align:left;cursor:pointer;transition:.2s ease-in-out;transition:var(--transition-base)}.user-dropdown-submenu-trigger:hover{color:#111827;color:var(--color-text);background-color:#eff6ff;background-color:var(--color-primary-subtle)}.user-dropdown-submenu-trigger.open{color:#2563eb;color:var(--color-primary);background-color:#eff6ff;background-color:var(--color-primary-subtle)}.user-dropdown-submenu-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.user-dropdown-submenu-label{font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text)}.user-dropdown-submenu-value{font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-submenu-arrow{height:1rem;width:1rem;flex-shrink:0;transition:.2s ease-in-out;transition:var(--transition-base)}.user-dropdown-submenu-arrow.open{transform:rotate(-90deg)}.user-dropdown-submenu{position:absolute;right:100%;left:auto;top:0;margin-right:.25rem;margin-right:var(--space-1);min-width:14rem;max-width:20rem;max-height:400px;overflow-y:auto;background-color:#f9fafb;background-color:var(--color-surface);border-radius:0;border-radius:var(--radius-dropdown);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);padding:.5rem 0;padding:var(--space-2) 0;z-index:1061;z-index:calc(var(--z-index-popover) + 1)}@media(max-width:768px){.user-dropdown-submenu{position:relative;right:auto;left:0;margin-right:0;margin-left:0;margin-top:.25rem;margin-top:var(--space-1);width:100%;max-width:none;max-height:40vh;box-shadow:none;border:none;border-top:1px solid rgb(243 244 246);border-top:1px solid var(--color-border-subtle);border-radius:0;background-color:#f3f4f6;background-color:var(--color-surface-secondary)}.user-dropdown-submenu-arrow.open{transform:rotate(180deg)}}.user-dropdown-submenu-section-header{padding:.5rem 1rem .25rem;padding:var(--space-2) var(--space-4) var(--space-1);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);color:#6b7280;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;letter-spacing:var(--letter-spacing-wider)}.user-dropdown-submenu-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;gap:var(--space-2);width:100%;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);background:none;border:none;text-align:left;cursor:pointer;transition:.2s ease-in-out;transition:var(--transition-base)}.user-dropdown-submenu-item:hover{color:#111827;color:var(--color-text);background-color:#eff6ff;background-color:var(--color-primary-subtle)}.user-dropdown-submenu-item.selected{color:#2563eb;color:var(--color-primary);background-color:#eff6ff;background-color:var(--color-primary-subtle)}.user-dropdown-submenu-item:disabled{opacity:.5;cursor:not-allowed}.user-dropdown-submenu-item-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.user-dropdown-submenu-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-submenu-item-meta{display:flex;align-items:center;gap:.5rem;gap:var(--space-2);font-size:.75rem;font-size:var(--font-size-xs)}.user-dropdown-submenu-item-owner{color:#6b7280;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10rem}.user-dropdown-submenu-role-badge{display:inline-flex;padding:0 .25rem;padding:0 var(--space-1);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);border-radius:0;border-radius:var(--radius-badge);line-height:1.4;white-space:nowrap}.user-dropdown-submenu-role-badge--admin{background-color:#eff6ff;background-color:var(--color-primary-subtle);color:#2563eb;color:var(--color-primary)}.user-dropdown-submenu-role-badge--superuser{background-color:#f0fdf4;background-color:var(--color-success-subtle);color:#16a34a;color:var(--color-success)}.user-dropdown-submenu-role-badge--contributor{background-color:#fefce8;background-color:var(--color-warning-subtle);color:#f59e0b;color:var(--color-warning)}.user-dropdown-submenu-role-badge--reader{background-color:#f3f4f6;background-color:var(--color-surface-secondary);color:#6b7280;color:var(--color-text-muted)}.user-dropdown-submenu-check{height:1rem;width:1rem;flex-shrink:0;color:#2563eb;color:var(--color-primary)}.user-dropdown-submenu-divider{border-top:1px solid rgb(243 244 246);border-top:1px solid var(--color-border-subtle);margin:.25rem 0;margin:var(--space-1) 0}.user-dropdown-submenu-loading,.user-dropdown-submenu-empty{padding:.75rem 1rem;padding:var(--space-3) var(--space-4);font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);text-align:center}.header-user-section{position:relative}.header{background-color:rgba(249 250 251,.8);background-color:rgba(var(--color-surface-rgb),.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:1030;z-index:var(--z-index-fixed)}.header-container{max-width:80rem;max-width:var(--container-max-width);margin:0 auto;padding:0 1rem;padding:0 var(--space-4)}@media(min-width:640px){.header-container{padding:0 1.5rem;padding:0 var(--space-6)}}@media(min-width:1024px){.header-container{padding:0 2rem;padding:0 var(--space-8)}}.header-content{display:flex;justify-content:space-between;align-items:center;height:4rem;height:var(--header-height, 4rem)}.header-brand{display:flex;align-items:center;gap:.75rem;gap:var(--space-3);position:relative}.header-active-project{display:none;align-items:center;gap:5px;font-size:.75rem;font-size:var(--font-size-xs);color:#374151;color:var(--color-text-secondary);text-decoration:none;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;opacity:.65;transition:opacity .15s ease,transform .15s ease,color .15s ease;transform:translateY(0);padding-left:.75rem;padding-left:var(--space-3);border-left:1px solid rgb(243 244 246);border-left:1px solid var(--color-border-subtle)}.header-active-project:hover{opacity:1;color:#2563eb;color:var(--color-primary);text-decoration:none}.header-active-project__dot{width:5px;height:5px;border-radius:50%;background-color:#2563eb;background-color:var(--color-primary);flex-shrink:0;opacity:.7}.header-active-project--exit{opacity:0;transform:translate(-4px)}.header-active-project--enter{animation:activeProjectSlideIn .2s ease forwards}@keyframes activeProjectSlideIn{0%{opacity:0;transform:translate(4px)}to{opacity:.65;transform:translate(0)}}@media(min-width:640px){.header-active-project{display:inline-flex;max-width:180px}}@media(min-width:1024px){.header-active-project{max-width:260px}}.header-brand:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,color-mix(in srgb,rgb(37 99 235) 12%,transparent) 0%,transparent 70%);background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 12%,transparent) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:.2s ease-in-out;transition:var(--transition-base);pointer-events:none;z-index:-1}.header-brand:hover:after{opacity:1}.header-logo{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);color:#2563eb;color:var(--color-primary);text-decoration:none;transition:.2s ease-in-out;transition:var(--transition-base);position:relative;letter-spacing:-.025em}.header-logo:link,.header-logo:visited,.header-logo:active{color:#2563eb;color:var(--color-primary);text-decoration:none}.header-logo:hover{color:#1d4ed8;color:var(--color-primary-hover);text-decoration:none;transform:translateY(-1px)}.header-logo:focus-visible{color:#1d4ed8;color:var(--color-primary-hover);outline:2px solid #3b82f6;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset);text-decoration:none}@media(min-width:640px){.header-logo{font-size:1.5rem;font-size:var(--font-size-2xl);letter-spacing:-.03em}}@media(min-width:1024px){.header-logo{font-size:1.875rem;font-size:var(--font-size-3xl)}}.header-nav-desktop{display:none;align-items:center;gap:1.5rem;gap:var(--space-6)}@media(min-width:768px){.header-nav-desktop{display:flex}}.header-nav-divider{border-left:1px solid rgb(229 231 235);border-left:1px solid var(--color-border);padding-left:1.5rem;padding-left:var(--space-6)}.header-mobile-actions{display:flex;align-items:center;gap:.5rem;gap:var(--space-2)}@media(min-width:768px){.header-mobile-actions{display:none}}.header-mobile-toggle{display:block;padding:.5rem;padding:var(--space-2);border-radius:0;border-radius:var(--radius-button);color:#6b7280;color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:.2s ease-in-out;transition:var(--transition-base)}.header-mobile-toggle:hover{color:#2563eb;color:var(--color-primary);background-color:#eff6ff;background-color:var(--color-primary-subtle)}.header-mobile-toggle:focus-visible{outline:2px solid #3b82f6;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.header-mobile-icon{width:1.5rem;height:1.5rem}.header-nav{display:flex;align-items:center;gap:1rem;gap:var(--space-4)}.header-nav-link{padding:.5rem .75rem;padding:var(--space-2) var(--space-3);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#374151;color:var(--color-text-secondary);text-decoration:none;border-radius:0;border-radius:var(--radius-button);transition:.2s ease-in-out;transition:var(--transition-base);position:relative}.header-nav-link:hover{color:#2563eb;color:var(--color-primary);background-color:#eff6ff;background-color:var(--color-primary-subtle);text-decoration:none;transform:translateY(-1px)}.header-nav-link:focus-visible{outline:2px solid #3b82f6;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset);text-decoration:none}.header-nav-link.active{color:#2563eb;color:var(--color-primary);background-color:#eff6ff;background-color:var(--color-primary-subtle);text-decoration:none}.header [aria-label]{cursor:pointer}@media(max-width:640px){.header-brand{gap:.5rem;gap:var(--space-2)}.header-container{padding:0 .75rem;padding:0 var(--space-3)}}.page-container{min-height:100vh;background-color:var(--color-background)}.page-content{max-width:80rem;max-width:var(--content-width-default);margin:0 auto;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4)}@media(min-width:640px){.page-content{padding:1.5rem;padding:var(--space-6)}}@media(min-width:1024px){.page-content{padding:2rem;padding:var(--space-8)}}.page-content-layout{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.projects-page{min-height:100vh;background-color:var(--color-background)}.projects-page-layout{display:flex;flex-direction:column}.user-profile-page{min-height:100vh;background-color:var(--color-background)}.user-profile-content-layout{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.developer-dashboard-page{min-height:100vh;background-color:var(--color-background)}.developer-dashboard-content-layout{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.page-header{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}@media(min-width:768px){.page-header{flex-direction:row;align-items:center;justify-content:space-between}}.page-title{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);color:#111827;color:var(--color-text);margin:0}@media(min-width:640px){.page-title{font-size:1.875rem;font-size:var(--font-size-3xl)}}.page-subtitle{font-size:1rem;font-size:var(--font-size-base);color:#6b7280;color:var(--color-text-muted);margin:.5rem 0 0;margin:var(--space-2) 0 0}.page-actions{display:flex;gap:.75rem;gap:var(--space-3);align-items:center}.page-section{background-color:#f9fafb;background-color:var(--color-surface);border-radius:0;border-radius:var(--radius-card);padding:1.5rem;padding:var(--space-6);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle)}.page-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;margin-bottom:var(--space-4)}.page-section-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0}.page-section-content{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.page-grid{display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:768px){.page-grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.page-grid-3{grid-template-columns:repeat(3,1fr)}.page-grid-4{grid-template-columns:repeat(4,1fr)}}.page-loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#6b7280;color:var(--color-text-muted)}.page-empty{text-align:center;padding:3rem 1rem;padding:var(--space-12) var(--space-4);color:#6b7280;color:var(--color-text-muted)}.page-empty-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#374151;color:var(--color-text-secondary);margin-bottom:.5rem;margin-bottom:var(--space-2)}.page-empty-description{font-size:1rem;font-size:var(--font-size-base);margin-bottom:1.5rem;margin-bottom:var(--space-6)}@media(max-width:640px){.page-section{padding:1rem;padding:var(--space-4)}.page-title{font-size:1.25rem;font-size:var(--font-size-xl)}}.breadcrumb{margin-bottom:1rem;margin-bottom:var(--space-4)}.breadcrumb-nav{display:flex;margin-bottom:1rem;margin-bottom:var(--space-4)}.breadcrumb-list{display:inline-flex;align-items:center;gap:.25rem;gap:var(--space-1);list-style:none;margin:0;padding:0}@media(min-width:768px){.breadcrumb-list{gap:.75rem;gap:var(--space-3)}}.breadcrumb-item{display:inline-flex;align-items:center}.breadcrumb-separator{width:1.5rem;height:1.5rem;color:#6b7280;color:var(--color-text-muted);margin:0 .25rem;margin:0 var(--space-1)}@media(min-width:768px){.breadcrumb-separator{margin:0 .5rem;margin:0 var(--space-2)}}.breadcrumb-link{display:inline-flex;align-items:center;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#374151;color:var(--color-text-secondary);text-decoration:none;transition:.2s ease-in-out;transition:var(--transition-base);border-radius:0;border-radius:var(--radius-button);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.breadcrumb-link:hover{color:#2563eb;color:var(--color-primary);background-color:#eff6ff;background-color:var(--color-primary-subtle);text-decoration:none}.breadcrumb-link:focus{outline:var(--focus-ring);outline-offset:2px;outline-offset:var(--focus-ring-offset);text-decoration:none}.breadcrumb-current{display:inline-flex;align-items:center;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#6b7280;color:var(--color-text-muted);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.breadcrumb-icon{width:1rem;height:1rem;margin-right:.5rem;margin-right:var(--space-2);flex-shrink:0}.breadcrumb-page-header{margin-top:1rem;margin-top:var(--space-4)}.breadcrumb-page-title{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);color:#111827;color:var(--color-text);margin:0}.breadcrumb-page-description{margin-top:.5rem;margin-top:var(--space-2);color:#374151;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base)}@media(max-width:640px){.breadcrumb-page-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.breadcrumb-list{gap:.25rem;gap:var(--space-1)}.breadcrumb-separator{width:1rem;height:1rem;margin:0 .25rem;margin:0 var(--space-1)}}.project-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4)}.project-header-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.project-header-actions{flex-shrink:0;display:flex;align-items:center}.project-title{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);color:#111827;color:var(--color-text);margin:0;line-height:1.2}@media(min-width:768px){.project-title{font-size:1.875rem;font-size:var(--font-size-3xl)}}.project-warning{color:#f59e0b;color:var(--color-warning);margin-top:.5rem;margin-top:var(--space-2);font-size:.875rem;font-size:var(--font-size-sm)}.project-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;gap:var(--space-6)}@media(min-width:768px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-section{margin-bottom:2rem;margin-bottom:var(--space-8)}.project-section-title{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin-bottom:1rem;margin-bottom:var(--space-4)}.project-empty{text-align:center;padding:3rem 1rem;padding:var(--space-12) var(--space-4);background-color:rgba(249 250 251,.5);background-color:rgba(var(--color-surface-rgb),.5);border-radius:0;border-radius:var(--radius-card);border:1px solid rgb(229 231 235);border:1px solid var(--color-border)}.project-empty-icon{margin:0 auto 1rem;margin:0 auto var(--space-4);height:4rem;width:4rem;color:#6b7280;color:var(--color-text-muted)}.project-empty-title{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin-bottom:.5rem;margin-bottom:var(--space-2)}.project-empty-description{color:#374151;color:var(--color-text-secondary);margin-bottom:1.5rem;margin-bottom:var(--space-6);font-size:1rem;font-size:var(--font-size-base)}.project-empty-dashed{text-align:center;padding:2rem 1rem;padding:var(--space-8) var(--space-4);background-color:#e5e7eb;background-color:var(--color-surface-subtle);border-radius:0;border-radius:var(--radius-card);border:2px dashed rgb(229 231 235);border:2px dashed var(--color-border)}.project-empty-dashed-text{color:#6b7280;color:var(--color-text-muted);font-size:1rem;font-size:var(--font-size-base)}.project-loading{display:flex;align-items:center;justify-content:center;padding:4rem 0;padding:var(--space-16) 0;gap:.75rem;gap:var(--space-3)}.project-loading-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-radius:var(--radius-full);height:2rem;width:2rem;border:2px solid transparent;border-bottom:2px solid rgb(37 99 235);border-bottom:2px solid var(--color-primary)}.project-loading-text{color:#374151;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base)}.project-action-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;font-weight:var(--font-weight-medium);transition:.2s ease-in-out;transition:var(--transition-base);outline:none}.project-action-btn:focus{outline:var(--focus-ring);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.project-action-btn.sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.project-action-btn.md{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.project-action-btn.lg{font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.project-action-btn.icon{border-radius:9999px;border-radius:var(--radius-full);padding:.25rem;padding:var(--space-1);color:#6b7280;color:var(--color-text-muted)}.project-action-btn.icon:hover{color:#dc2626;color:var(--color-danger);background-color:#fef2f2;background-color:var(--color-danger-bg)}.project-action-btn.button{border-radius:0;border-radius:var(--radius-button);background-color:#dc2626;background-color:var(--color-danger);color:#fff;border:1px solid transparent}.project-action-btn.button:hover{background-color:#b91c1c;background-color:var(--color-danger-dark)}.project-action-btn.text{color:#dc2626;color:var(--color-danger);text-decoration:underline;text-underline-offset:4px}.project-action-btn.text:hover{color:#b91c1c;color:var(--color-danger-dark)}.project-action-btn.restore.icon{color:#6b7280;color:var(--color-text-muted)}.project-action-btn.restore.icon:hover{color:#16a34a;color:var(--color-success);background-color:#f0fdf4;background-color:var(--color-success-bg)}.project-action-btn.restore.button{background-color:#16a34a;background-color:var(--color-success);color:#fff;border:1px solid transparent}.project-action-btn.restore.button:hover{background-color:#15803d;background-color:var(--color-success-dark)}.project-action-btn.restore.text{color:#16a34a;color:var(--color-success)}.project-action-btn.restore.text:hover{color:#15803d;color:var(--color-success-dark)}.project-action-icon.sm{width:12px;height:12px}.project-action-icon.md{width:16px;height:16px}.project-action-icon.lg{width:20px;height:20px}.project-action-icon.with-text{margin-right:4px}.project-card{background-color:#f9fafb;background-color:var(--color-surface);border-radius:0;border-radius:var(--radius-card);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle);padding:1.5rem;padding:var(--space-6);transition:.2s ease-in-out;transition:var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);border-color:#e5e7eb;border-color:var(--color-border)}.project-card:focus-within{outline:var(--focus-ring);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;margin-bottom:var(--space-4)}.project-card-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0;line-height:1.25;line-height:var(--line-height-tight)}.project-card-description{color:#374151;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.625;line-height:var(--line-height-relaxed);margin:.5rem 0 1rem;margin:var(--space-2) 0 var(--space-4)}.project-card.deleted{opacity:.75;border-color:#fecaca;background-color:#fef2f2;background-color:var(--color-danger-bg)}.project-card.deletion-in-progress{pointer-events:none;opacity:.5}.project-card-title-section{display:flex;align-items:center;flex:1;margin-right:.75rem;margin-right:var(--space-3)}.project-card-title-section .project-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-badges{display:flex;align-items:center;gap:.5rem;gap:var(--space-2)}.project-card-badge{display:inline-flex;align-items:center;padding:2px .5rem;padding:2px var(--space-2);border-radius:0;border-radius:var(--radius-badge);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium)}.project-card-badge.deleted{background-color:#fee2e2;color:#dc2626}.project-card-badge.active{background-color:#f0fdf4;background-color:var(--color-success-bg);color:#16a34a;color:var(--color-success)}.project-card-badge.inactive{background-color:#f3f4f6;color:#6b7280}.project-card-description.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card-owner{margin-bottom:.75rem;margin-bottom:var(--space-3);font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-muted);font-weight:500;font-weight:var(--font-weight-medium)}.project-card-owner-content{display:flex;align-items:center}.project-card-icon{width:16px;height:16px;margin-right:4px}.project-card-subscription{margin-bottom:.75rem;margin-bottom:var(--space-3);padding:.5rem;padding:var(--space-2);background-color:#f9fafb;border-radius:0;border-radius:var(--radius-badge);font-size:.75rem;font-size:var(--font-size-xs)}.project-card-subscription-row{display:flex;justify-content:space-between}.project-card-subscription-row+.project-card-subscription-row{margin-top:4px}.project-card-subscription .accessible{color:#16a34a;color:var(--color-success)}.project-card-subscription .restricted{color:#dc2626}.project-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-muted);border-top:1px solid rgb(243 244 246);border-top:1px solid var(--color-border-subtle);padding-top:.75rem;padding-top:var(--space-3)}.project-card-meta-item{display:flex;align-items:center}.project-card-footer{margin-top:1rem;margin-top:var(--space-4);display:flex;align-items:center;justify-content:space-between}.project-card-view-link{display:flex;align-items:center;font-size:.875rem;font-size:var(--font-size-sm);color:#2563eb;color:var(--color-primary);cursor:pointer;flex:1;margin-right:1rem;margin-right:var(--space-4)}.project-card-view-link:hover{color:var(--color-primary-dark)}.project-card-deleted-info{margin-bottom:.75rem;margin-bottom:var(--space-3);padding:.5rem;padding:var(--space-2);background-color:#fef2f2;background-color:var(--color-danger-bg);border:1px solid #fecaca;border-radius:0;border-radius:var(--radius-badge);font-size:.75rem;font-size:var(--font-size-xs);color:#dc2626}.project-card-deleted-info-content{display:flex;align-items:center}.project-card-button-area{display:flex;align-items:center;gap:4px}.create-project-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;gap:var(--space-2);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);border-radius:0;border-radius:var(--radius-button);transition:.2s ease-in-out;transition:var(--transition-base);white-space:nowrap;min-height:44px}.create-project-btn-text-short{display:none}.create-project-btn-text-full{display:inline}@media(max-width:640px){.create-project-btn{padding:.75rem;padding:var(--space-3);gap:.25rem;gap:var(--space-1);font-size:.75rem;font-size:var(--font-size-xs);min-width:auto}.create-project-btn-text-short{display:inline}.create-project-btn-text-full{display:none}}@media(min-width:641px){.create-project-btn{min-width:120px}}.create-project-btn.primary{background-color:#2563eb;background-color:var(--color-primary);color:#fff;border:1px solid rgb(37 99 235);border:1px solid var(--color-primary)}.create-project-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.create-project-btn.upgrade{background-color:#f59e0b;background-color:var(--color-warning);color:#fff;border:1px solid #f59e0b;border:1px solid var(--color-warning)}.create-project-btn.upgrade:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.create-project-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.1)}.create-project-btn:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;opacity:.6}.create-project-btn:disabled:hover{background-color:var(--disabled-bg);transform:none;box-shadow:0 1px 3px #0000001a}@media(max-width:480px){.create-project-btn-icon{width:18px;height:18px}}@media(max-width:640px){.project-header{align-items:center;flex-wrap:nowrap}.project-header-actions{width:auto;justify-content:flex-end;margin-left:auto;gap:.5rem;gap:var(--space-2)}.project-title{font-size:1.25rem;font-size:var(--font-size-xl)}.project-card{padding:1rem;padding:var(--space-4)}.project-empty{padding:2rem .75rem;padding:var(--space-8) var(--space-3)}}@media(max-width:768px){.project-header{gap:.75rem;gap:var(--space-3)}}.project-error-display{padding:1rem;padding:var(--space-4);background-color:#fef2f2;background-color:rgb(var(--red-50));border:1px solid rgb(254 202 202);border:1px solid rgb(var(--red-200));border-radius:0;border-radius:var(--radius-card);margin-bottom:1rem;margin-bottom:var(--space-4)}.project-error-display-content{display:flex;align-items:flex-start;gap:.75rem;gap:var(--space-3)}.project-error-display-icon{font-size:1.5rem;flex-shrink:0}.project-error-display-text{flex:1}.project-error-display-title{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#991b1b;color:rgb(var(--red-800));margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.project-error-display-message{font-size:.875rem;font-size:var(--font-size-sm);color:#b91c1c;color:rgb(var(--red-700));margin:0 0 .75rem;margin:0 0 var(--space-3) 0;line-height:1.625;line-height:var(--line-height-relaxed)}.project-error-display-button{display:inline-flex;align-items:center;gap:.5rem;gap:var(--space-2);font-size:.875rem;font-size:var(--font-size-sm);background-color:#fee2e2;background-color:rgb(var(--red-100));color:#991b1b;color:rgb(var(--red-800));padding:.5rem .75rem;padding:var(--space-2) var(--space-3);border-radius:0;border-radius:var(--radius-button);border:1px solid rgb(254 202 202);border:1px solid rgb(var(--red-200));cursor:pointer;transition:all .2s ease;font-weight:500;font-weight:var(--font-weight-medium)}.project-error-display-button:hover{background-color:#fecaca;background-color:rgb(var(--red-200));border-color:#fca5a5;border-color:rgb(var(--red-300));transform:translateY(-1px);box-shadow:0 2px 8px #ef444426}.project-error-display-button:focus{outline:none;box-shadow:0 0 0 3px #fee2e2;box-shadow:0 0 0 3px rgb(var(--red-100))}.project-error-display-button:active{transform:translateY(0)}.project-error-display-button.upgrade{background-color:#f59e0b;background-color:var(--color-warning);color:#fff;border-color:#f59e0b;border-color:var(--color-warning)}.project-error-display-button.upgrade:hover{background-color:#d97706;background-color:var(--color-warning-dark);border-color:#d97706;border-color:var(--color-warning-dark);box-shadow:0 2px 8px #fbbf244d}.project-error-display-button.upgrade:focus{box-shadow:0 0 0 3px #fefce8;box-shadow:0 0 0 3px var(--color-warning-light)}[data-theme=dark] .project-action-btn.icon:hover{color:#dc2626;color:var(--color-error);background-color:#fef2f2;background-color:var(--color-error-subtle)}[data-theme=dark] .project-action-btn.restore.icon:hover{color:#16a34a;color:var(--color-success);background-color:#f0fdf4;background-color:var(--color-success-subtle)}[data-theme=dark] .project-card:hover{background-color:#f3f4f6;background-color:var(--color-surface-hover);border-color:#9ca3af;border-color:var(--color-border-hover);box-shadow:0 4px 16px #0000004d}[data-theme=dark] .project-card:focus-within{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}[data-theme=white] .project-card{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-card)}.project-details-page{min-height:100vh;background-color:var(--color-background)}.project-details-content-layout{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.project-details-loading{display:flex;justify-content:center;align-items:center;min-height:60vh;color:#374151;color:var(--color-text-secondary)}.project-details-loading{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.project-loading-card{background-color:#f9fafb;background-color:var(--color-surface);border-radius:0;border-radius:var(--radius-card);padding:1.5rem;padding:var(--space-6);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.project-loading-animation{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.project-loading-skeleton{border-radius:0;border-radius:var(--radius-card);background:linear-gradient(90deg,var(--color-background-subtle) 25%,rgb(243 244 246) 50%,var(--color-background-subtle) 75%);background:linear-gradient(90deg,var(--color-background-subtle) 25%,var(--color-border-subtle) 50%,var(--color-background-subtle) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.project-loading-skeleton-title{height:2rem;width:16rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.project-loading-skeleton-subtitle{height:1rem;width:24rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.project-loading-skeleton-text{height:1rem;width:8rem}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.project-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:1rem;gap:var(--space-4)}.project-details-error-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text-primary)}.project-details-error-message{color:#374151;color:var(--color-text-secondary);max-width:32rem}.project-details-error-button{background-color:#2563eb;background-color:var(--color-primary-600);color:#eff6ff;color:var(--color-primary-50);border:none;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);border-radius:0;border-radius:var(--radius-button);font-weight:500;font-weight:var(--font-weight-medium);cursor:pointer;transition:.15s ease-in-out;transition:var(--transition-button)}.project-details-error-button:hover{background-color:#1d4ed8;background-color:var(--color-primary-700)}.project-details-error-button:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-500-rgb),.5);box-shadow:0 0 0 var(--focus-ring-width) rgba(var(--color-primary-500-rgb),var(--focus-ring-opacity))}@media(max-width:640px){.project-details-page-content{padding:1rem .75rem;padding:var(--space-4) var(--space-3)}.project-details-content-layout{gap:1rem;gap:var(--space-4)}}@media(max-width:768px){.project-loading-skeleton-title{width:12rem}.project-loading-skeleton-subtitle{width:18rem}.project-loading-skeleton-text{width:6rem}}.project-details-header{background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle);border-radius:0;border-radius:var(--radius-card);padding:1.5rem;padding:var(--space-6);margin-bottom:1.5rem;margin-bottom:var(--space-6);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.project-details-header-main{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.project-details-header-content{flex:1;margin-right:1rem;margin-right:var(--space-4)}.project-details-header-title{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);color:#111827;color:var(--color-text);margin:0 0 .75rem;margin:0 0 var(--space-3) 0;line-height:1.25;line-height:var(--line-height-tight)}.project-details-header-badges{display:flex;align-items:center;gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4)}.project-details-header-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);border-radius:0;border-radius:var(--radius-badge);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.project-details-header-description{color:#374151;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.625;line-height:var(--line-height-relaxed);margin-bottom:1rem;margin-bottom:var(--space-4)}.project-details-header-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;gap:var(--space-4);padding-top:1rem;padding-top:var(--space-4);border-top:1px solid rgb(243 244 246);border-top:1px solid var(--color-border-subtle)}.project-details-header-meta-item{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.project-details-header-meta-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#6b7280;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.project-details-header-meta-value{font-size:1rem;font-size:var(--font-size-base);color:#111827;color:var(--color-text);font-weight:500;font-weight:var(--font-weight-medium)}.project-details-header-meta-icon{width:16px;height:16px;margin-right:.25rem;margin-right:var(--space-1);color:#6b7280;color:var(--color-text-muted)}.project-details-header-actions{flex-shrink:0;align-self:flex-start}@media(max-width:768px){.project-details-header{padding:1rem;padding:var(--space-4);margin-bottom:1rem;margin-bottom:var(--space-4)}.project-details-header-main{flex-direction:column;gap:.75rem;gap:var(--space-3)}.project-details-header-content{margin-right:0}.project-details-header-title{font-size:1.25rem;font-size:var(--font-size-xl)}.project-details-header-badges{flex-wrap:wrap}.project-details-header-actions{align-self:stretch}.project-details-header-meta{grid-template-columns:1fr;gap:.75rem;gap:var(--space-3)}}@media(max-width:480px){.project-details-header-title{font-size:1.125rem;font-size:var(--font-size-lg)}.project-details-header-badge{font-size:var(--font-size-2xs);padding:2px .5rem;padding:2px var(--space-2)}}.project-details-navigation{border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-subtle);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.project-details-navigation-tabs{display:flex;gap:2rem;gap:var(--space-8);margin-bottom:-1px}.project-details-navigation-tab{display:flex;align-items:center;padding:.5rem .25rem;padding:var(--space-2) var(--space-1);border-bottom:2px solid transparent;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#6b7280;color:var(--color-text-muted);background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:.2s ease-in-out;transition:var(--transition-base);position:relative}.project-details-navigation-tab:hover{color:#374151;color:var(--color-text-secondary);border-bottom-color:#e5e7eb;border-bottom-color:var(--color-border)}.project-details-navigation-tab.active{color:#2563eb;color:var(--color-primary);border-bottom-color:#2563eb;border-bottom-color:var(--color-primary)}.project-details-navigation-tab:focus{outline:var(--focus-ring);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.project-details-navigation-tab-icon{margin-right:.5rem;margin-right:var(--space-2);font-size:1rem;font-size:var(--font-size-base)}@media(max-width:640px){.project-details-navigation-tabs{gap:1rem;gap:var(--space-4)}.project-details-navigation-tab{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 0;padding:var(--space-2) 0}.project-details-navigation-tab-icon{margin-right:.25rem;margin-right:var(--space-1);font-size:.875rem;font-size:var(--font-size-sm)}}.project-overview-tab{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.project-overview-section{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.project-overview-section-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text);margin:0}.project-statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;gap:var(--space-6)}.project-statistic-card{background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle);border-radius:0;border-radius:var(--radius-card);padding:1rem;padding:var(--space-4);transition:.2s ease-in-out;transition:var(--transition-base)}.project-statistic-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);border-color:#e5e7eb;border-color:var(--color-border)}.project-statistic-card-content{display:flex;align-items:center;gap:1rem;gap:var(--space-4)}.project-statistic-card-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:0;border-radius:var(--radius-thumbnail);font-size:1.125rem;font-size:var(--font-size-lg)}.project-statistic-card-icon.members{background-color:#dbeafe;color:#1d4ed8}.project-statistic-card-icon.characters{background-color:#dcfce7;color:#16a34a}.project-statistic-card-icon.organizations{background-color:#f3e8ff;color:#7c3aed}.project-statistic-card-icon.places{background-color:#fed7aa;color:#ea580c}.project-statistic-card-info{flex:1}.project-statistic-card-value{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0;line-height:1.25;line-height:var(--line-height-tight)}.project-statistic-card-label{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);margin:0;line-height:1.5;line-height:var(--line-height-normal)}.project-information-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;gap:var(--space-6)}.project-information-card{background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle);border-radius:0;border-radius:var(--radius-card);padding:1.5rem;padding:var(--space-6)}.project-information-card-title{font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0 0 1rem;margin:0 0 var(--space-4) 0}.project-information-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;padding:var(--space-2) 0;border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-subtle)}.project-information-item:last-child{border-bottom:none}.project-information-label{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);font-weight:500;font-weight:var(--font-weight-medium)}.project-information-value{font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text);font-weight:500;font-weight:var(--font-weight-medium)}.project-recent-activity-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.project-recent-activity-item{display:flex;align-items:center;padding:.75rem;padding:var(--space-3);background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle);border-radius:0;border-radius:var(--radius-card);gap:.75rem;gap:var(--space-3)}.project-recent-activity-icon{width:20px;height:20px;color:#6b7280;color:var(--color-text-muted);flex-shrink:0}.project-recent-activity-content{flex:1}.project-recent-activity-text{font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text);margin:0}.project-recent-activity-time{font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-muted);margin:0}.project-overview-empty-state{text-align:center;padding:2rem;padding:var(--space-8);color:#6b7280;color:var(--color-text-muted)}.project-overview-empty-state-icon{font-size:2.25rem;font-size:var(--font-size-4xl);margin-bottom:1rem;margin-bottom:var(--space-4)}.project-overview-empty-state-text{font-size:1rem;font-size:var(--font-size-base);margin:0}@media(max-width:768px){.project-statistics-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;gap:var(--space-4)}.project-information-grid{grid-template-columns:1fr;gap:1rem;gap:var(--space-4)}.project-statistic-card{padding:.75rem;padding:var(--space-3)}.project-statistic-card-content{gap:.75rem;gap:var(--space-3)}.project-statistic-card-icon{width:28px;height:28px;font-size:1rem;font-size:var(--font-size-base)}.project-statistic-card-value{font-size:1.25rem;font-size:var(--font-size-xl)}}@media(max-width:480px){.project-statistics-grid{grid-template-columns:1fr}.project-information-item{flex-direction:column;align-items:flex-start;gap:.25rem;gap:var(--space-1)}}.project-members-tab{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.members-list-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;padding:var(--space-4) 0;border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-subtle)}.members-list-header-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0}.members-list-header-count{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);margin-left:.5rem;margin-left:var(--space-2)}.members-list-header-actions{display:flex;gap:.75rem;gap:var(--space-3)}.members-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.member-card{background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle);border-radius:0;border-radius:var(--radius-card);padding:1rem;padding:var(--space-4);transition:.2s ease-in-out;transition:var(--transition-base)}.member-card:hover{border-color:#e5e7eb;border-color:var(--color-border);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.member-card-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;gap:var(--space-4)}.member-card-info{display:flex;align-items:center;gap:.75rem;gap:var(--space-3);flex:1}.member-card-avatar{width:40px;height:40px;border-radius:9999px;border-radius:var(--radius-full);background-color:#2563eb;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-weight:var(--font-weight-semibold);font-size:.875rem;font-size:var(--font-size-sm);flex-shrink:0}.member-card-details{flex:1;min-width:0}.member-card-name{font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text);margin:0;line-height:1.25;line-height:var(--line-height-tight)}.member-card-email{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);margin:0;line-height:1.5;line-height:var(--line-height-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-card-role,.member-card-actions{display:flex;align-items:center;gap:.5rem;gap:var(--space-2)}.member-card-inline-badge{margin-left:.5rem;margin-left:var(--space-2);vertical-align:middle}.role-dropdown{position:relative;display:inline-block;min-width:160px}.role-dropdown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-color:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-input);color:#111827;color:var(--color-text-primary);cursor:pointer;font-size:1rem;font-size:var(--typography-body-size);font-weight:400;font-weight:var(--typography-body-weight);line-height:1.625;line-height:var(--typography-body-line-height);min-width:160px;padding:.75rem 1.5rem .75rem .75rem;padding:var(--space-3) var(--space-6) var(--space-3) var(--space-3);position:relative;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%;background-image:none}.role-dropdown-select:hover:not(:disabled){border-color:#3b82f6;border-color:var(--color-border-focus);box-shadow:0 0 0 2px #3b82f61a;box-shadow:0 0 0 var(--focus-ring-width) #3b82f61a}.role-dropdown-select:focus{border-color:#3b82f6;border-color:var(--color-border-focus);box-shadow:0 0 0 2px #3b82f633;box-shadow:0 0 0 var(--focus-ring-width) #3b82f633;outline:none}.role-dropdown-select:disabled{background-color:#f3f4f6;background-color:var(--color-surface-muted);color:#6b7280;color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}.role-dropdown-icon{position:absolute;right:.5rem;right:var(--space-2);top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1}.dropdown-arrow{width:16px;height:16px;color:#374151;color:var(--color-text-secondary);transition:transform .15s ease-in-out;transition:transform var(--transition-fast)}.role-dropdown:hover .dropdown-arrow{color:#111827;color:var(--color-text-primary)}.role-dropdown-select:disabled+.role-dropdown-icon .dropdown-arrow{color:#6b7280;color:var(--color-text-tertiary)}.role-dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;z-index:var(--z-index-dropdown);min-width:150px;background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-dropdown);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:.25rem;padding:var(--space-1);margin-top:.25rem;margin-top:var(--space-1)}.role-dropdown-item{display:flex;align-items:center;width:100%;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:0;border-radius:var(--radius-button);font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text);cursor:pointer;transition:.2s ease-in-out;transition:var(--transition-base);text-align:left}.role-dropdown-item:hover{background-color:#f3f4f6;background-color:var(--color-surface-hover)}.role-dropdown-item:focus{outline:var(--focus-ring);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.role-dropdown-item.active{background-color:#eff6ff;background-color:var(--color-primary-subtle);color:#2563eb;color:var(--color-primary)}.loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border:2px solid var(--color-border-primary);border-top:2px solid #2563eb;border-top:2px solid var(--color-interactive-primary);border-radius:50%;animation:spin 1s linear infinite}.member-remove-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle);border-radius:0;border-radius:var(--radius-button);color:#6b7280;color:var(--color-text-muted);cursor:pointer;transition:.2s ease-in-out;transition:var(--transition-base);padding:0}.member-remove-button:hover{background-color:#fee2e2;border-color:#fecaca;color:#dc2626}.member-remove-button:focus{outline:var(--focus-ring);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.member-remove-button:active{background-color:#fecaca;transform:scale(.95)}.members-empty-state{text-align:center;padding:3rem;padding:var(--space-12);background-color:#f9fafb;background-color:var(--color-surface);border:2px dashed rgb(243 244 246);border:2px dashed var(--color-border-subtle);border-radius:0;border-radius:var(--radius-card)}.members-empty-state-icon{font-size:2.25rem;font-size:var(--font-size-4xl);margin-bottom:1rem;margin-bottom:var(--space-4);color:#6b7280;color:var(--color-text-muted)}.members-empty-state-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.members-empty-state-description{font-size:1rem;font-size:var(--font-size-base);color:#374151;color:var(--color-text-secondary);margin:0 0 1rem;margin:0 0 var(--space-4) 0}.members-loading-state{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.member-card-skeleton{background-color:#f9fafb;background-color:var(--color-surface);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle);border-radius:0;border-radius:var(--radius-card);padding:1rem;padding:var(--space-4);animation:pulse 2s infinite}.member-card-skeleton-content{display:flex;align-items:center;gap:.75rem;gap:var(--space-3)}.member-card-skeleton-avatar{width:40px;height:40px;border-radius:9999px;border-radius:var(--radius-full);background-color:#f3f4f6;background-color:var(--color-border-subtle)}.member-card-skeleton-info{flex:1;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.member-card-skeleton-line{height:16px;background-color:#f3f4f6;background-color:var(--color-border-subtle);border-radius:0;border-radius:var(--radius-badge)}.member-card-skeleton-line.wide{width:60%}.member-card-skeleton-line.narrow{width:40%}.members-error-state{text-align:center;padding:2rem;padding:var(--space-8);background-color:#fef2f2;border:1px solid #fecaca;border-radius:0;border-radius:var(--radius-card)}.members-error-state-icon{font-size:1.875rem;font-size:var(--font-size-3xl);color:#dc2626;margin-bottom:1rem;margin-bottom:var(--space-4)}.members-error-state-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#991b1b;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.members-error-state-message{font-size:1rem;font-size:var(--font-size-base);color:#dc2626;margin:0 0 1rem;margin:0 0 var(--space-4) 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.members-list-header,.member-card-content{flex-direction:column;align-items:flex-start;gap:.75rem;gap:var(--space-3)}.member-card-info{width:100%}.member-card-actions{width:100%;justify-content:flex-end}.role-dropdown select{min-width:100px;font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem 1.5rem .25rem .5rem;padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2)}.member-remove-button{width:28px;height:28px}.member-remove-button svg{width:14px;height:14px}}@media(max-width:480px){.member-card{padding:.75rem;padding:var(--space-3)}.member-card-avatar{width:32px;height:32px;font-size:.75rem;font-size:var(--font-size-xs)}.members-empty-state{padding:2rem;padding:var(--space-8)}}.project-settings-tab{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.project-settings-header{margin-bottom:.5rem;margin-bottom:var(--space-2)}.project-settings-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.project-settings-description{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);margin:0}.project-settings-placeholder{text-align:center;padding:3rem 1.5rem;padding:var(--space-12) var(--space-6);background-color:var(--color-background-subtle);border:2px dashed rgb(229 231 235);border:2px dashed var(--color-border);border-radius:0;border-radius:var(--radius-card)}.project-settings-icon{width:3rem;height:3rem;color:#9ca3af;color:var(--color-text-subtle);margin:0 auto 1rem;margin:0 auto var(--space-4) auto;display:block}.project-settings-placeholder-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.project-settings-placeholder-text{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);max-width:24rem;margin:0 auto;line-height:1.5}@media(max-width:768px){.project-settings-placeholder{padding:2rem 1rem;padding:var(--space-8) var(--space-4)}.project-settings-icon{width:2.5rem;height:2.5rem}.project-settings-placeholder-title{font-size:1rem;font-size:var(--font-size-base)}}.modal-overlay{position:fixed;inset:0;z-index:1040;z-index:var(--z-index-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;transition:background-color .2s ease}.modal-overlay.dragging{background-color:#3b82f60d}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:1040;z-index:var(--z-index-modal-backdrop)}.modal{position:relative;background-color:#fff;border-radius:0;border-radius:var(--radius-modal);width:100%;max-width:28rem;padding:24px;border:1px solid #e5e7eb;z-index:1050;z-index:var(--z-index-modal);display:flex;flex-direction:column;margin:auto}.modal.sm{max-width:24rem}.modal.md{max-width:32rem}.modal.lg{max-width:42rem}.modal.xl{max-width:56rem}.modal-header{margin-bottom:24px;padding-right:32px}.modal-title{font-size:18px;font-weight:500;color:#111827;margin-bottom:8px}.modal-description{font-size:14px;color:#6b7280}.modal-content{margin-bottom:16px}.modal-footer{display:flex;gap:12px;flex-direction:column;flex-shrink:0;padding-top:16px;border-top:1px solid rgb(243 244 246);border-top:1px solid var(--color-border-subtle);margin-top:16px}.modal-btn{padding:12px 24px;border:2px solid transparent;border-radius:0;border-radius:var(--radius-button);font-size:14px;font-weight:600;cursor:pointer;background-color:#2563eb;background-color:var(--color-interactive-primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.modal-btn.primary{background-color:#2563eb;background-color:var(--color-interactive-primary);border-color:#2563eb;border-color:var(--color-interactive-primary)}.modal-btn.secondary{background-color:transparent;color:#374151;color:var(--color-text-secondary);border-color:#e5e7eb;border-color:var(--color-border-primary);box-shadow:none}.modal-btn.danger{background-color:#dc2626;background-color:var(--color-danger);border-color:#dc2626;border-color:var(--color-danger)}.modal-btn.warning{background-color:#f59e0b;background-color:var(--color-warning);border-color:#f59e0b;border-color:var(--color-warning)}.modal-btn.success{background-color:#16a34a;background-color:var(--color-success);border-color:#16a34a;border-color:var(--color-success)}.modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.modal-btn.secondary:hover:not(:disabled){background-color:#f3f4f6;background-color:var(--color-surface-muted);border-color:#2563eb;border-color:var(--color-interactive-primary);color:#2563eb;color:var(--color-interactive-primary)}.modal-btn.danger:hover:not(:disabled){background-color:#dc2626;box-shadow:0 4px 8px #dc26264d}.modal-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.modal-btn:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.modal-link{display:inline-block;font-size:.85rem;color:#2563eb;color:var(--color-primary);text-decoration:none;padding:4px 0;margin-left:auto;align-self:center}.modal-link:hover{text-decoration:underline}.modal-icon{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.modal-icon svg{width:48px;height:48px}.modal-icon.danger svg{color:#dc2626;color:var(--color-danger)}.modal-icon.warning svg{color:#f59e0b;color:var(--color-warning)}.modal-icon.success svg{color:#16a34a;color:var(--color-success)}.modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:#6b7280;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:0;border-radius:var(--radius-button);z-index:10;line-height:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.modal-close-btn:hover{background-color:#f3f4f6;color:#dc2626}.modal-close-btn:active{background-color:#dc2626;color:#fff}.modal-close-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.loading-text{display:flex;align-items:center;gap:8px}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.modal form .form-group:last-child{margin-bottom:0}@media(min-width:480px){.modal-footer{flex-direction:row;justify-content:flex-end}}@media(max-width:768px){.modal-overlay{padding:8px;align-items:flex-start}.modal{padding:16px;margin-top:8px}.modal.lg,.modal.xl{max-width:100%}.modal-header{padding-right:40px}.modal-title{font-size:16px}.modal-description{font-size:13px}.modal-content{padding-right:4px}}[data-theme=dark] .modal-backdrop{background-color:#000000b3}[data-theme=dark] .modal{background-color:#f9fafb;background-color:var(--color-surface);border-color:#e5e7eb;border-color:var(--color-border);color:#111827;color:var(--color-text-primary)}[data-theme=dark] .modal-title{color:#111827;color:var(--color-text-primary)}[data-theme=dark] .modal-description{color:#374151;color:var(--color-text-secondary)}[data-theme=dark] .modal-btn.secondary{background-color:#f9fafb;background-color:var(--color-surface);color:#374151;color:var(--color-text-secondary);border-color:#e5e7eb;border-color:var(--color-border)}[data-theme=dark] .modal-btn.secondary:hover:not(:disabled){background-color:#f3f4f6;background-color:var(--color-surface-hover);color:#111827;color:var(--color-text-primary);border-color:#9ca3af;border-color:var(--color-border-hover)}[data-theme=dark] .modal-btn.danger{background-color:#dc2626;background-color:var(--color-error);border-color:#dc2626;border-color:var(--color-error)}[data-theme=dark] .modal-btn.danger:hover:not(:disabled){background-color:#b91c1c;background-color:var(--color-error-hover);border-color:#b91c1c;border-color:var(--color-error-hover)}[data-theme=dark] .modal-btn.warning{background-color:#f59e0b;background-color:var(--color-warning);border-color:#f59e0b;border-color:var(--color-warning)}[data-theme=dark] .modal-btn.warning:hover:not(:disabled){background-color:#ca8a04;background-color:var(--color-warning-hover);border-color:#ca8a04;border-color:var(--color-warning-hover)}[data-theme=dark] .modal-btn.success{background-color:#16a34a;background-color:var(--color-success);border-color:#16a34a;border-color:var(--color-success)}[data-theme=dark] .modal-btn.success:hover:not(:disabled){background-color:#15803d;background-color:var(--color-success-hover);border-color:#15803d;border-color:var(--color-success-hover)}[data-theme=dark] .modal-close-btn{color:#6b7280;color:var(--color-text-tertiary)}[data-theme=dark] .modal-close-btn:hover{background-color:#f3f4f6;background-color:var(--color-surface-hover);color:#dc2626;color:var(--color-error)}[data-theme=dark] .modal-close-btn:active{background-color:#dc2626;background-color:var(--color-error);color:#fff}[data-theme=dark] .modal-close-btn:focus{outline:2px solid rgb(37 99 235);outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .modal input,[data-theme=dark] .modal textarea,[data-theme=dark] .modal select{background-color:#f9fafb;background-color:var(--color-surface);border-color:#e5e7eb;border-color:var(--color-border);color:#111827;color:var(--color-text-primary)}[data-theme=dark] .modal input:focus,[data-theme=dark] .modal textarea:focus,[data-theme=dark] .modal select:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}[data-theme=dark] .modal input::-moz-placeholder,[data-theme=dark] .modal textarea::-moz-placeholder{color:#6b7280;color:var(--color-text-tertiary)}[data-theme=dark] .modal input::placeholder,[data-theme=dark] .modal textarea::placeholder{color:#6b7280;color:var(--color-text-tertiary)}[data-theme=dark] .modal label,[data-theme=dark] .modal .form-label{color:#111827;color:var(--color-text-primary)}[data-theme=dark] .modal .form-help,[data-theme=dark] .modal .help-text{color:#374151;color:var(--color-text-secondary)}[data-theme=dark] .modal .error,[data-theme=dark] .modal .error-message,[data-theme=dark] .modal .validation-error{color:#dc2626;color:var(--color-error);border-color:#fecaca;border-color:var(--color-error-border);background-color:#fef2f2;background-color:var(--color-error-subtle)}[data-theme=dark] .modal .success,[data-theme=dark] .modal .success-message{color:#16a34a;color:var(--color-success);border-color:#bbf7d0;border-color:var(--color-success-border);background-color:#f0fdf4;background-color:var(--color-success-subtle)}[data-theme=dark] .modal .warning,[data-theme=dark] .modal .warning-message{color:#f59e0b;color:var(--color-warning);border-color:#fef08a;border-color:var(--color-warning-border);background-color:#fefce8;background-color:var(--color-warning-subtle)}[data-theme=dark] .modal input.error,[data-theme=dark] .modal textarea.error,[data-theme=dark] .modal select.error{border-color:#dc2626;border-color:var(--color-error);background-color:#fef2f2;background-color:var(--color-error-subtle)}[data-theme=dark] .modal input.error:focus,[data-theme=dark] .modal textarea.error:focus,[data-theme=dark] .modal select.error:focus{border-color:#dc2626;border-color:var(--color-error);box-shadow:0 0 0 2px rgba(239 68 68,.2);box-shadow:0 0 0 2px rgba(var(--red-500),.2)}[data-theme=dark] .modal select option{background-color:#f9fafb;background-color:var(--color-surface);color:#111827;color:var(--color-text-primary)}[data-theme=dark] .modal select::-ms-expand{display:none}[data-theme=dark] .modal select:disabled,[data-theme=dark] .language-dropdown:disabled{background-color:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}[data-theme=dark] .modal hr,[data-theme=dark] .modal .divider{border-color:#e5e7eb;border-color:var(--color-border)}.notification-label{font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary)}.notification-description{margin:0;font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);line-height:1.4}.section-header h4{margin:0;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary);border-bottom:1px solid rgb(229 231 235);border-bottom:1px solid var(--color-border);padding-bottom:8px}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;background-color:var(--color-border);transition:.2s;border-radius:9999px;border-radius:var(--radius-full)}input:checked+.toggle-slider{background-color:#2563eb;background-color:var(--color-primary)}.theme-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary)}.theme-mode-card{padding:var(--spacing-md);border:2px solid rgb(229 231 235);border:2px solid var(--color-border);border-radius:0;border-radius:var(--radius-card);text-align:center;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.theme-mode-option input:checked+.theme-mode-card{border-color:#2563eb;border-color:var(--color-primary);background:#eff6ff;background:var(--color-primary-subtle)}.theme-section-divider{height:1px;background:#e5e7eb;background:var(--color-border);margin:1.5rem 0;margin:var(--space-lg) 0}.theme-toggle-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;gap:var(--space-md)}.theme-toggle-label{margin:0 0 .25rem;margin:0 0 var(--space-xs) 0;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary)}.theme-toggle-description{margin:0;font-size:.75rem;font-size:var(--font-size-xs);color:#374151;color:var(--color-text-secondary)}.theme-preview{width:60px;height:40px;border-radius:0;border-radius:var(--radius-thumbnail);margin:0 auto var(--spacing-sm) auto;position:relative;overflow:hidden;border:1px solid rgb(229 231 235);border:1px solid var(--color-border)}.theme-preview-light{background:#fff;background:var(--color-neutral-0)}.theme-preview-dark{background:#111827;background:var(--color-neutral-900)}.theme-preview-system{background:linear-gradient(45deg,#fff 50%,#111827 50%);background:linear-gradient(45deg,var(--color-neutral-0) 50%,var(--color-neutral-900) 50%)}.theme-preview-white{background:#fafbfc;border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200)}.theme-preview-header{height:8px;background:#2563eb;background:var(--color-primary)}.theme-preview-content{position:absolute;right:0;top:12px;width:40px;height:20px;background:#0000000d;border-radius:0;border-radius:var(--radius-card)}.theme-mode-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary)}.accent-color-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-sm);border-radius:0;border-radius:var(--radius-card);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.accent-color-option:hover{background:#f9fafb;background:var(--color-surface)}.accent-color-swatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast)}.accent-color-option input:checked+.accent-color-swatch{border-color:#111827;border-color:var(--color-text-primary)}.accent-color-name{font-size:.75rem;font-size:var(--font-size-xs);color:#374151;color:var(--color-text-secondary)}.layout-option{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-card);background:#f9fafb;background:var(--color-surface)}.layout-option-info h5{margin:0 0 var(--spacing-xs) 0;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary)}.layout-option-info p{margin:0;font-size:.75rem;font-size:var(--font-size-xs);color:#374151;color:var(--color-text-secondary)}.language-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.language-dropdown{padding:var(--spacing-lg) var(--spacing-md);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-input);font-size:var(--font-size-md);color:#111827;color:var(--color-text-primary);background-color:var(--color-background);cursor:pointer;transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast);min-height:48px;-webkit-appearance:none;-moz-appearance:none;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-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.language-dropdown:hover{border-color:#2563eb;border-color:var(--color-primary);background-color:#f9fafb;background-color:var(--color-surface)}.language-dropdown:focus{outline:none;border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.activity-setting-info h4,.activity-setting-info h5{margin:0 0 4px;font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary)}.activity-setting-info p{margin:0;font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);line-height:1.4}.activity-section h4{margin:0 0 8px;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary)}.refresh-interval-setting{margin-top:16px;padding:16px;background-color:var(--color-background-secondary);border-radius:0;border-radius:var(--radius-card);border:1px solid rgb(229 231 235);border:1px solid var(--color-border)}.refresh-interval-setting h5{margin:0 0 12px;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary)}.refresh-interval-option{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:0;border-radius:var(--radius-button);transition:background-color .2s ease}.refresh-interval-option input[type=radio]{margin-right:8px;accent-color:rgb(37 99 235);accent-color:var(--color-primary)}.refresh-interval-label{font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text-primary)}.delete-account-warning h4,.delete-account-confirm h4,.delete-account-final h4{margin:0;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#dc2626;color:var(--color-danger);text-align:center}.delete-account-warning p,.delete-account-confirm p,.delete-account-final p{margin:0;text-align:center;color:#374151;color:var(--color-text-secondary);line-height:1.5}.deletion-list li{margin-bottom:8px;color:#374151;color:var(--color-text-secondary);line-height:1.4}.warning-note,.final-warning{padding:16px;background:#fef2f2;background:var(--color-danger-subtle);border-radius:0;border-radius:var(--radius-notification);border-left:3px solid rgb(220 38 38);border-left:3px solid var(--color-danger);text-align:left;font-size:.875rem;font-size:var(--font-size-sm)}.confirm-item span{color:#111827;color:var(--color-text-primary);line-height:1.4}.confirm-code{background:#f9fafb;background:var(--color-surface);padding:4px 8px;border-radius:0;border-radius:var(--radius-badge);font-family:var(--font-family-mono);color:#dc2626;color:var(--color-danger);font-weight:500;font-weight:var(--font-weight-medium);font-size:.875rem;font-size:var(--font-size-sm)}.confirm-input{width:100%;padding:12px 16px;border:2px solid rgb(229 231 235);border:2px solid var(--color-border);border-radius:0;border-radius:var(--radius-input);font-size:var(--font-size-md);text-align:center;font-family:var(--font-family-mono);transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast)}.confirm-input:focus{outline:none;border-color:#dc2626;border-color:var(--color-danger)}.confirm-input::-moz-placeholder{color:#6b7280;color:var(--color-text-tertiary)}.confirm-input::placeholder{color:#6b7280;color:var(--color-text-tertiary)}[data-theme=dark] .notification-label{color:#111827;color:var(--color-text-primary)}[data-theme=dark] .notification-description{color:#374151;color:var(--color-text-secondary)}[data-theme=dark] .section-header h4{color:#111827;color:var(--color-text-primary);border-bottom-color:#e5e7eb;border-bottom-color:var(--color-border)}[data-theme=dark] .toggle-slider{background-color:#e5e7eb;background-color:var(--color-border)}[data-theme=dark] .toggle-slider:before{background-color:#f9fafb;background-color:var(--color-surface)}[data-theme=dark] input:checked+.toggle-slider{background-color:#2563eb;background-color:var(--color-primary)}[data-theme=dark] input:focus+.toggle-slider{box-shadow:0 0 1px #2563eb;box-shadow:0 0 1px var(--color-primary)}[data-theme=dark] .theme-mode-option,[data-theme=dark] .accent-color-option,[data-theme=dark] .layout-option{background:#f9fafb;background:var(--color-surface);border-color:#e5e7eb;border-color:var(--color-border)}[data-theme=dark] .theme-mode-option:hover,[data-theme=dark] .accent-color-option:hover,[data-theme=dark] .layout-option:hover{background:#f3f4f6;background:var(--color-surface-hover);border-color:#9ca3af;border-color:var(--color-border-hover)}[data-theme=dark] .theme-mode-option input:checked+.theme-mode-content,[data-theme=dark] .accent-color-option input:checked+.accent-color-swatch,[data-theme=dark] .layout-option input:checked+.layout-option-content{border-color:#2563eb;border-color:var(--color-primary)}[data-theme=dark] .theme-mode-name,[data-theme=dark] .accent-color-name{color:#374151;color:var(--color-text-secondary)}[data-theme=dark] .theme-mode-description{color:#6b7280;color:var(--color-text-tertiary)}[data-theme=dark] .theme-mode-preview{border-color:#e5e7eb;border-color:var(--color-border)}[data-theme=dark] .theme-mode-preview .preview-header{background:#f3f4f6;background:var(--color-surface-hover);border-bottom-color:#e5e7eb;border-bottom-color:var(--color-border)}[data-theme=dark] .theme-mode-preview .preview-content{background:#f9fafb;background:var(--color-surface)}[data-theme=dark] .preview-text-primary{color:#111827;color:var(--color-text-primary)}[data-theme=dark] .preview-text-secondary{color:#374151;color:var(--color-text-secondary)}[data-theme=dark] .preview-button{background:#2563eb;background:var(--color-primary);color:#fff}[data-theme=dark] .layout-option-info h5{color:#111827;color:var(--color-text-primary)}[data-theme=dark] .layout-option-info p{color:#374151;color:var(--color-text-secondary)}[data-theme=dark] .language-label{color:#111827;color:var(--color-text-primary)}[data-theme=dark] .language-dropdown{background-color:#f9fafb;background-color:var(--color-surface);border-color:#e5e7eb;border-color:var(--color-border);color:#111827;color:var(--color-text-primary);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='%23d1d5db' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] .language-dropdown:hover{border-color:#2563eb;border-color:var(--color-primary);background-color:#f3f4f6;background-color:var(--color-surface-hover);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='%23e5e7eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] .language-dropdown:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1);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='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] .language-dropdown option{background-color:#f9fafb;background-color:var(--color-surface);color:#111827;color:var(--color-text-primary);padding:var(--spacing-md)}[data-theme=dark] .language-dropdown option:hover,[data-theme=dark] .language-dropdown option:focus{background-color:#f3f4f6;background-color:var(--color-surface-hover);color:#111827;color:var(--color-text-primary)}[data-theme=dark] .language-dropdown option:checked{background-color:#2563eb;background-color:var(--color-primary);color:#fff}[data-theme=dark] .activity-type-label{color:#111827;color:var(--color-text-primary)}[data-theme=dark] .refresh-interval-setting{background-color:#f3f4f6;background-color:var(--color-surface-hover);border-color:#e5e7eb;border-color:var(--color-border)}[data-theme=dark] .refresh-interval-setting h5{color:#111827;color:var(--color-text-primary)}[data-theme=dark] .refresh-interval-option{background-color:#f9fafb;background-color:var(--color-surface)}[data-theme=dark] .refresh-interval-option:hover{background-color:#f3f4f6;background-color:var(--color-surface-hover)}[data-theme=dark] .refresh-interval-option input[type=radio]{accent-color:rgb(37 99 235);accent-color:var(--color-primary)}[data-theme=dark] .refresh-interval-label{color:#111827;color:var(--color-text-primary)}[data-theme=dark] .delete-account-warning h4,[data-theme=dark] .delete-account-confirm h4,[data-theme=dark] .delete-account-final h4{color:#dc2626;color:var(--color-error)}[data-theme=dark] .delete-account-warning p,[data-theme=dark] .delete-account-confirm p,[data-theme=dark] .delete-account-final p{color:#374151;color:var(--color-text-secondary)}[data-theme=dark] .delete-reasons{background-color:#f3f4f6;background-color:var(--color-surface-hover);border-color:#e5e7eb;border-color:var(--color-border)}[data-theme=dark] .delete-reason-item{color:#111827;color:var(--color-text-primary)}[data-theme=dark] .delete-reason-item:hover{background-color:#f3f4f6;background-color:var(--color-surface-hover)}[data-theme=dark] .delete-reason-item input[type=radio]{accent-color:rgb(37 99 235);accent-color:var(--color-primary)}[data-theme=dark] .confirm-input{background-color:#f9fafb;background-color:var(--color-surface);border-color:#e5e7eb;border-color:var(--color-border);color:#111827;color:var(--color-text-primary)}[data-theme=dark] .confirm-input:focus{border-color:#dc2626;border-color:var(--color-error)}[data-theme=dark] .confirm-input::-moz-placeholder{color:#6b7280;color:var(--color-text-tertiary)}[data-theme=dark] .confirm-input::placeholder{color:#6b7280;color:var(--color-text-tertiary)}[data-theme=dark] .form-group label{color:#111827;color:var(--color-text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select{background-color:#f9fafb;background-color:var(--color-surface);border-color:#e5e7eb;border-color:var(--color-border);color:#111827;color:var(--color-text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-group select:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}[data-theme=dark] .form-group input::-moz-placeholder,[data-theme=dark] .form-group textarea::-moz-placeholder{color:#6b7280;color:var(--color-text-tertiary)}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#6b7280;color:var(--color-text-tertiary)}[data-theme=dark] .profile-modal .error-text,[data-theme=dark] .profile-modal .error-message{color:#dc2626;color:var(--color-error)}[data-theme=dark] .profile-modal .success-text,[data-theme=dark] .profile-modal .success-message{color:#16a34a;color:var(--color-success)}[data-theme=dark] .profile-modal .warning-text,[data-theme=dark] .profile-modal .warning-message{color:#f59e0b;color:var(--color-warning)}[data-theme=dark] .profile-modal .disabled label,[data-theme=dark] .profile-modal [disabled]+label{color:#374151;color:var(--color-text-secondary)}.project-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:2px solid rgb(229 231 235);border:2px solid var(--color-border);border-radius:0;border-radius:var(--radius-card);cursor:pointer;transition:all .2s ease;background-color:var(--color-background)}.project-item:hover,.project-item.selected{border-color:#2563eb;border-color:var(--color-primary);background-color:var(--color-primary-light)}.project-name{font-size:var(--font-size-md);color:#111827;color:var(--color-text-primary)}.project-role{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary)}.project-selected-indicator{font-size:1.5rem;color:#2563eb;color:var(--color-primary);font-weight:700;margin-left:1rem}.quota-display{background-color:#f9fafb;background-color:var(--color-surface);border-radius:0;border-radius:var(--radius-card);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:.2s ease-in-out;transition:var(--transition-base);position:relative;margin-bottom:.75rem;margin-bottom:var(--space-3)}.quota-display:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);border-color:#e5e7eb;border-color:var(--color-border)}.quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;margin-bottom:var(--space-2)}.quota-plan-name{display:inline-flex;align-items:center;padding:1px .25rem;padding:1px var(--space-1);border-radius:0;border-radius:var(--radius-badge);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);margin:0;line-height:1.2}.quota-display.system .quota-plan-name{background-color:#f3e8ff;color:#7c3aed}.quota-display.premium .quota-plan-name{background-color:#dbeafe;color:#2563eb}.quota-display.free .quota-plan-name{background-color:#f3f4f6;color:#6b7280}.quota-status-badge{display:inline-flex;align-items:center;padding:1px .25rem;padding:1px var(--space-1);border-radius:0;border-radius:var(--radius-badge);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);background-color:#dcfce7;color:#16a34a}.quota-usage{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text);margin-bottom:.5rem;margin-bottom:var(--space-2)}.quota-numbers{display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}.quota-current{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text)}.quota-separator{font-size:1rem;font-size:var(--font-size-base);color:#6b7280;color:var(--color-text-muted);font-weight:500;font-weight:var(--font-weight-medium)}.quota-limit{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium);color:#374151;color:var(--color-text-secondary)}.quota-label{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);margin-left:.25rem;margin-left:var(--space-1)}.quota-remaining{font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-muted);font-weight:500;font-weight:var(--font-weight-medium);background-color:#f9fafb;padding:2px .5rem;padding:2px var(--space-2);border-radius:0;border-radius:var(--radius-badge);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle)}.quota-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#f3f4f6;background-color:var(--color-border-subtle);border-radius:0;border-radius:0 0 var(--radius-card) var(--radius-card);overflow:hidden}.quota-progress-bar{height:100%;transition:width .3s ease;border-radius:0}.quota-display.system .quota-progress-bar{background-color:#7c3aed}.quota-display.premium .quota-progress-bar{background-color:#2563eb}.quota-display.free .quota-progress-bar{background-color:#6b7280}.quota-message{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);font-style:italic;margin:0}.quota-display.no-data{text-align:center;border-style:dashed;opacity:.7}.quota-display.no-data .quota-message{font-style:normal;color:#6b7280;color:var(--color-text-muted);margin:0}@media(max-width:640px){.quota-display{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.quota-header{flex-direction:row;align-items:center;gap:.5rem;gap:var(--space-2);flex-wrap:wrap;justify-content:space-between}.quota-usage{flex-direction:row;align-items:center;gap:.25rem;gap:var(--space-1);flex-wrap:wrap}.quota-current,.quota-limit{font-size:1rem;font-size:var(--font-size-base)}.quota-remaining{font-size:10px;padding:1px 6px}}.profile-avatar{display:none}@media(min-width:640px){.profile-avatar{display:block}}.avatar-large{height:64px;width:64px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#4b5563);background:linear-gradient(135deg,var(--color-interactive-primary),var(--color-interactive-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--typography-heading-h4-size);font-weight:var(--typography-heading-h4-weight);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-card);text-shadow:0 1px 2px rgba(0,0,0,.1)}.profile-tab-content{animation:fadeIn .2s ease-in-out}.profile-overview-grid{display:grid;grid-template-columns:1fr;gap:2rem;gap:var(--space-8)}@media(min-width:1024px){.profile-overview-grid{grid-template-columns:1fr 1fr}}.profile-settings-section{display:flex;flex-direction:column;gap:2rem;gap:var(--space-8)}.profile-settings-card{background-color:#f9fafb;background-color:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-card);padding:1.5rem;padding:var(--space-6);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-card);transition:.2s ease-in-out;transition:var(--transition-base)}.profile-settings-card:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.profile-settings-title{font-size:var(--typography-heading-h3-size);font-weight:var(--typography-heading-h3-weight);color:#111827;color:var(--color-text-primary);margin-bottom:1rem;margin-bottom:var(--space-4)}.profile-settings-list{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.setting-item,.security-setting-item{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 0;padding:var(--space-3) 0;border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--color-border-secondary)}.setting-item:last-child,.security-setting-item:last-child{border-bottom:none}.setting-item-info,.security-setting-info{flex:1;margin-right:1rem;margin-right:var(--space-4)}.setting-item-label,.security-setting-label{font-size:1rem;font-size:var(--typography-body-size);font-weight:400;font-weight:var(--typography-body-weight);color:#111827;color:var(--color-text-primary);margin-bottom:.25rem;margin-bottom:var(--space-1)}.setting-item-description,.security-setting-description{font-size:.75rem;font-size:var(--typography-caption-size);color:#374151;color:var(--color-text-secondary);line-height:1.5;line-height:var(--typography-caption-line-height)}.setting-item-current-value{font-size:.75rem;font-size:var(--typography-caption-size);color:#111827;color:var(--color-text-primary);font-weight:600;margin-top:.25rem;margin-top:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);background-color:#f3f4f6;background-color:var(--color-surface-muted);border-radius:0;border-radius:var(--radius-badge);display:inline-block}.setting-item-control,.security-setting-control{flex-shrink:0;display:flex;align-items:center}.setting-status,.security-status{font-size:.75rem;font-size:var(--typography-caption-size);font-weight:500;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);border-radius:0;border-radius:var(--radius-badge);text-transform:uppercase;letter-spacing:.5px}.setting-status-coming-soon,.security-status-coming-soon{background-color:#e5e7eb;background-color:var(--color-surface-subtle);color:#6b7280;color:var(--color-text-tertiary)}.setting-status-enabled{background-color:#f0fdf4;background-color:var(--color-success-bg);color:#16a34a;color:var(--color-success)}.setting-status-disabled{background-color:#fffbeb;background-color:var(--color-warning-bg);color:#f59e0b;color:var(--color-warning)}.security-status-secure{background-color:#f0fdf4;background-color:var(--color-success-bg);color:#16a34a;color:var(--color-success)}.security-status-warning{background-color:#fffbeb;background-color:var(--color-warning-bg);color:#f59e0b;color:var(--color-warning)}@media(max-width:768px){.setting-item,.security-setting-item{flex-direction:column;align-items:flex-start;gap:.5rem;gap:var(--space-2)}.setting-item-info,.security-setting-info{margin-right:0}.setting-item-control,.security-setting-control{align-self:flex-end}}.tab-navigation{border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-subtle);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.tab-navigation-tabs{display:flex;gap:2rem;gap:var(--space-8);margin-bottom:-1px;overflow-x:auto}.tab-navigation-tab{display:flex;align-items:center;padding:.5rem .25rem;padding:var(--space-2) var(--space-1);border-bottom:2px solid transparent;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#6b7280;color:var(--color-text-muted);background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:.2s ease-in-out;transition:var(--transition-base);position:relative;text-align:left;min-width:-moz-max-content;min-width:max-content;white-space:nowrap}.tab-navigation-tab:hover{color:#374151;color:var(--color-text-secondary);border-bottom-color:#e5e7eb;border-bottom-color:var(--color-border)}.tab-navigation-tab.active{color:#2563eb;color:var(--color-primary);border-bottom-color:#2563eb;border-bottom-color:var(--color-primary)}.tab-navigation-tab:focus{outline:var(--focus-ring);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.tab-navigation-tab-icon{margin-right:.5rem;margin-right:var(--space-2);font-size:1rem;font-size:var(--font-size-base);flex-shrink:0}.tab-navigation-tab-badge{margin-left:.25rem;margin-left:var(--space-1);padding:0 .25rem;padding:0 var(--space-1);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);color:#6b7280;color:var(--color-text-tertiary);background:#e5e7eb;background:var(--color-surface-subtle);border-radius:0;border-radius:var(--radius-badge);min-width:1.25em;text-align:center;line-height:1.4}.tab-navigation-tab.active .tab-navigation-tab-badge{color:#2563eb;color:var(--color-primary);background:#e5e7eb;background:var(--color-primary-bg, var(--color-surface-subtle))}.tab-navigation-tab.disabled{color:#6b7280;color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}.tab-navigation-tab.disabled:hover{color:#6b7280;color:var(--color-text-tertiary);border-bottom-color:transparent}@media(max-width:640px){.tab-navigation-tabs{gap:1rem;gap:var(--space-4)}.tab-navigation-tab{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 0;padding:var(--space-2) 0}.tab-navigation-tab-icon{margin-right:.25rem;margin-right:var(--space-1);font-size:.875rem;font-size:var(--font-size-sm)}}.developer-page-header{margin-bottom:.5rem;margin-bottom:var(--space-2)}.developer-header-content{display:flex;align-items:center;justify-content:space-between}.developer-badge{display:flex;align-items:center;gap:.5rem;gap:var(--space-2)}.developer-badge-pill{background-color:#eff6ff;background-color:var(--color-info-subtle);color:#3b82f6;color:var(--color-info);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);border-radius:0;border-radius:var(--radius-badge);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);display:flex;align-items:center}.developer-badge-icon{width:16px;height:16px;margin-right:.25rem;margin-right:var(--space-1)}.developer-dashboard-content-layout{gap:1rem;gap:var(--space-4)}.developer-overview{display:grid;grid-template-columns:1fr 1fr;gap:1rem;gap:var(--space-4)}.developer-overview__card{background:#fff;background:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-card);padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-card);transition:.2s ease-in-out;transition:var(--transition-base)}.developer-overview__card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);border-color:#9ca3af;border-color:var(--color-border-hover)}.developer-overview__header{display:flex;align-items:center;gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.developer-overview__icon{width:18px;height:18px;color:#6b7280;color:var(--color-text-tertiary);flex-shrink:0}.developer-overview__title{font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);color:#374151;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0}.developer-overview__metrics{display:flex;align-items:center;gap:1rem;gap:var(--space-4)}.developer-overview__divider{width:1px;height:28px;background:#f3f4f6;background:var(--color-border-subtle)}.developer-overview__metric{display:flex;flex-direction:column}.developer-overview__value{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2}.developer-overview__value--blue{color:#3b82f6;color:var(--color-info)}.developer-overview__value--green{color:#16a34a;color:var(--color-success)}.developer-overview__value--red{color:#dc2626;color:var(--color-error)}.developer-overview__value--purple{color:#2563eb;color:var(--color-interactive-primary)}.developer-overview__label{font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-tertiary);font-weight:500;font-weight:var(--font-weight-medium)}.developer-dashboard-content-layout .table-header{padding:1rem;padding:var(--space-4)}.developer-dashboard-content-layout .table-title{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.75rem;margin-bottom:var(--space-3)}.developer-dashboard-content-layout .system-notifications-table th{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.developer-dashboard-content-layout .system-notifications-table td{padding:.75rem;padding:var(--space-3)}.developer-dashboard-content-layout .system-notifications-manager{border-radius:0;border-radius:var(--radius-card);padding:1rem;padding:var(--space-4)}.developer-dashboard-content-layout .notifications-manager-header{margin-bottom:1rem;margin-bottom:var(--space-4)}.developer-dashboard-content-layout .notifications-manager-header h2{font-size:1.125rem;font-size:var(--font-size-lg)}.developer-dashboard-content-layout .notifications-manager-filters{margin-bottom:1rem;margin-bottom:var(--space-4)}.dev-purge-badge{display:inline-block;margin-top:.25rem;margin-top:var(--space-1)}.dev-deleted-info{margin-top:.25rem;margin-top:var(--space-1)}.developer-footer-info{background-color:#eff6ff;background-color:var(--color-info-subtle);border:1px solid rgb(191 219 254);border:1px solid var(--color-info-border);border-radius:0;border-radius:var(--radius-card);padding:1rem;padding:var(--space-4);font-size:.875rem;font-size:var(--font-size-sm);color:#3b82f6;color:var(--color-info);margin-top:1rem;margin-top:var(--space-4)}.developer-footer-content{display:flex;align-items:flex-start}.developer-footer-icon{width:20px;height:20px;color:#3b82f6;color:var(--color-info);margin-right:.5rem;margin-right:var(--space-2);margin-top:2px;flex-shrink:0}.demo-seed-result{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.demo-seed-result__badge{white-space:nowrap}.demo-seed-result__list{margin:0;padding-left:1.2em;font-size:.75rem;font-size:var(--font-size-xs, .75rem);color:#374151;color:var(--color-text-secondary);line-height:1.4}.demo-seed-error{white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.developer-overview{grid-template-columns:1fr}.developer-header-content{flex-direction:column;align-items:flex-start;gap:.5rem;gap:var(--space-2)}.dev-projects-table th:nth-child(4),.dev-projects-table td:nth-child(4),.dev-projects-table th:nth-child(5),.dev-projects-table td:nth-child(5){display:none}.dev-users-table th:nth-child(1),.dev-users-table td:nth-child(1),.dev-users-table th:nth-child(8),.dev-users-table td:nth-child(8),.dev-users-table th:nth-child(9),.dev-users-table td:nth-child(9){display:none}.dev-projects-table,.dev-users-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.developer-dashboard-content-layout .table-controls{flex-direction:column;align-items:stretch}.developer-dashboard-content-layout .search-input{width:100%}.developer-dashboard-content-layout .pagination-controls{justify-content:space-between;width:100%}}[data-theme=dark] .developer-badge-pill{background-color:#eff6ff;background-color:var(--color-info-subtle);color:#3b82f6;color:var(--color-info)}[data-theme=dark] .developer-overview__card{background-color:#f9fafb;background-color:var(--color-surface);border-color:#e5e7eb;border-color:var(--color-border)}[data-theme=dark] .developer-overview__card:hover{background-color:#f3f4f6;background-color:var(--color-surface-hover)}[data-theme=dark] .developer-footer-info{background-color:#f3f4f6;background-color:var(--color-surface-secondary);border-color:#e5e7eb;border-color:var(--color-border)}[data-theme=dark] .developer-footer-content{color:#374151;color:var(--color-text-secondary)}[data-theme=dark] .developer-footer-icon{color:#6b7280;color:var(--color-text-tertiary)}[data-theme=white] .developer-overview__card{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-card)}[data-theme=white] .developer-overview__card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}[data-theme=white] .developer-footer-info{background-color:#f3f4f6;background-color:var(--color-surface-muted);border-color:#e5e7eb;border-color:var(--color-border-primary)}.profile-feedback-tab{display:flex;flex-direction:column;gap:2rem;gap:var(--space-xl)}.feedback-form{background:#fff;background:var(--color-surface-elevated);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--space-lg);display:flex;flex-direction:column;gap:1rem;gap:var(--space-md)}.feedback-form__header{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.feedback-form__title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0 0 .25rem;margin:0 0 var(--space-xs)}.feedback-form__description{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);margin:0}.feedback-form__field{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.feedback-form__label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text)}.feedback-form__input,.feedback-form__select,.feedback-form__textarea{padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-md);background:#f9fafb;background:var(--color-surface);color:#111827;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm);transition:border-color .15s ease}.feedback-form__input:focus,.feedback-form__select:focus,.feedback-form__textarea:focus{outline:none;border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px #eff6ff;box-shadow:0 0 0 2px var(--color-primary-subtle)}.feedback-form__textarea{resize:vertical;min-height:100px}.feedback-form__file-row{display:flex;align-items:center;gap:.5rem;gap:var(--space-sm)}.feedback-form__file-input-hidden{display:none}.feedback-form__file-name{font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.feedback-form__file-none{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-tertiary)}.feedback-form__file-remove{background:none;border:none;color:#dc2626;color:var(--color-danger);font-size:.875rem;font-size:var(--font-size-sm);cursor:pointer;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.feedback-form__help{font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-tertiary)}.feedback-form__error{font-size:.75rem;font-size:var(--font-size-xs);color:#dc2626;color:var(--color-danger)}.feedback-form__submit{align-self:flex-start}.feedback-form__alert{padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);border-radius:0;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm)}.feedback-form__alert--success{background:#f0fdf4;background:var(--color-success-subtle);color:#16a34a;color:var(--color-success);border:1px solid #16a34a;border:1px solid var(--color-success)}.feedback-form__alert--error{background:#fef2f2;background:var(--color-danger-subtle);color:#dc2626;color:var(--color-danger);border:1px solid rgb(220 38 38);border:1px solid var(--color-danger)}.feedback-list__loading,.feedback-list__empty{text-align:center;padding:2rem;padding:var(--space-xl);color:#374151;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.feedback-list__title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0 0 1rem;margin:0 0 var(--space-md)}.feedback-list__items{display:flex;flex-direction:column;gap:1rem;gap:var(--space-md)}.feedback-list__load-more{align-self:center;margin-top:1rem;margin-top:var(--space-md)}.feedback-card{background:#fff;background:var(--color-surface-elevated);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-lg);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.feedback-card__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;gap:var(--space-sm)}.feedback-card__title{font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0}.feedback-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;gap:var(--space-sm);font-size:.75rem;font-size:var(--font-size-xs);color:#374151;color:var(--color-text-secondary)}.feedback-card__project{color:#374151;color:var(--color-text-secondary)}.feedback-card__date{color:#6b7280;color:var(--color-text-tertiary)}.feedback-card__description{font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text);margin:0;white-space:pre-wrap}.feedback-card__screenshot-link{font-size:.75rem;font-size:var(--font-size-xs);color:#2563eb;color:var(--color-primary)}.feedback-card__reply{background:#f3f4f6;background:var(--color-surface-muted);border-left:3px solid rgb(37 99 235);border-left:3px solid var(--color-primary);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);border-radius:0;border-radius:var(--radius-sm);font-size:.875rem;font-size:var(--font-size-sm)}.feedback-card__reply p{margin:.25rem 0 0;margin:var(--space-xs) 0 0;color:#111827;color:var(--color-text)}.feedback-card__reply-date{display:block;font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-tertiary);margin-top:.25rem;margin-top:var(--space-xs)}.feedback-mgmt__loading,.feedback-mgmt__empty{text-align:center;padding:2rem;padding:var(--space-xl);color:#374151;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.feedback-toolbar{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-md)}.feedback-toolbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;gap:var(--space-sm)}.feedback-toolbar__row--secondary{justify-content:space-between}.feedback-toolbar__search{flex:1;min-width:200px}.feedback-toolbar__search-input{width:100%;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-md);background:#f9fafb;background:var(--color-surface);color:#111827;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm)}.feedback-toolbar__search-input:focus{outline:none;border-color:#2563eb;border-color:var(--color-primary)}.feedback-toolbar__filters{display:flex;gap:.5rem;gap:var(--space-sm);flex-wrap:wrap}.feedback-toolbar__select{padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-md);background:#f9fafb;background:var(--color-surface);color:#111827;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm)}.feedback-toolbar__total{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);font-weight:500;font-weight:var(--font-weight-medium)}.feedback-toolbar__bulk{display:flex;align-items:center;gap:.5rem;gap:var(--space-sm)}.feedback-toolbar__selection-count{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary)}.feedback-mgmt__table-wrapper{overflow-x:auto}.feedback-mgmt__table{width:100%;border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-sm)}.feedback-mgmt__th{text-align:left;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);background:#f3f4f6;background:var(--color-surface-muted);color:#374151;color:var(--color-text-secondary);font-weight:500;font-weight:var(--font-weight-medium);font-size:.75rem;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgb(229 231 235);border-bottom:1px solid var(--color-border)}.feedback-mgmt__th--check{width:36px}.feedback-mgmt__row{cursor:pointer;transition:background .15s ease}.feedback-mgmt__row:hover{background:#f3f4f6;background:var(--color-surface-hover)}.feedback-mgmt__row--selected{background:#eff6ff;background:var(--color-primary-subtle)}.feedback-mgmt__td{padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);border-bottom:1px solid rgb(229 231 235);border-bottom:1px solid var(--color-border);vertical-align:middle}.feedback-mgmt__td--check{width:36px}.feedback-mgmt__td--title{max-width:280px}.feedback-mgmt__title-text{font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-mgmt__github-badge{display:inline-block;font-size:.75rem;font-size:var(--font-size-xs);color:#2563eb;color:var(--color-primary);margin-left:.25rem;margin-left:var(--space-xs)}.feedback-mgmt__user-name{color:#111827;color:var(--color-text)}.feedback-mgmt__td--actions{width:100px}.feedback-mgmt__detail-row td{padding:0;border-bottom:1px solid rgb(229 231 235);border-bottom:1px solid var(--color-border)}.feedback-detail{padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);background:#f3f4f6;background:var(--color-surface-muted);display:flex;flex-direction:column;gap:1rem;gap:var(--space-md)}.feedback-detail__body{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.feedback-detail__description{font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text);white-space:pre-wrap;margin:0}.feedback-detail__meta{font-size:.75rem;font-size:var(--font-size-xs);color:#374151;color:var(--color-text-secondary)}.feedback-detail__screenshot-link{font-size:.75rem;font-size:var(--font-size-xs);color:#2563eb;color:var(--color-primary)}.feedback-detail__action-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;gap:var(--space-sm)}.feedback-detail__label{font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);color:#374151;color:var(--color-text-secondary);flex-basis:100%}.feedback-detail__select{padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-md);background:#f9fafb;background:var(--color-surface);color:#111827;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm)}.feedback-detail__textarea{flex:1;min-width:200px;padding:.5rem;padding:var(--space-sm);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-md);background:#f9fafb;background:var(--color-surface);color:#111827;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm);resize:vertical}.feedback-detail__result{font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);border-radius:0;border-radius:var(--radius-sm)}.feedback-detail__result--success{color:#16a34a;color:var(--color-success);background:#f0fdf4;background:var(--color-success-subtle)}.feedback-detail__result--error{color:#dc2626;color:var(--color-danger);background:#fef2f2;background:var(--color-danger-subtle)}.feedback-detail__sent-reply{background:#f3f4f6;background:var(--color-surface-muted);border-left:3px solid rgb(37 99 235);border-left:3px solid var(--color-primary);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);border-radius:0;border-radius:var(--radius-sm);font-size:.875rem;font-size:var(--font-size-sm)}.feedback-detail__sent-reply-label{font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);color:#374151;color:var(--color-text-secondary)}.feedback-detail__sent-reply-text{margin:.25rem 0 0;margin:var(--space-xs) 0 0;color:#111827;color:var(--color-text);white-space:pre-wrap}.feedback-actions{display:flex;gap:.25rem;gap:var(--space-xs);align-items:center;position:relative}.feedback-actions__btn{background:none;border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-sm);padding:.25rem;padding:var(--space-xs);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);line-height:1;transition:background .15s ease;color:#111827;color:var(--color-text);text-decoration:none}.feedback-actions__btn:hover{background:#f3f4f6;background:var(--color-surface-hover)}.feedback-actions__btn--spam:hover{background:#fef2f2;background:var(--color-danger-subtle)}.feedback-actions__github-dropdown{position:absolute;right:0;top:100%;z-index:1000;z-index:var(--z-index-dropdown);background:#fff;background:var(--color-surface-elevated);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-md);padding:.5rem;padding:var(--space-sm);min-width:220px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.feedback-actions__label{font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);color:#374151;color:var(--color-text-secondary)}.feedback-actions__select,.feedback-actions__input{padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-sm);background:#f9fafb;background:var(--color-surface);color:#111827;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm)}.feedback-mgmt__pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;padding:var(--space-md) 0}.feedback-mgmt__pagination-info{font-size:.75rem;font-size:var(--font-size-xs);color:#374151;color:var(--color-text-secondary)}.feedback-mgmt__pagination-controls{display:flex;gap:.5rem;gap:var(--space-sm)}@media(max-width:1280px){.feedback-mgmt__th--hide-mobile,.feedback-mgmt__td--hide-mobile{display:none}.feedback-toolbar__row{flex-direction:column;align-items:stretch}.feedback-toolbar__search{min-width:unset}.feedback-detail__action-row{flex-direction:column}.feedback-detail__textarea{min-width:unset;width:100%}}.system-notifications-manager{padding:1.5rem;padding:var(--space-6);background:#fff;background:var(--color-bg-primary)}.notifications-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;margin-bottom:var(--space-6);flex-wrap:wrap;gap:1rem;gap:var(--space-4)}.notifications-manager-header h2{margin:0;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);color:#111827;color:var(--color-text-primary)}.notifications-manager-filters{display:flex;gap:1.5rem;gap:var(--space-6);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem;padding:var(--space-4);background:#f3f4f6;background:var(--color-surface-muted);border-radius:0;border-radius:var(--radius-md);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary)}.notifications-manager-filters label{display:flex;align-items:center;gap:.5rem;gap:var(--space-2);font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notifications-manager-filters input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:rgb(37 99 235);accent-color:var(--color-primary)}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;padding:var(--space-12);gap:1rem;gap:var(--space-4)}.notifications-loading p{color:#374151;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin:0}.notifications-error{padding:1.5rem;padding:var(--space-6);background:#fef2f2;background:var(--color-error-subtle);border:1px solid rgb(254 202 202);border:1px solid var(--color-error-border);border-radius:0;border-radius:var(--radius-md);color:#b91c1c;color:var(--color-error-text)}.notifications-error p{margin:0 0 .5rem;margin:0 0 var(--space-2) 0;font-weight:600;font-weight:var(--font-weight-semibold)}.notifications-error pre{margin:0;padding:.75rem;padding:var(--space-3);background:#fff;background:var(--color-bg-primary);border-radius:0;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--font-size-xs);overflow-x:auto}.system-notifications-table{background:#fff;background:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-md);overflow:hidden}.system-notifications-table table{width:100%;border-collapse:collapse}.system-notifications-table thead{background:#f3f4f6;background:var(--color-surface-muted);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary)}.system-notifications-table th{padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:left;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);color:#374151;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.system-notifications-table tbody tr{border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-subtle);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.system-notifications-table tbody tr:hover{background:#f3f4f6;background:var(--color-surface-muted)}.system-notifications-table tbody tr:last-child{border-bottom:none}.system-notifications-table td{padding:1rem;padding:var(--space-4);font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text-primary);vertical-align:top}.notification-title{font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text-primary);margin-bottom:.25rem;margin-bottom:var(--space-1)}.notification-preview{font-size:.75rem;font-size:var(--font-size-xs);color:#374151;color:var(--color-text-secondary);line-height:1.4}.table-actions{display:flex;gap:.5rem;gap:var(--space-2);align-items:center}.btn-icon{background:none;border:none;padding:.5rem;padding:var(--space-2);cursor:pointer;font-size:1.125rem;font-size:var(--font-size-lg);line-height:1;border-radius:0;border-radius:var(--radius-sm);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.btn-icon:hover{background:#e5e7eb;background:var(--color-surface-subtle)}.btn-icon-danger:hover{background:#fef2f2;background:var(--color-error-subtle)}.notifications-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;padding:var(--space-12);text-align:center}.notifications-empty-icon{width:4rem;height:4rem;color:#6b7280;color:var(--color-text-muted);margin-bottom:1rem;margin-bottom:var(--space-4)}.notifications-empty-state h3{margin:0 0 .5rem;margin:0 0 var(--space-2) 0;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text-primary)}.notifications-empty-state p{margin:0;font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:0;border-radius:var(--radius-badge);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5;white-space:nowrap}.badge-info{background:#eff6ff;background:var(--color-info-subtle);color:#1d4ed8;color:var(--color-info-text);border:1px solid rgb(191 219 254);border:1px solid var(--color-info-border)}.badge-warning{background:#fefce8;background:var(--color-warning-subtle);color:#a16207;color:var(--color-warning-text);border:1px solid rgb(254 240 138);border:1px solid var(--color-warning-border)}.badge-error{background:#fef2f2;background:var(--color-error-subtle);color:#b91c1c;color:var(--color-error-text);border:1px solid rgb(254 202 202);border:1px solid var(--color-error-border)}.badge-critical{background:#fee2e2;background:var(--color-error-muted);color:#dc2626;color:var(--color-error);border:1px solid rgb(220 38 38);border:1px solid var(--color-error);font-weight:600;font-weight:var(--font-weight-semibold)}.badge-success{background:#f0fdf4;background:var(--color-success-subtle);color:#15803d;color:var(--color-success-text);border:1px solid rgb(187 247 208);border:1px solid var(--color-success-border)}.badge-gray{background:#f3f4f6;background:var(--color-surface-muted);color:#6b7280;color:var(--color-text-muted);border:1px solid rgb(229 231 235);border:1px solid var(--color-border)}.badge-global{background:#eff6ff;background:var(--color-primary-subtle);color:#2563eb;color:var(--color-primary);border:1px solid rgb(219 234 254);border:1px solid var(--color-primary-muted);font-weight:600;font-weight:var(--font-weight-semibold)}.badge-neutral{background:#f3f4f6;background:var(--color-surface-secondary);color:#111827;color:var(--color-text-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary)}.table-wrapper{background:#fff;background:var(--color-bg-primary);border-radius:0;border-radius:var(--radius-card);overflow:hidden}.table-header{padding:1.5rem;padding:var(--space-6);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary)}.table-title{margin:0 0 1rem;margin:0 0 var(--space-4) 0;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);color:#111827;color:var(--color-text-primary)}.table-controls{display:flex;gap:1rem;gap:var(--space-4);align-items:center;flex-wrap:wrap}.filter-group{display:flex;gap:.5rem;gap:var(--space-2);flex-wrap:wrap}.filter-button{background:none;border:none;padding:0;cursor:pointer;transition:transform .15s ease-in-out;transition:transform var(--transition-fast)}.filter-button:hover{transform:translateY(-1px)}.filter-button .badge{cursor:pointer;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.filter-button:hover .badge{opacity:.8}.filter-button.active .badge{box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px currentColor}.search-container{flex:1;min-width:200px;max-width:400px}.search-input{width:100%;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);background:#f3f4f6;background:var(--color-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-input);font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text-primary);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #eff6ff;box-shadow:0 0 0 3px var(--color-primary-subtle)}.search-input::-moz-placeholder{color:#6b7280;color:var(--color-text-muted)}.search-input::placeholder{color:#6b7280;color:var(--color-text-muted)}.table-select,.table-date-input{padding:.5rem .75rem;padding:var(--space-2) var(--space-3);background:#f3f4f6;background:var(--color-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-input);font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text-primary);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.table-select:focus,.table-date-input:focus{outline:none;border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px #eff6ff;box-shadow:0 0 0 2px var(--color-primary-subtle)}.table-select:disabled,.table-date-input:disabled{opacity:.5;cursor:not-allowed}.table-date-input{min-width:140px}.table-date-input::-webkit-calendar-picker-indicator{cursor:pointer}[data-theme=dark] .table-select,[data-theme=dark] .table-date-input{background-color:#f3f4f6;background-color:var(--color-surface-muted);border-color:#e5e7eb;border-color:var(--color-border-primary);color:#111827;color:var(--color-text-primary);color-scheme:dark}[data-theme=dark] .table-select:focus,[data-theme=dark] .table-date-input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px #eff6ff;box-shadow:0 0 0 2px var(--color-primary-subtle)}[data-theme=dark] .table-date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.8}.pagination-controls{display:flex;align-items:center;gap:.75rem;gap:var(--space-3)}.pagination-label{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);font-weight:500;font-weight:var(--font-weight-medium)}.pagination-select{padding:.5rem .75rem;padding:var(--space-2) var(--space-3);background:#f3f4f6;background:var(--color-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-sm);font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text-primary);cursor:pointer;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.pagination-select:hover:not(:disabled){border-color:var(--color-border-interactive)}.pagination-select:focus{outline:none;border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px #eff6ff;box-shadow:0 0 0 2px var(--color-primary-subtle)}.pagination-select:disabled{opacity:.5;cursor:not-allowed}.pagination-button{padding:.5rem 1rem;padding:var(--space-2) var(--space-4);background:#f3f4f6;background:var(--color-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-sm);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary);cursor:pointer;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.pagination-button:hover:not(:disabled){background:#e5e7eb;background:var(--color-surface-subtle);border-color:var(--color-border-interactive)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);font-weight:500;font-weight:var(--font-weight-medium);white-space:nowrap}.notifications-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;gap:var(--space-4);padding:1rem;padding:var(--space-4);margin-top:1rem;margin-top:var(--space-4)}.notifications-pagination button{padding:.5rem 1rem;padding:var(--space-2) var(--space-4);background:#f3f4f6;background:var(--color-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-sm);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary);cursor:pointer;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.notifications-pagination button:hover:not(:disabled){background:#e5e7eb;background:var(--color-surface-subtle);border-color:#d1d5db;border-color:var(--color-border-muted)}.notifications-pagination button:disabled{opacity:.5;cursor:not-allowed}.notifications-pagination span{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary)}.notification-form-modal{position:fixed;inset:0;background:#00000080;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;padding:var(--space-4)}.notification-form{background:#fff;background:var(--color-bg-primary);border-radius:0;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);width:100%;max-width:42rem;max-height:90vh;overflow-y:auto;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary)}.notification-form-header{padding:1.5rem;padding:var(--space-6);border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center}.notification-form-header h3{margin:0;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);color:#111827;color:var(--color-text-primary)}.form-close-button{background:none;border:none;font-size:1.5rem;font-size:var(--font-size-2xl);color:#6b7280;color:var(--color-text-muted);cursor:pointer;padding:.25rem;padding:var(--space-1);line-height:1;border-radius:0;border-radius:var(--radius-sm);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.form-close-button:hover{color:#111827;color:var(--color-text-primary);background:#f3f4f6;background:var(--color-surface-muted)}.notification-form-body{padding:1.5rem;padding:var(--space-6)}.form-group{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:.5rem;margin-bottom:var(--space-2);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary)}.form-label-required:after{content:" *";color:#dc2626;color:var(--color-error)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;gap:var(--space-4);margin-bottom:1rem;margin-bottom:var(--space-4)}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;padding:var(--space-3);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text-primary);background:#fff;background:var(--color-bg-primary);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3b82f6;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #eff6ff;box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-textarea{resize:vertical;min-height:6rem;font-family:inherit}.form-helper{margin-top:.25rem;margin-top:var(--space-1);font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-tertiary)}.form-char-count{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem;margin-top:var(--space-1)}.char-count{font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-tertiary)}.char-count.warning{color:#f59e0b;color:var(--color-warning);font-weight:500;font-weight:var(--font-weight-medium)}.form-checkbox-group{display:flex;align-items:center;gap:.5rem;gap:var(--space-2);padding:.75rem;padding:var(--space-3);background:#f3f4f6;background:var(--color-surface-muted);border-radius:0;border-radius:var(--radius-md);border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle)}.form-checkbox-group input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:rgb(37 99 235);accent-color:var(--color-primary)}.form-checkbox-group label{margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1}.visibility-toggle{display:flex;align-items:center;justify-content:space-between;padding:1rem;padding:var(--space-4);background:#f3f4f6;background:var(--color-surface-muted);border-radius:0;border-radius:var(--radius-md);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);margin-bottom:1rem;margin-bottom:var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.visibility-toggle:hover{border-color:#9ca3af;border-color:var(--color-border-hover);background:#e5e7eb;background:var(--color-surface-subtle)}.visibility-toggle-label{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1);flex:1}.visibility-toggle-label strong{font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text-primary);font-size:.875rem;font-size:var(--font-size-sm)}.visibility-toggle-label small{color:#374151;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--font-size-xs)}.visibility-toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.visibility-toggle-switch input{opacity:0;width:0;height:0}.visibility-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;background-color:var(--color-surface-subtle);border:2px solid #e5e7eb;border:2px solid var(--color-border-primary);transition:all .3s ease;border-radius:9999px;border-radius:var(--radius-full)}.visibility-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#6b7280;background-color:var(--color-text-tertiary);transition:all .3s ease;border-radius:50%}.visibility-toggle-switch input:checked+.visibility-toggle-slider{background-color:#f0fdf4;background-color:var(--color-success-subtle);border-color:#16a34a;border-color:var(--color-success)}.visibility-toggle-switch input:checked+.visibility-toggle-slider:before{transform:translate(20px);background-color:#16a34a;background-color:var(--color-success)}.visibility-toggle-switch input:disabled+.visibility-toggle-slider{opacity:.5;cursor:not-allowed}.visibility-toggle-status{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);border-radius:0;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);margin-left:.75rem;margin-left:var(--space-3);min-width:70px;text-align:center}.visibility-toggle-status.visible{color:#16a34a;color:var(--color-success);background:#f0fdf4;background:var(--color-success-subtle)}.visibility-toggle-status.hidden{color:#374151;color:var(--color-text-secondary);background:#e5e7eb;background:var(--color-surface-subtle)}.notification-form-footer{padding:1.5rem;padding:var(--space-6);border-top:1px solid rgb(243 244 246);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:flex-end;gap:.75rem;gap:var(--space-3)}.system-notification-item{position:relative;padding:1rem;padding:var(--space-4);padding-right:2.5rem;padding-right:var(--space-10);border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-subtle);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.system-notification-item[data-severity=critical]{background:#ef44440d;border-left:3px solid #ef4444;border-left:3px solid var(--color-error-500)}.system-notification-item[data-severity=error]{background:#ef44440a;border-left:3px solid var(--color-error-400)}.system-notification-item[data-severity=warning]{background:#f59e0b0d;border-left:3px solid #f59e0b;border-left:3px solid var(--color-warning-500)}.system-notification-item[data-severity=info]{background:#3b82f60a;border-left:3px solid #0ea5e9;border-left:3px solid var(--color-info-500)}.system-notification-item:hover{background:#f3f4f6;background:var(--color-surface-muted)}.system-notification-item:last-child{border-bottom:none}.notification-item-dismiss-x{position:absolute;top:.75rem;top:var(--space-3);right:.75rem;right:var(--space-3);background:none;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-size:var(--font-size-lg);color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;border-radius:0;border-radius:var(--radius-sm);transition:all .15s ease-in-out;transition:all var(--transition-fast);line-height:1}.notification-item-dismiss-x:hover{color:#111827;color:var(--color-text-primary);background:#e5e7eb;background:var(--color-surface-subtle)}.notification-item-header{display:flex;align-items:start;gap:.75rem;gap:var(--space-3);margin-bottom:.5rem;margin-bottom:var(--space-2)}.notification-item-icon{font-size:1.25rem;font-size:var(--font-size-xl);line-height:1;flex-shrink:0;margin-top:.125rem}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text-primary);margin:0 0 .25rem;margin:0 0 var(--space-1) 0;line-height:1.4}.notification-item-text{font-size:.75rem;font-size:var(--font-size-xs);color:#111827;color:var(--color-text-primary);margin:0;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.notification-item-show-more{display:inline-block;margin-left:.5rem;margin-left:var(--space-2);background:none;border:none;padding:0;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);color:#2563eb;color:var(--color-primary);cursor:pointer;text-decoration:underline;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.notification-item-show-more:hover{color:#dbeafe;color:var(--color-primary-muted)}.notification-item-footer{display:flex;align-items:center;gap:.75rem;gap:var(--space-3);margin-top:.75rem;margin-top:var(--space-3);flex-wrap:wrap}.notification-item-action{display:inline-flex;align-items:center;gap:.25rem;gap:var(--space-1);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);background:#f3f4f6;background:var(--color-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);color:#2563eb;color:var(--color-text-link);text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.notification-item-action:hover{background:#eff6ff;background:var(--color-primary-subtle);border-color:#dbeafe;border-color:var(--color-primary-muted)}.notification-item-dismiss{background:none;border:none;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;border-radius:0;border-radius:var(--radius-sm);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.notification-item-dismiss:hover{color:#374151;color:var(--color-text-secondary);background:#e5e7eb;background:var(--color-surface-subtle)}@media(max-width:768px){.system-notifications-manager{padding:1rem;padding:var(--space-4)}.notifications-manager-header{flex-direction:column;align-items:flex-start}.notifications-manager-filters{flex-direction:column;gap:.75rem;gap:var(--space-3)}.system-notifications-table{overflow-x:auto}.system-notifications-table table{min-width:800px}.notification-form{max-height:95vh}.notification-form-header,.notification-form-body,.notification-form-footer{padding:1rem;padding:var(--space-4)}.notification-item-footer{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr;gap:.75rem;gap:var(--space-3)}}@media(max-width:480px){.notifications-manager-header h2{font-size:1.25rem;font-size:var(--font-size-xl)}.notification-form-header h3{font-size:1.125rem;font-size:var(--font-size-lg)}.form-input,.form-textarea,.form-select{font-size:1rem;font-size:var(--font-size-base)}.form-group{margin-bottom:.75rem;margin-bottom:var(--space-3)}.form-row{gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.notification-form-header,.notification-form-body,.notification-form-footer{padding:.75rem;padding:var(--space-3)}.form-textarea{min-height:4rem}}[data-theme=dark] .system-notifications-table tbody tr:hover{background:#e5e7eb;background:var(--color-surface-subtle)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select{background:#f3f4f6;background:var(--color-surface-muted)}[data-theme=dark] .form-checkbox-group,[data-theme=dark] .notifications-manager-filters{background:#e5e7eb;background:var(--color-surface-subtle)}[data-theme=dark] .system-notification-item[data-severity=critical]{background:#ef444414}[data-theme=dark] .system-notification-item[data-severity=error]{background:#ef44440f}[data-theme=dark] .system-notification-item[data-severity=warning]{background:#f59e0b14}[data-theme=dark] .system-notification-item[data-severity=info]{background:#3b82f60f}.event-map-selection-page{min-height:calc(100vh - 4rem);min-height:calc(100vh - var(--header-height, 4rem));background-color:var(--color-background)}.event-map-selection-content{padding:0 1rem}.event-map-selection-layout{max-width:80rem;margin:0 auto;padding:2rem 0}@media(min-width:640px){.event-map-selection-content{padding:0 1.5rem}}@media(min-width:1024px){.event-map-selection-content{padding:0 2rem}}.event-map-loading-inline{display:flex;justify-content:center;align-items:center;padding:4rem 0}.event-map-header{margin-bottom:2rem}.event-map-header h1{font-size:1.875rem;font-weight:700;color:#111827;color:var(--color-text-primary);margin:0}.event-map-header p{color:#374151;color:var(--color-text-secondary);margin-top:.5rem}.event-map-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:640px){.event-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.event-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.event-map-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.event-map-card{position:relative;background:#f9fafb;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-card);overflow:hidden;cursor:pointer;text-align:left;width:100%;transition:box-shadow .2s,border-color .2s,transform .2s}.event-map-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);border-color:#3b82f6;border-color:var(--color-primary-500);transform:translateY(-2px)}[data-theme=white] .event-map-card{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-card)}.event-map-card-thumbnail{position:relative;overflow:hidden;background:#e5e7eb;background:var(--color-surface-subtle);aspect-ratio:16 / 10}.event-map-card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.event-map-card:hover .event-map-card-thumbnail img{transform:scale(1.05)}.event-map-card-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6b7280;color:var(--color-text-tertiary);font-size:2.5rem}.event-map-card-badge{position:absolute;top:.5rem;left:.5rem;background:#2563ebe6;background:rgba(var(--color-primary-600-rgb, 37, 99, 235),.9);color:#fff;color:var(--color-text-on-brand);padding:.25rem .5rem;border-radius:0;border-radius:var(--radius-tag);font-size:.75rem;font-weight:500}.event-map-card-info{padding:1rem}.event-map-card-title{font-weight:500;color:#111827;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s;margin:0}.event-map-card:hover .event-map-card-title{color:#2563eb;color:var(--color-primary-600)}.event-map-card-description{font-size:.875rem;color:#374151;color:var(--color-text-secondary);margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-map-card-meta{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;font-size:.75rem;color:#6b7280;color:var(--color-text-tertiary)}.event-map-empty{padding:3rem;background:#fff;background:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);text-align:center}.event-map-empty-icon{font-size:3rem;margin-bottom:1rem}.event-map-empty h3{font-size:1.25rem;font-weight:500;color:#111827;color:var(--color-text-primary);margin:0 0 .5rem}.event-map-empty p{color:#374151;color:var(--color-text-secondary);margin:0 0 1rem}.event-map-viewer{display:flex;flex-direction:column;height:calc(100vh - 4rem - 1px);height:calc(100vh - var(--header-height, 4rem) - 1px);overflow:hidden;background-color:var(--color-background)}.event-map-viewer-header{background:#f9fafb;background:var(--color-surface);border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-light);padding:.5rem var(--space-layout-gutter);padding:var(--space-sm) var(--space-layout-gutter);flex-shrink:0}@media(min-width:640px){.event-map-viewer-header{padding:.5rem var(--space-layout-gutter);padding:var(--space-sm) var(--space-layout-gutter)}}@media(max-width:768px){.event-map-viewer-header{padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}}.event-map-viewer-header-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem;gap:var(--space-sm)}.event-map-viewer-mobile-nav{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.event-map-back-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:0;border-radius:var(--radius-button);color:#374151;color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s,color .15s;flex-shrink:0}.event-map-back-button:hover{background-color:#f3f4f6;background-color:var(--color-surface-muted);color:#111827;color:var(--color-text-primary)}.event-map-back-button svg{width:1.25rem;height:1.25rem}.event-map-viewer-title{font-weight:500;color:#111827;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-map-viewer-breadcrumb{display:none}@media(min-width:640px){.event-map-viewer-mobile-nav{display:none}.event-map-viewer-breadcrumb{display:block;flex:1;min-width:0}}.event-map-viewer-header .breadcrumb,.event-map-viewer-header .breadcrumb-nav{margin-bottom:0}.event-map-layer-selector{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.event-map-layer-selector label{font-size:.875rem;font-size:var(--font-size-sm, .875rem);color:#374151;color:var(--color-text-secondary);white-space:nowrap}.event-map-layer-selector .select{width:auto;min-width:8rem;padding:.5rem 2rem .5rem .75rem;padding:var(--space-2, .5rem) var(--space-8, 2rem) var(--space-2, .5rem) var(--space-3, .75rem);font-size:.875rem;font-size:var(--font-size-sm, .875rem)}@media(max-width:639px){.event-map-layer-selector label{display:none}.event-map-layer-selector .select{min-width:6rem}}.event-map-viewer-content{flex:1;position:relative;overflow:hidden;min-height:0}.event-map-viewer-content .map-visualization{position:absolute;inset:0}.event-map-timeline-slider{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;z-index:995;pointer-events:auto;max-width:36rem;margin:0 auto}.event-map-timeline-slider .timeline-slider{background:color-mix(in srgb,rgb(249 250 251) 92%,transparent);background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg, 0 4px 12px rgba(0, 0, 0, .15))}@media(min-width:640px){.event-map-timeline-slider{left:1rem;right:1rem;bottom:1rem}.event-map-viewer-content--filters-open .event-map-timeline-slider{left:calc(280px + 1rem);right:1rem;margin:0;max-width:min(36rem,calc(100% - 280px - 2rem))}}@media(min-width:1280px){.event-map-timeline-slider{max-width:56rem}.event-map-viewer-content--filters-open .event-map-timeline-slider{max-width:min(56rem,calc(100% - 280px - 2rem))}}@media(max-width:640px){.event-map-timeline-slider{left:.75rem;right:auto;bottom:3.5rem;width:calc(100% - 4rem);max-width:none;margin:0}.event-map-viewer-content--filters-open .event-map-timeline-slider{display:none}.event-map-viewer-content .leaflet-top.leaflet-right{top:auto;bottom:.75rem;right:.75rem}.event-map-viewer-content .leaflet-top .leaflet-control{margin-top:0;margin-bottom:0}.event-map-viewer-content .leaflet-control-zoom a{width:26px;height:26px;line-height:26px;font-size:16px}}.event-map-viewer-content .leaflet-top.leaflet-left{left:auto;right:.5rem}.event-map-viewer-content .leaflet-top .leaflet-control{margin-top:.75rem;margin-left:0;margin-right:0}.event-map-filter-panel__toggle{position:absolute;left:1rem;top:1rem;z-index:1000;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-button);background:#fff;background:var(--color-bg-primary);color:#374151;color:var(--color-text-secondary);cursor:pointer;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.event-map-filter-panel__toggle:hover{background:#f3f4f6;background:var(--color-surface-muted);color:#111827;color:var(--color-text-primary)}.event-map-filter-panel{position:absolute;top:0;left:0;bottom:0;width:280px;z-index:1005;background:#fff;background:var(--color-bg-primary);border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .2s ease;overflow-y:auto}.event-map-filter-panel--open{transform:translate(0)}.event-map-filter-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary)}.event-map-filter-panel__tabs{display:flex;gap:.35rem;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary)}.event-map-filter-panel__tab{flex:1;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);background:#f3f4f6;background:var(--color-surface-muted);color:#374151;color:var(--color-text-secondary);border-radius:0;border-radius:var(--radius-button);font-size:.72rem;font-weight:600;padding:.35rem .5rem;cursor:pointer}.event-map-filter-panel__tab:hover{background:#e5e7eb;background:var(--color-surface-subtle);color:#111827;color:var(--color-text-primary)}.event-map-filter-panel__tab--active{background:#fff;background:var(--color-bg-primary);color:#111827;color:var(--color-text-primary);border-color:#d1d5db;border-color:var(--color-border-secondary)}.event-map-filter-panel__title{margin:0;font-size:.875rem;font-weight:600;color:#111827;color:var(--color-text-primary)}.event-map-filter-panel__close{border:none;background:none;color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;font-size:.875rem;line-height:1;padding:.2rem;border-radius:0;border-radius:var(--radius-button)}.event-map-filter-panel__close:hover{color:#111827;color:var(--color-text-primary);background:#f3f4f6;background:var(--color-surface-muted)}.event-map-filter-panel__section{padding:.85rem 1rem;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary)}.event-map-filter-panel__label{font-size:.72rem;color:#6b7280;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.45rem;display:block}.event-map-filter-panel__select{width:100%}.event-map-filter-panel__check{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#374151;color:var(--color-text-secondary);margin-top:.35rem}.event-map-filter-panel__check input[type=checkbox]{accent-color:#2563eb;accent-color:var(--color-primary-600)}.event-map-filter-panel__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.45rem}.event-map-filter-panel__toggle-label{font-size:.82rem;color:#374151;color:var(--color-text-secondary)}.event-map-filter-panel__entity-picker,.event-map-filter-panel__group-picker{margin-top:.5rem}.event-map-filter-panel__chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.event-map-filter-panel__chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);background:#f3f4f6;background:var(--color-surface-muted);color:#111827;color:var(--color-text-primary);border-radius:0;border-radius:var(--radius-tag);padding:.2rem .4rem;font-size:.72rem;cursor:pointer}.event-map-filter-panel__chip:hover{background:#e5e7eb;background:var(--color-surface-subtle)}.event-map-filter-panel__chip-type{font-weight:700;color:#6b7280;color:var(--color-text-tertiary)}.event-map-filter-panel__chip-color{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.event-map-filter-panel__chip-label{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-map-filter-panel__chip-remove{color:#6b7280;color:var(--color-text-tertiary)}.event-map-filter-panel__hint{margin-top:.5rem;font-size:.72rem;color:#6b7280;color:var(--color-text-tertiary);line-height:1.35}.event-map-filter-panel__step-controls{display:flex;gap:.4rem;margin-top:.6rem}.event-map-filter-panel__step-btn{flex:1;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);background:#f3f4f6;background:var(--color-surface-muted);color:#374151;color:var(--color-text-secondary);border-radius:0;border-radius:var(--radius-button);font-size:.72rem;padding:.3rem .45rem;cursor:pointer}.event-map-filter-panel__step-btn:hover:not(:disabled){background:#e5e7eb;background:var(--color-surface-subtle);color:#111827;color:var(--color-text-primary)}.event-map-filter-panel__step-btn:disabled{opacity:.5;cursor:not-allowed}.event-map-filter-panel__collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;border:none;background:none;color:#374151;color:var(--color-text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;padding:.3rem 0}.event-map-filter-panel__collapsible-header:hover{color:#111827;color:var(--color-text-primary)}.event-map-filter-panel__unknown-list{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.event-map-filter-panel__unknown-item{display:flex;flex-direction:column;gap:.1rem;padding:.25rem .35rem;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);background:#f3f4f6;background:var(--color-surface-muted);font-size:.7rem}.event-map-filter-panel__unknown-title{color:#111827;color:var(--color-text-primary);font-weight:500}.event-map-filter-panel__unknown-participants{color:#6b7280;color:var(--color-text-tertiary);font-size:.65rem}.event-map-filter-panel__date-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.event-map-filter-panel__date-field{display:flex;flex-direction:column;gap:.25rem}.event-map-filter-panel__date-caption{font-size:.72rem;color:#6b7280;color:var(--color-text-tertiary)}.event-map-filter-panel__date-input,.event-map-filter-panel__date-picker .calendar-date-picker,.event-map-filter-panel__date-picker .calendar-date-picker-trigger{width:100%}.event-map-filter-panel__date-actions{margin-top:.5rem}@media(max-width:640px){.event-map-filter-panel{width:100%;max-width:320px}}.event-map-selected-panel{position:absolute;bottom:1rem;left:1rem;right:1rem;background:#fff;background:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-panel);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:1rem;z-index:1000}@media(min-width:640px){.event-map-selected-panel{left:auto;right:1rem;width:20rem}}.event-map-selected-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.event-map-selected-panel-body{flex:1;min-width:0}.event-map-selected-panel-type{font-size:.75rem;color:#6b7280;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.event-map-selected-panel-title{font-weight:500;color:#111827;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.event-map-selected-panel-description{font-size:.875rem;color:#374151;color:var(--color-text-secondary);margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.event-map-selected-panel-close{padding:.25rem;background:transparent;border:none;color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;border-radius:0;border-radius:var(--radius-button);line-height:1;transition:color .15s,background .15s}.event-map-selected-panel-close:hover{color:#111827;color:var(--color-text-primary);background:#e5e7eb;background:var(--color-surface-subtle)}@media(max-width:640px){.event-map-selected-panel{top:.75rem!important;right:.75rem!important;bottom:auto!important;left:auto!important;width:-moz-max-content!important;width:max-content!important;max-width:min(72vw,18rem);height:auto!important;max-height:none!important;padding:.25rem;z-index:1001}.event-map-selected-panel-header{display:none}.event-map-selected-panel .modal-btn{margin-top:0!important;width:auto!important;max-width:100%;min-height:32px;padding:.3rem .55rem;font-size:.72rem;white-space:nowrap}}.event-map-selected-panel-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.event-map-selected-panel-linked-button{flex-shrink:0;font-size:.75rem;padding:.25rem .5rem}.event-map-loading{min-height:calc(100vh - 4rem);min-height:calc(100vh - var(--header-height, 4rem));display:flex;align-items:center;justify-content:center;background-color:var(--color-background)}.event-map-loading-spinner{width:3rem;height:3rem;border:2px solid #e5e7eb;border:2px solid var(--color-border-primary);border-top-color:#3b82f6;border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.event-map-error-card{padding:2rem;background:#fff;background:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);border-radius:0;border-radius:var(--radius-card);text-align:center;margin-top:1rem}.event-map-error-card p{color:var(--color-status-error);font-size:1.125rem;margin:0 0 1rem}.event-map-error-card a{color:#2563eb;color:var(--color-primary-600);text-decoration:none}.event-map-error-card a:hover{text-decoration:underline}.event-map-toolbar{position:absolute;top:1rem;right:1rem;z-index:1000;display:flex;align-items:center;gap:.5rem}.event-map-mode-select{width:auto;min-width:10rem;font-size:.8rem;font-weight:500;padding:.5rem .75rem;padding:var(--space-2, .5rem) var(--space-3, .75rem);padding-right:2.25rem;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm, 0 1px 4px rgba(0, 0, 0, .1))}.journey-preview-marker-wrapper{background:none!important;border:none!important}.journey-preview-marker{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);font-size:.7rem;font-weight:700;color:#fff;box-shadow:0 2px 6px #0000004d;border:2px solid #fff}.journey-preview-marker span{transform:rotate(45deg)}.journey-preview-marker--origin{background:#22c55e;background:var(--color-status-success, #22c55e)}.journey-preview-marker--waypoint{background:#2563eb;background:var(--color-interactive-primary, #2563eb)}.journey-preview-marker--destination{background:#ef4444;background:var(--color-status-error, #ef4444)}.journey-preview-marker--single{background:#2563eb;background:var(--color-interactive-primary, #2563eb)}.event-map-group-banner{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:900;display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:0;border-radius:var(--radius-badge);background:#fff;background:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md, 0 2px 8px rgba(0, 0, 0, .12));font-size:.8rem;color:#111827;color:var(--color-text-primary)}.event-map-group-banner__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.event-map-group-banner__name{font-weight:600}.event-map-group-banner__type{color:#374151;color:var(--color-text-secondary);font-style:italic}.event-map-group-banner__count{color:#6b7280;color:var(--color-text-tertiary);font-size:.75rem}.event-map-group-banner__close{background:none;border:none;color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;padding:0 .15rem;font-size:.85rem;line-height:1}.event-map-group-banner__close:hover{color:#111827;color:var(--color-text-primary)}.event-map-relocate-banner{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:950;display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:0;border-radius:var(--radius-notification);background:#fffbeb;background:var(--color-status-warning-bg, #fffbeb);border:1px solid #d97706;border:1px solid var(--color-status-warning, #d97706);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md, 0 2px 8px rgba(0, 0, 0, .12));font-size:.82rem;color:#111827;color:var(--color-text-primary);animation:event-map-relocate-pulse 2s ease-in-out infinite}@keyframes event-map-relocate-pulse{0%,to{box-shadow:0 2px 8px #d9770626}50%{box-shadow:0 2px 16px #d9770659}}.event-map-relocate-banner__icon{font-size:1rem}.event-map-relocate-banner__text{font-weight:500}.event-map-relocate-banner__cancel{margin-left:.25rem;padding:.2rem .6rem;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary, #d1d5db);border-radius:0;border-radius:var(--radius-button);background:#fff;background:var(--color-bg-primary, #fff);color:#374151;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.event-map-relocate-banner__cancel:hover{background:#f3f4f6;background:var(--color-surface-muted);color:#111827;color:var(--color-text-primary)}.event-map-relocate-banner__cancel:disabled{opacity:.5;cursor:not-allowed}.app-layout{display:flex;flex:1;min-height:0}.app-layout__panel{flex-shrink:0;width:0;transition:width .2s ease}.app-layout--panel-open .app-layout__panel{width:clamp(400px,50vw,640px)}.app-layout__content{flex:1;min-width:0}@media(max-width:1280px){.app-layout--panel-open .app-layout__panel{width:0}}.discussion-panel{display:flex;flex-direction:column;position:fixed;top:4rem;top:var(--header-height);left:0;bottom:0;width:clamp(400px,50vw,640px);background:#f9fafb;background:var(--color-surface);border-right:1px solid rgb(229 231 235);border-right:1px solid var(--color-border);z-index:1020;z-index:var(--z-index-sticky)}@media(max-width:1280px){.discussion-panel{width:100%}}.discussion-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);border-bottom:1px solid rgb(229 231 235);border-bottom:1px solid var(--color-border);flex-shrink:0}.discussion-panel__title{font-size:1.125rem;font-size:var(--font-size-lg, 1.125rem);font-weight:600;font-weight:var(--font-weight-semibold, 600);margin:0}.discussion-panel__back{display:inline-flex;align-items:center;gap:.25rem;gap:var(--space-1);background:none;border:none;color:#374151;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm, .875rem);cursor:pointer;padding:.25rem 0;padding:var(--space-1) 0}.discussion-panel__back:hover{color:#111827;color:var(--color-text)}.discussion-panel__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid transparent;color:#374151;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;border-radius:0;border-radius:var(--radius-button)}.discussion-panel__close:hover{background:#f3f4f6;background:var(--color-surface-hover);color:#111827;color:var(--color-text)}.discussion-panel__body{flex:1;overflow:hidden;display:flex;flex-direction:column}.discussion-panel__scroll{flex:1;overflow-y:auto}.discussion-panel__state{padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);text-align:center;color:#374151;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm, .875rem)}.header-discussions-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid transparent;border-radius:0;border-radius:var(--radius-button);color:#374151;color:var(--color-text-secondary);cursor:pointer;position:relative;transition:.2s ease-in-out;transition:var(--transition-base)}.header-discussions-btn:hover{color:#111827;color:var(--color-text);background:#f3f4f6;background:var(--color-surface-hover)}.header-discussions-btn.is-active{color:#2563eb;color:var(--color-interactive-primary);border-color:#2563eb;border-color:var(--color-interactive-primary)}.discussion-composer{padding:.75rem 1rem;padding:var(--space-3) var(--space-4);border-top:1px solid rgb(229 231 235);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);background:#f9fafb;background:var(--color-surface);flex-shrink:0}.discussion-composer__editor-shell{position:relative}.discussion-composer__editor .rich-text-editor-content{min-height:60px}.discussion-composer__footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;gap:var(--space-2)}.discussion-composer__hint{color:#374151;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--font-size-xs, .75rem)}.discussion-composer__mentions{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.discussion-mention-picker--overlay{position:absolute;z-index:20;min-width:240px;max-width:min(320px,calc(100% - 1rem));padding:.5rem;padding:var(--space-2);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-popover);background:#f9fafb;background:var(--color-surface);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.discussion-mention-picker__header{display:flex;justify-content:space-between;gap:.5rem;gap:var(--space-2);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);color:#374151;color:var(--color-text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.discussion-mention-picker__empty{padding:.5rem;padding:var(--space-2);color:#374151;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm, .875rem)}.discussion-mention-picker__results{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.discussion-mention-picker__option{display:flex;flex-direction:column;text-align:left;width:100%;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);border:1px solid transparent;border-radius:0;border-radius:var(--radius-button);background:none;cursor:pointer}.discussion-mention-picker__option:hover{background:#f3f4f6;background:var(--color-surface-hover);border-color:#e5e7eb;border-color:var(--color-border)}.discussion-mention-picker__chip{display:inline-flex;align-items:center;gap:.25rem;gap:var(--space-1);padding:2px .5rem;padding:2px var(--space-2);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-tag);background:#f9fafb;background:var(--color-surface);font-size:.75rem;font-size:var(--font-size-xs, .75rem);cursor:pointer}.discussion-mention-picker__chip:hover{border-color:#2563eb;border-color:var(--color-interactive-primary)}.discussion-feed{display:flex;flex-direction:column}.discussion-feed__item{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1);width:100%;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid rgb(229 231 235);border-bottom:1px solid var(--color-border);background:none;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.discussion-feed__item:hover{background:#f3f4f6;background:var(--color-surface-hover)}.discussion-feed__item.is-active{background:#3b82f60f;background:rgba(var(--color-primary-rgb, 59, 130, 246),.06)}.discussion-feed__meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;gap:var(--space-2);font-size:.875rem;font-size:var(--font-size-sm, .875rem)}.discussion-feed__meta span{color:#374151;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--font-size-xs, .75rem)}.discussion-feed__summary{font-size:.75rem;font-size:var(--font-size-xs, .75rem);color:#374151;color:var(--color-text-secondary)}.discussion-thread{display:flex;flex-direction:column;flex:1;overflow:hidden}.discussion-thread--empty{padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);color:#374151;color:var(--color-text-secondary);text-align:center}.discussion-thread__scroll{flex:1;overflow-y:auto}.discussion-thread__post{padding:.75rem 1rem;padding:var(--space-3) var(--space-4);border-bottom:1px solid rgb(229 231 235);border-bottom:1px solid var(--color-border)}.discussion-thread__post h2{font-size:.875rem;font-size:var(--font-size-sm, .875rem);font-weight:600;font-weight:var(--font-weight-semibold, 600);margin:0 0 .25rem;margin:0 0 var(--space-1)}.discussion-thread__replies{display:flex;flex-direction:column}.discussion-thread__reply{padding:.75rem 1rem;padding:var(--space-3) var(--space-4);border-bottom:1px solid rgb(229 231 235);border-bottom:1px solid var(--color-border)}.discussion-thread__reply.is-highlighted{background:#ffc83214}.discussion-thread__reply-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;gap:var(--space-2);font-size:.875rem;font-size:var(--font-size-sm, .875rem);margin-bottom:.25rem;margin-bottom:var(--space-1)}.discussion-thread__reply-meta span{color:#374151;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--font-size-xs, .75rem)}.discussion-markdown{font-size:.875rem;font-size:var(--font-size-sm, .875rem);line-height:1.5}.discussion-markdown :is(p,ul,ol,blockquote){margin:0}.discussion-markdown .discussion-mention{color:#2563eb;color:var(--color-interactive-primary);font-weight:500;font-weight:var(--font-weight-medium, 500)}.discussion-markdown .discussion-mention--user{text-decoration:underline;text-decoration-style:dotted;cursor:help}.asset-uploader{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.asset-uploader__dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;gap:var(--space-2);padding:1.5rem;padding:var(--space-6);border:2px dashed #e5e7eb;border:2px dashed var(--color-border-primary);background:#f3f4f6;background:var(--color-surface-muted);cursor:pointer;transition:border-color .2s,background-color .2s;min-height:120px}.asset-uploader__dropzone:hover,.asset-uploader__dropzone--active{border-color:#2563eb;border-color:var(--color-primary);background:#e5e7eb;background:var(--color-surface-subtle)}.asset-uploader__dropzone--compact{min-height:80px;padding:.75rem;padding:var(--space-3)}.asset-uploader__dropzone-icon{font-size:1.25rem;font-size:var(--font-size-xl);color:#374151;color:var(--color-text-secondary)}.asset-uploader__dropzone-text{color:#374151;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);text-align:center}.asset-uploader__dropzone-text strong{color:#2563eb;color:var(--color-primary)}.asset-uploader__file-input{display:none}.asset-uploader__progress{display:flex;align-items:center;gap:.75rem;gap:var(--space-3);padding:.75rem;padding:var(--space-3);background:#f3f4f6;background:var(--color-surface-muted)}.asset-uploader__progress-bar{flex:1;height:6px;background:#e5e7eb;background:var(--color-border-primary);overflow:hidden}.asset-uploader__progress-fill{height:100%;background:#2563eb;background:var(--color-primary);transition:width .3s ease}.asset-uploader__error{color:#dc2626;color:var(--color-error);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);background:#fef2f2;background:var(--color-error-subtle, rgba(255, 0, 0, .05))}.asset-uploader__current{display:flex;align-items:center;gap:.75rem;gap:var(--space-3);padding:.75rem;padding:var(--space-3);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary)}.asset-uploader__current-thumb{width:48px;height:48px;-o-object-fit:cover;object-fit:cover}.asset-uploader__current-actions{display:flex;gap:.5rem;gap:var(--space-2);margin-left:auto}.asset-uploader__pending-badge{font-size:.75rem;font-size:var(--font-size-xs);color:#374151;color:var(--color-text-secondary);background:#f3f4f6;background:var(--color-surface-muted);padding:2px .5rem;padding:2px var(--space-2)}.asset-image{display:block;max-width:100%;height:auto}.asset-image__fallback{display:flex;align-items:center;justify-content:center;background:#f3f4f6;background:var(--color-surface-muted);color:#6b7280;color:var(--color-text-tertiary);font-size:1.25rem;font-size:var(--font-size-xl)}.asset-picker__tabs{display:flex;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary);margin-bottom:1rem;margin-bottom:var(--space-4)}.asset-picker__tab{flex:1;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:#374151;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);cursor:pointer;transition:color .2s,border-color .2s}.asset-picker__tab--active{color:#2563eb;color:var(--color-primary);border-bottom-color:#2563eb;border-bottom-color:var(--color-primary)}.asset-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;gap:var(--space-3);max-height:400px;overflow-y:auto;padding:.5rem;padding:var(--space-2)}.asset-picker__grid-item{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.asset-picker__grid-item:hover,.asset-picker__grid-item--selected{border-color:#2563eb;border-color:var(--color-primary)}.asset-picker__grid-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.asset-picker__search{margin-bottom:.75rem;margin-bottom:var(--space-3)}.asset-picker__empty{text-align:center;padding:2rem;padding:var(--space-8);color:#374151;color:var(--color-text-secondary)}.asset-picker__pagination{display:flex;justify-content:center;gap:.75rem;gap:var(--space-3);margin-top:.75rem;margin-top:var(--space-3)}.featured-image-picker{width:100%}.featured-image-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;gap:var(--space-2);width:100%;min-height:120px;padding:1rem;padding:var(--space-4);border:2px dashed #e5e7eb;border:2px dashed var(--color-border-primary);border-radius:0;border-radius:var(--radius-card);background:#f3f4f6;background:var(--color-surface-muted);color:#374151;color:var(--color-text-secondary);cursor:pointer;transition:border-color .2s,background-color .2s}.featured-image-picker__empty:hover:not(:disabled){border-color:#2563eb;border-color:var(--color-primary);background:#e5e7eb;background:var(--color-surface-subtle)}.featured-image-picker__empty:disabled{opacity:.5;cursor:not-allowed}.featured-image-picker__empty-icon{font-size:1.25rem;font-size:var(--font-size-xl)}.featured-image-picker__empty-text{font-size:.875rem;font-size:var(--font-size-sm)}.featured-image-picker__preview{position:relative;border-radius:0;border-radius:var(--radius-card);overflow:hidden}.featured-image-picker__image{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.featured-image-picker__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.75rem;gap:var(--space-3);background:#00000080;opacity:0;transition:opacity .2s}.featured-image-picker__preview:hover .featured-image-picker__overlay{opacity:1}.featured-image-picker__overlay-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#ffffffe6;font-size:1.125rem;font-size:var(--font-size-lg);cursor:pointer;transition:transform .15s,background-color .15s}.featured-image-picker__overlay-btn:hover:not(:disabled){transform:scale(1.1);background:#fff}.featured-image-picker__overlay-btn--danger:hover:not(:disabled){background:#fef2f2;background:var(--color-error-subtle, rgba(255, 0, 0, .15))}.featured-image-picker__overlay-btn:disabled{opacity:.5;cursor:not-allowed}.asset-metadata-editor{padding:1rem;padding:var(--space-4);display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.asset-metadata-editor__actions{display:flex;justify-content:flex-end;gap:.5rem;gap:var(--space-2);margin-top:.5rem;margin-top:var(--space-2);padding-top:.75rem;padding-top:var(--space-3);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-primary)}.asset-delete-confirm__warning{display:flex;align-items:flex-start;gap:.75rem;gap:var(--space-3);padding:.75rem;padding:var(--space-3);background:#fef2f2;background:var(--color-error-subtle, rgba(255, 0, 0, .05));margin-bottom:1rem;margin-bottom:var(--space-4)}.asset-delete-confirm__warning-icon{font-size:1.125rem;font-size:var(--font-size-lg);flex-shrink:0}.asset-delete-confirm__warning-text{font-size:.875rem;font-size:var(--font-size-sm);color:#111827;color:var(--color-text-primary)}.asset-delete-confirm__links{margin-top:.75rem;margin-top:var(--space-3);font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary)}.asset-delete-confirm__actions{display:flex;justify-content:flex-end;gap:.5rem;gap:var(--space-2)}.asset-marker-overlay__marker{position:absolute;transform:translate(-50%,-50%);border:none;background:none;padding:0;cursor:pointer;z-index:1;display:flex;align-items:center;gap:.25rem;gap:var(--space-1)}.asset-marker-overlay__dot{width:14px;height:14px;border-radius:50%;background:#6366f1;background:var(--color-brand);border:2px solid #fff;box-shadow:0 1px 4px #0000004d;flex-shrink:0;transition:transform .15s ease-in-out;transition:transform var(--transition-fast)}.asset-tagging-editor{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.asset-tagging-editor__title{font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-tagging-editor__canvas{position:relative;display:block;line-height:0;cursor:crosshair;overflow:hidden;border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle)}.asset-tagging-editor__marker{position:absolute;transform:translate(-50%,-50%);border:none;background:none;padding:0;cursor:pointer;z-index:2;display:flex;align-items:center;gap:.25rem;gap:var(--space-1)}.asset-tagging-editor__marker-dot{width:16px;height:16px;border-radius:50%;background:#6366f1;background:var(--color-brand);border:2px solid #fff;box-shadow:0 1px 4px #00000059;flex-shrink:0;transition:transform .15s ease-in-out;transition:transform var(--transition-fast)}.asset-tagging-editor__marker--pending .asset-tagging-editor__marker-dot{background:#6b7280;background:var(--color-text-muted);animation:marker-pulse 1s ease-in-out infinite}.asset-tagging-editor__info-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);background:#f3f4f6;background:var(--color-surface-muted)}.asset-tagging-editor__info-name{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text)}.asset-tagging-editor__hint{font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);text-align:center;margin:0}.asset-event-linker__label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#374151;color:var(--color-text-secondary)}.asset-event-linker__chips{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.asset-event-linker__chip{display:inline-flex;align-items:center;gap:.25rem;gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);background:#e5e7eb;background:var(--color-surface-subtle);border:1px solid #d1d5db;border:1px solid var(--color-border-secondary);font-size:.75rem;font-size:var(--font-size-xs);color:#111827;color:var(--color-text-primary);max-width:200px}.asset-event-linker__chip-remove{flex-shrink:0;background:none;border:none;cursor:pointer;color:#6b7280;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);padding:0;line-height:1}.asset-event-linker__chip-remove:hover{color:#dc2626;color:var(--color-danger)}.asset-event-linker__input{width:100%;padding:7px .5rem;padding:7px var(--space-sm);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-input);background:#f9fafb;background:var(--color-surface);color:#111827;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm);outline:none;transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast);box-sizing:border-box}.asset-event-linker__input:focus{border-color:#6366f1;border-color:var(--color-brand);box-shadow:0 0 0 2px #6366f11a;box-shadow:0 0 0 2px var(--color-brand-faint, var(--color-brand-subtle))}.asset-event-linker__input::-moz-placeholder{color:#6b7280;color:var(--color-text-muted)}.asset-event-linker__input::placeholder{color:#6b7280;color:var(--color-text-muted)}.asset-event-linker__dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:2px;padding:var(--space-2xs) 0;list-style:none;background:#f9fafb;background:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-input);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:260px;overflow-y:auto}.asset-event-linker__option{display:flex;align-items:center;gap:.25rem;gap:var(--space-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.asset-event-linker__option:hover,.asset-event-linker__option--highlighted{background:#f3f4f6;background:var(--color-surface-hover)}.asset-event-linker__option-icon{font-size:1rem;font-size:var(--font-size-base);flex-shrink:0;line-height:1}.asset-event-linker__option-title{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-event-linker__option-date{flex-shrink:0;font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-muted)}.asset-event-linker__status{padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);text-align:center;color:#6b7280;color:var(--color-text-muted);font-size:.875rem;font-size:var(--font-size-sm)}.multi-uploader{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.multi-uploader__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;gap:var(--space-2);padding:2rem 1.5rem;padding:var(--space-8) var(--space-6);border:2px dashed #e5e7eb;border:2px dashed var(--color-border-primary);background:#f3f4f6;background:var(--color-surface-muted);cursor:pointer;transition:border-color .2s,background-color .2s;min-height:140px}.multi-uploader__dropzone--compact{padding:.75rem 1rem;padding:var(--space-3) var(--space-4);min-height:auto}.multi-uploader__dropzone:hover,.multi-uploader__dropzone--active{border-color:#2563eb;border-color:var(--color-primary);background:#e5e7eb;background:var(--color-surface-subtle)}.multi-uploader__dropzone-text{color:#374151;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.multi-uploader__dropzone-hint{color:#6b7280;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--font-size-xs)}.multi-uploader__list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.multi-uploader__row{display:flex;align-items:center;gap:1rem;gap:var(--space-4);padding:.75rem;padding:var(--space-3);background:#f3f4f6;background:var(--color-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary);transition:opacity .2s,background-color .15s}.multi-uploader__row:hover{background:#e5e7eb;background:var(--color-surface-subtle)}.multi-uploader__row-thumb{position:relative;flex-shrink:0;width:56px;height:56px;overflow:hidden;background:#e5e7eb;background:var(--color-surface-subtle)}.multi-uploader__row-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:1.1rem;font-weight:700;font-weight:var(--font-weight-bold)}.multi-uploader__row-fields{flex:1;display:flex;gap:.75rem;gap:var(--space-3);min-width:0}.multi-uploader__row-label{display:block;margin-bottom:2px;font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-tertiary);font-weight:500;font-weight:var(--font-weight-medium)}.multi-uploader__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;gap:var(--space-3);padding-top:.75rem;padding-top:var(--space-3);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-primary)}.multi-uploader__stats{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary)}.multi-uploader__actions{display:flex;gap:.5rem;gap:var(--space-2)}@media(max-width:640px){.multi-uploader__row-fields{flex-direction:column;gap:.5rem;gap:var(--space-2)}}.entity-position-picker{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.entity-position-picker__title{font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);color:#111827;color:var(--color-text);margin:0}.entity-position-picker__hint{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);margin:0}.entity-position-picker__error{font-size:.875rem;font-size:var(--font-size-sm);color:#dc2626;color:var(--color-danger);margin:0}.entity-position-picker__canvas{position:relative;display:inline-block;line-height:0;cursor:crosshair;border-radius:0;border-radius:var(--radius-card);overflow:hidden;border:1px solid rgb(243 244 246);border:1px solid var(--color-border-subtle)}.entity-position-picker__marker-dot{width:16px;height:16px;border-radius:50%;background:#6366f1;background:var(--color-brand);border:2px solid #fff;box-shadow:0 1px 4px #00000059}.entity-position-picker__marker-label{margin-top:.25rem;margin-top:var(--space-1);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text);background:#f9fafb;background:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-badge);padding:1px .25rem;padding:1px var(--space-1);white-space:nowrap;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.entity-position-picker__actions{display:flex;gap:.5rem;gap:var(--space-2);justify-content:flex-end}.entity-picker-popover{position:fixed;z-index:1000;width:280px;background:#f9fafb;background:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:320px}.entity-picker-popover__input{width:100%;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);border:none;border-bottom:1px solid rgb(243 244 246);border-bottom:1px solid var(--color-border-subtle);background:transparent;color:#111827;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm);outline:none;box-sizing:border-box}.entity-picker-popover__input::-moz-placeholder{color:#6b7280;color:var(--color-text-muted)}.entity-picker-popover__input::placeholder{color:#6b7280;color:var(--color-text-muted)}.entity-picker-popover__list{list-style:none;margin:0;padding:.25rem 0;padding:var(--space-1) 0;overflow-y:auto;max-height:260px}.entity-picker-popover__status{padding:.5rem .75rem;padding:var(--space-2) var(--space-3);font-size:.875rem;font-size:var(--font-size-sm);color:#6b7280;color:var(--color-text-muted);text-align:center}.entity-picker-popover__option{display:flex;align-items:center;gap:.5rem;gap:var(--space-2);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);cursor:pointer;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.entity-picker-popover__option:hover,.entity-picker-popover__option--highlighted{background:#f3f4f6;background:var(--color-surface-hover)}.entity-picker-popover__icon{font-size:1rem;font-size:var(--font-size-base);flex-shrink:0;line-height:1}.entity-picker-popover__thumb{width:24px;height:24px;border-radius:0;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.entity-picker-popover__name{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#111827;color:var(--color-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-picker-popover__subtype{font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-muted);flex-shrink:0}.landing-page{min-height:100vh;display:flex;flex-direction:column;background:#f9fafb;background:var(--color-surface);color:#111827;color:var(--color-text-primary)}.landing-header{position:sticky;top:0;z-index:50;background:rgba(249 250 251,.85);background:rgba(var(--color-surface-rgb),.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgb(229 231 235);border-bottom:1px solid var(--color-border)}.landing-header-container{max-width:1200px;margin:0 auto;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between}.landing-logo{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);color:#2563eb;color:var(--color-primary);text-decoration:none;letter-spacing:-.035em}.landing-logo:link,.landing-logo:visited,.landing-logo:active{color:#2563eb;color:var(--color-primary);text-decoration:none}.landing-logo:hover,.landing-logo:focus-visible{color:#1d4ed8;color:var(--color-primary-hover);text-decoration:none}.landing-logo:focus-visible{outline:2px solid #3b82f6;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset)}.landing-sign-in-btn{display:inline-flex;align-items:center;gap:.25rem;gap:var(--space-1);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);color:#fff;color:var(--color-text-on-brand);background:#2563eb;background:var(--color-primary);border-radius:0;border-radius:var(--radius-button);text-decoration:none;transition:background .15s ease}.landing-sign-in-btn:hover{color:#fff;color:var(--color-text-on-brand);background:#1d4ed8;background:var(--color-primary-hover);text-decoration:none}.landing-hero{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:4rem 1rem 3rem;padding:var(--space-16) var(--space-4) var(--space-12);text-align:center;background:linear-gradient(135deg,rgb(239 246 255) 0%,transparent 50%),linear-gradient(225deg,rgb(224 231 255) 0%,transparent 50%);background:linear-gradient(135deg,var(--color-primary-subtle) 0%,transparent 50%),linear-gradient(225deg,var(--color-accent-muted) 0%,transparent 50%)}.landing-hero-content{max-width:680px}.landing-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.15;margin:0 0 1rem;margin:0 0 var(--space-4);color:#111827;color:var(--color-text-primary)}.landing-hero-accent{color:#2563eb;color:var(--color-primary)}.landing-hero-subtitle{font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6;color:#374151;color:var(--color-text-secondary);margin:0 0 2rem;margin:0 0 var(--space-8);max-width:560px;margin-left:auto;margin-right:auto}.landing-hero-actions{display:flex;gap:.75rem;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.landing-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);border-radius:0;border-radius:var(--radius-button);text-decoration:none;transition:all .15s ease;cursor:pointer;border:none}.landing-btn-primary{color:#fff;color:var(--color-text-on-brand);background:#2563eb;background:var(--color-primary)}.landing-btn-primary:hover{color:#fff;color:var(--color-text-on-brand);background:#1d4ed8;background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);text-decoration:none}.landing-btn-secondary{color:#111827;color:var(--color-text-primary);background:#f9fafb;background:var(--color-surface);border:1px solid rgb(229 231 235);border:1px solid var(--color-border)}.landing-btn-secondary:hover{border-color:#2563eb;border-color:var(--color-primary);color:#2563eb;color:var(--color-primary);text-decoration:none}.landing-btn-lg{padding:1rem 2rem;padding:var(--space-4) var(--space-8);font-size:1.125rem;font-size:var(--font-size-lg)}.landing-page .getting-started-cta .btn-primary,.landing-page .getting-started-cta .btn-primary:hover,.landing-page .getting-started-cta .btn-primary:focus-visible{color:#fff;color:var(--color-text-on-brand)}.landing-features{padding:3rem 1rem;padding:var(--space-12) var(--space-4);background:#f9fafb;background:var(--color-surface)}.landing-features-container{max-width:1100px;margin:0 auto}.landing-features-title{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);text-align:center;margin:0 0 2.5rem;margin:0 0 var(--space-10);color:#111827;color:var(--color-text-primary)}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;gap:var(--space-6)}.landing-feature-card{background:#fff;background:var(--color-surface-elevated);border:1px solid rgb(229 231 235);border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-card);padding:1.5rem;padding:var(--space-6);transition:all .2s ease}.landing-feature-card:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem;margin-bottom:var(--space-3)}.landing-feature-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .5rem;margin:0 0 var(--space-2);color:#111827;color:var(--color-text-primary)}.landing-feature-description{font-size:.875rem;font-size:var(--font-size-sm);color:#374151;color:var(--color-text-secondary);line-height:1.6;margin:0}.landing-cta{padding:4rem 1rem;padding:var(--space-16) var(--space-4);text-align:center;background:linear-gradient(135deg,rgb(239 246 255) 0%,transparent 50%),linear-gradient(225deg,rgb(224 231 255) 0%,transparent 50%);background:linear-gradient(135deg,var(--color-primary-subtle) 0%,transparent 50%),linear-gradient(225deg,var(--color-accent-muted) 0%,transparent 50%)}.landing-cta-content{max-width:560px;margin:0 auto}.landing-cta-title{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 .75rem;margin:0 0 var(--space-3);color:#111827;color:var(--color-text-primary)}.landing-cta-subtitle{font-size:1rem;font-size:var(--font-size-base);color:#374151;color:var(--color-text-secondary);margin:0 0 1.5rem;margin:0 0 var(--space-6)}.landing-footer{padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);text-align:center;border-top:1px solid rgb(229 231 235);border-top:1px solid var(--color-border)}.landing-footer-text{font-size:.75rem;font-size:var(--font-size-xs);color:#6b7280;color:var(--color-text-muted);margin:0}.login-page{min-height:100vh;display:flex;flex-direction:column;background:#f9fafb;background:var(--color-surface)}.login-page-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-page-redirect-hint{margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);background:#eff6ff;background:var(--color-primary-subtle);color:#2563eb;color:var(--color-primary);border-radius:0;border-radius:var(--radius-notification);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);text-align:center}.login-page .card,.login-page .card-elevated,.login-page .rounded-lg,.login-page .rounded-md{border-radius:0;border-radius:var(--radius-card)}@media(max-width:640px){.landing-hero{padding:2.5rem 1rem 2rem;padding:var(--space-10) var(--space-4) var(--space-8)}.landing-features-grid{grid-template-columns:1fr}.landing-hero-actions{flex-direction:column;align-items:stretch}.landing-header-container{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}}.skeleton-shimmer{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background:linear-gradient(90deg,var(--color-surface-muted) 25%,var(--color-surface-subtle) 50%,var(--color-surface-muted) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:0;border-radius:var(--radius-card)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-page-body{display:flex;gap:1rem;gap:var(--space-md);margin-top:1rem;margin-top:var(--space-md)}.skeleton-page-sidebar{flex-shrink:0;width:260px;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.skeleton-page-main{flex:1;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm);min-width:0}.skeleton-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;gap:var(--space-md)}.skeleton-card-grid--wiki{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;gap:var(--space-md)}.skeleton-card-grid--list{display:grid;grid-template-columns:1fr;gap:.5rem;gap:var(--space-sm)}.skeleton-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;gap:var(--space-md);margin-bottom:1rem;margin-bottom:var(--space-md)}.skeleton-tabs{display:flex;gap:.5rem;gap:var(--space-sm);padding:.5rem 0;padding:var(--space-sm) 0;border-bottom:1px solid rgb(229 231 235);border-bottom:1px solid var(--color-border);margin-bottom:1rem;margin-bottom:var(--space-md)}@media(max-width:768px){.skeleton-page-body{flex-direction:column}.skeleton-page-sidebar{width:100%}.skeleton-card-grid,.skeleton-card-grid--wiki{grid-template-columns:1fr}}.m-0{margin:0;margin:var(--space-0)}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-5{margin:1.25rem;margin:var(--space-5)}.m-6{margin:1.5rem;margin:var(--space-6)}.m-8{margin:2rem;margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.mt-0{margin-top:0;margin-top:var(--space-0)}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}.mb-0{margin-bottom:0;margin-bottom:var(--space-0)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.ml-0{margin-left:0;margin-left:var(--space-0)}.ml-1{margin-left:.25rem;margin-left:var(--space-1)}.ml-2{margin-left:.5rem;margin-left:var(--space-2)}.ml-3{margin-left:.75rem;margin-left:var(--space-3)}.ml-4{margin-left:1rem;margin-left:var(--space-4)}.mr-0{margin-right:0;margin-right:var(--space-0)}.mr-1{margin-right:.25rem;margin-right:var(--space-1)}.mr-2{margin-right:.5rem;margin-right:var(--space-2)}.mr-3{margin-right:.75rem;margin-right:var(--space-3)}.mr-4{margin-right:1rem;margin-right:var(--space-4)}.p-0{padding:0;padding:var(--space-0)}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-5{padding:1.25rem;padding:var(--space-5)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.pt-0{padding-top:0;padding-top:var(--space-0)}.pt-1{padding-top:.25rem;padding-top:var(--space-1)}.pt-2{padding-top:.5rem;padding-top:var(--space-2)}.pt-3{padding-top:.75rem;padding-top:var(--space-3)}.pt-4{padding-top:1rem;padding-top:var(--space-4)}.pt-6{padding-top:1.5rem;padding-top:var(--space-6)}.pt-8{padding-top:2rem;padding-top:var(--space-8)}.pb-0{padding-bottom:0;padding-bottom:var(--space-0)}.pb-1{padding-bottom:.25rem;padding-bottom:var(--space-1)}.pb-2{padding-bottom:.5rem;padding-bottom:var(--space-2)}.pb-3{padding-bottom:.75rem;padding-bottom:var(--space-3)}.pb-4{padding-bottom:1rem;padding-bottom:var(--space-4)}.pb-6{padding-bottom:1.5rem;padding-bottom:var(--space-6)}.pb-8{padding-bottom:2rem;padding-bottom:var(--space-8)}.pl-0{padding-left:0;padding-left:var(--space-0)}.pl-1{padding-left:.25rem;padding-left:var(--space-1)}.pl-2{padding-left:.5rem;padding-left:var(--space-2)}.pl-3{padding-left:.75rem;padding-left:var(--space-3)}.pl-4{padding-left:1rem;padding-left:var(--space-4)}.pr-0{padding-right:0;padding-right:var(--space-0)}.pr-1{padding-right:.25rem;padding-right:var(--space-1)}.pr-2{padding-right:.5rem;padding-right:var(--space-2)}.pr-3{padding-right:.75rem;padding-right:var(--space-3)}.pr-4{padding-right:1rem;padding-right:var(--space-4)}.px-0{padding-left:0;padding-left:var(--space-0);padding-right:0;padding-right:var(--space-0)}.px-1{padding-left:.25rem;padding-left:var(--space-1);padding-right:.25rem;padding-right:var(--space-1)}.px-2{padding-left:.5rem;padding-left:var(--space-2);padding-right:.5rem;padding-right:var(--space-2)}.px-3{padding-left:.75rem;padding-left:var(--space-3);padding-right:.75rem;padding-right:var(--space-3)}.px-4{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.px-6{padding-left:1.5rem;padding-left:var(--space-6);padding-right:1.5rem;padding-right:var(--space-6)}.py-0{padding-top:0;padding-top:var(--space-0);padding-bottom:0;padding-bottom:var(--space-0)}.py-1{padding-top:.25rem;padding-top:var(--space-1);padding-bottom:.25rem;padding-bottom:var(--space-1)}.py-2{padding-top:.5rem;padding-top:var(--space-2);padding-bottom:.5rem;padding-bottom:var(--space-2)}.py-3{padding-top:.75rem;padding-top:var(--space-3);padding-bottom:.75rem;padding-bottom:var(--space-3)}.py-4{padding-top:1rem;padding-top:var(--space-4);padding-bottom:1rem;padding-bottom:var(--space-4)}.py-6{padding-top:1.5rem;padding-top:var(--space-6);padding-bottom:1.5rem;padding-bottom:var(--space-6)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-5{gap:1.25rem;gap:var(--space-5)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.fixed{position:fixed}.sticky{position:sticky}.w-screen{width:100vw}.w-1{width:.25rem;width:var(--space-1)}.w-2{width:.5rem;width:var(--space-2)}.w-3{width:.75rem;width:var(--space-3)}.w-4{width:1rem;width:var(--space-4)}.w-5{width:1.25rem;width:var(--space-5)}.w-6{width:1.5rem;width:var(--space-6)}.w-8{width:2rem;width:var(--space-8)}.w-12{width:3rem;width:var(--space-12)}.h-screen{height:100vh}.h-1{height:.25rem;height:var(--space-1)}.h-2{height:.5rem;height:var(--space-2)}.h-3{height:.75rem;height:var(--space-3)}.h-4{height:1rem;height:var(--space-4)}.h-5{height:1.25rem;height:var(--space-5)}.h-6{height:1.5rem;height:var(--space-6)}.h-8{height:2rem;height:var(--space-8)}.h-12{height:3rem;height:var(--space-12)}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.rounded-none{border-radius:0;border-radius:var(--radius-none)}.rounded{border-radius:0;border-radius:var(--radius-md)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.visible{visibility:visible}.invisible{visibility:hidden}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}@media(min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:p-4{padding:1rem;padding:var(--space-4)}.sm\:p-6{padding:1.5rem;padding:var(--space-6)}.sm\:p-8{padding:2rem;padding:var(--space-8)}.sm\:m-4{margin:1rem;margin:var(--space-4)}.sm\:m-6{margin:1.5rem;margin:var(--space-6)}.sm\:m-8{margin:2rem;margin:var(--space-8)}}@media(min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:p-4{padding:1rem;padding:var(--space-4)}.md\:p-6{padding:1.5rem;padding:var(--space-6)}.md\:p-8{padding:2rem;padding:var(--space-8)}.md\:m-4{margin:1rem;margin:var(--space-4)}.md\:m-6{margin:1.5rem;margin:var(--space-6)}.md\:m-8{margin:2rem;margin:var(--space-8)}}@media(min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:w-1\/4{width:25%}.lg\:w-3\/4{width:75%}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:p-4{padding:1rem;padding:var(--space-4)}.lg\:p-6{padding:1.5rem;padding:var(--space-6)}.lg\:p-8{padding:2rem;padding:var(--space-8)}.lg\:m-4{margin:1rem;margin:var(--space-4)}.lg\:m-6{margin:1.5rem;margin:var(--space-6)}.lg\:m-8{margin:2rem;margin:var(--space-8)}}@media(min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:w-auto{width:auto}.xl\:w-full{width:100%}.xl\:w-1\/2{width:50%}.xl\:w-1\/3{width:33.333333%}.xl\:w-2\/3{width:66.666667%}.xl\:w-1\/4{width:25%}.xl\:w-3\/4{width:75%}.xl\:w-1\/5{width:20%}.xl\:w-4\/5{width:80%}.xl\:flex-row{flex-direction:row}.xl\:flex-col{flex-direction:column}.xl\:text-left{text-align:left}.xl\:text-center{text-align:center}.xl\:text-right{text-align:right}.xl\:p-4{padding:1rem;padding:var(--space-4)}.xl\:p-6{padding:1.5rem;padding:var(--space-6)}.xl\:p-8{padding:2rem;padding:var(--space-8)}.xl\:m-4{margin:1rem;margin:var(--space-4)}.xl\:m-6{margin:1.5rem;margin:var(--space-6)}.xl\:m-8{margin:2rem;margin:var(--space-8)}}.loading-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in-out}.fade-out{animation:fadeOut .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.slide-in-right{animation:slideInRight .3s ease-out}.slide-in-left{animation:slideInLeft .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.scale-in{animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.bg-surface{background-color:#f9fafb;background-color:var(--color-surface)}.bg-surface-muted{background-color:#f3f4f6;background-color:var(--color-surface-muted)}.bg-surface-subtle{background-color:#e5e7eb;background-color:var(--color-surface-subtle)}.bg-primary{background-color:#2563eb;background-color:var(--color-primary)}.bg-primary-muted{background-color:#dbeafe;background-color:var(--color-primary-muted)}.bg-secondary{background-color:#4f46e5;background-color:var(--color-secondary)}.bg-accent{background-color:#6366f1;background-color:var(--color-accent)}.bg-success{background-color:#16a34a;background-color:var(--color-success)}.bg-warning{background-color:#f59e0b;background-color:var(--color-warning)}.bg-error{background-color:#dc2626;background-color:var(--color-error)}.bg-info{background-color:#3b82f6;background-color:var(--color-info)}.bg-primary-50{background-color:#eff6ff;background-color:var(--color-primary-50)}.bg-primary-100{background-color:#dbeafe;background-color:var(--color-primary-100)}.bg-primary-200{background-color:#bfdbfe;background-color:var(--color-primary-200)}.bg-gradient-primary{background:linear-gradient(135deg,#2563eb,#dbeafe);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-muted) 100%)}.bg-gradient-surface{background:linear-gradient(135deg,#f9fafb,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-muted) 50%,var(--color-surface-subtle) 100%)}.bg-gradient-brand{background:linear-gradient(135deg,#2563eb,#dbeafe,#eff6ff 50%,#f9fafb);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-muted) 25%,var(--color-primary-subtle) 50%,var(--color-surface) 100%)}.bg-gradient-subtle{background:linear-gradient(to bottom right,#f9fafb,#f3f4f6);background:linear-gradient(to bottom right,var(--color-surface) 0%,var(--color-surface-muted) 100%)}[data-theme=dark] .bg-gradient-brand{background:linear-gradient(135deg,#2563eb,#dbeafe 35%,#f3f4f6 65%,#f9fafb);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-muted) 35%,var(--color-surface-muted) 65%,var(--color-surface) 100%)}[data-theme=dark] .bg-gradient-surface{background:linear-gradient(135deg,#f9fafb,#f3f4f6 40%,#e5e7eb);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-muted) 40%,var(--color-surface-subtle) 100%)}[data-theme=dark] .bg-gradient-subtle{background:linear-gradient(to bottom right,#f3f4f6,#f9fafb);background:linear-gradient(to bottom right,var(--color-surface-muted) 0%,var(--color-surface) 100%)}[data-theme=white] .bg-gradient-brand,[data-theme=white] .bg-gradient-primary,[data-theme=white] .bg-gradient-surface,[data-theme=white] .bg-gradient-subtle{background:#fff;background:var(--color-bg-primary)}.bg-opacity-90{background-color:rgba(249 250 251,.9);background-color:rgba(var(--color-surface-rgb),.9)}.bg-opacity-80{background-color:rgba(249 250 251,.8);background-color:rgba(var(--color-surface-rgb),.8)}.bg-opacity-70{background-color:rgba(249 250 251,.7);background-color:rgba(var(--color-surface-rgb),.7)}.bg-opacity-60{background-color:rgba(249 250 251,.6);background-color:rgba(var(--color-surface-rgb),.6)}.bg-opacity-50{background-color:rgba(249 250 251,.5);background-color:rgba(var(--color-surface-rgb),.5)}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.bg-no-repeat{background-repeat:no-repeat}.bg-center{background-position:center}.bg-fixed{background-attachment:fixed}.bg-input{background-color:#fff;background-color:var(--color-bg-primary)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-opacity-90{opacity:.9}.text-opacity-80{opacity:.8}.text-opacity-70{opacity:.7}.text-opacity-60{opacity:.6}.text-opacity-50{opacity:.5}.text-primary{color:#111827;color:var(--color-text-primary)}.text-secondary{color:#374151;color:var(--color-text-secondary)}.text-muted{color:#6b7280;color:var(--color-text-muted)}.text-subtle{color:#9ca3af;color:var(--color-text-subtle)}.text-brand-primary{color:#2563eb;color:var(--color-primary)}.text-brand-secondary{color:#4f46e5;color:var(--color-secondary)}.text-accent{color:#6366f1;color:var(--color-accent)}.text-success{color:#16a34a;color:var(--color-success)}.text-warning{color:#f59e0b;color:var(--color-warning)}.text-error{color:#dc2626;color:var(--color-error)}.text-info{color:#3b82f6;color:var(--color-info)}.text-white{color:#fff}.text-black{color:#000}.text-link{color:#2563eb;color:var(--color-primary);text-decoration:underline;cursor:pointer}.text-link:hover{color:#1d4ed8;color:var(--color-primary-hover)}.text-interactive-primary{color:#2563eb;color:var(--color-interactive-primary)}.text-interactive-primary:hover{color:#1d4ed8;color:var(--color-interactive-primary-hover)}.text-text-primary{color:#111827;color:var(--color-text-primary)}.text-text-secondary{color:#374151;color:var(--color-text-secondary)}.border{border:1px solid rgb(229 231 235);border:1px solid var(--color-border)}.border-0{border:0}.border-2{border:2px solid rgb(229 231 235);border:2px solid var(--color-border)}.border-4{border:4px solid rgb(229 231 235);border:4px solid var(--color-border)}.border-t{border-top:1px solid rgb(229 231 235);border-top:1px solid var(--color-border)}.border-r{border-right:1px solid rgb(229 231 235);border-right:1px solid var(--color-border)}.border-b{border-bottom:1px solid rgb(229 231 235);border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid rgb(229 231 235);border-left:1px solid var(--color-border)}.border-primary{border-color:#2563eb;border-color:var(--color-primary)}.border-secondary{border-color:#4f46e5;border-color:var(--color-secondary)}.border-success{border-color:#16a34a;border-color:var(--color-success)}.border-warning{border-color:#f59e0b;border-color:var(--color-warning)}.border-error{border-color:#dc2626;border-color:var(--color-error)}.border-info{border-color:#3b82f6;border-color:var(--color-info)}.border-primary-400{border-color:#60a5fa;border-color:var(--color-primary-400)}.border-primary-500{border-color:#3b82f6;border-color:var(--color-primary-500)}.border-primary-600{border-color:#2563eb;border-color:var(--color-primary-600)}.border-muted{border-color:#d1d5db;border-color:var(--color-border-muted)}.border-subtle{border-color:#f3f4f6;border-color:var(--color-border-subtle)}.border-t-transparent{border-top-color:transparent}.border-r-transparent{border-right-color:transparent}.border-b-transparent{border-bottom-color:transparent}.border-l-transparent{border-left-color:transparent}.rounded-none{border-radius:0}.rounded-sm{border-radius:0;border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:0;border-radius:var(--radius-md)}.rounded-lg{border-radius:0;border-radius:var(--radius-lg)}.rounded-xl{border-radius:0;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:0;border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:0;border-radius:var(--radius-3xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.rounded-t{border-top-left-radius:0;border-top-left-radius:var(--radius-md);border-top-right-radius:0;border-top-right-radius:var(--radius-md)}.rounded-r{border-top-right-radius:0;border-top-right-radius:var(--radius-md);border-bottom-right-radius:0;border-bottom-right-radius:var(--radius-md)}.rounded-b{border-bottom-left-radius:0;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:0;border-bottom-right-radius:var(--radius-md)}.rounded-l{border-top-left-radius:0;border-top-left-radius:var(--radius-md);border-bottom-left-radius:0;border-bottom-left-radius:var(--radius-md)}.rounded-tl{border-top-left-radius:0;border-top-left-radius:var(--radius-md)}.rounded-tr{border-top-right-radius:0;border-top-right-radius:var(--radius-md)}.rounded-bl{border-bottom-left-radius:0;border-bottom-left-radius:var(--radius-md)}.rounded-br{border-bottom-right-radius:0;border-bottom-right-radius:var(--radius-md)}.border-border{border-color:#e5e7eb;border-color:var(--color-border)}#root{width:100%}.region-edit-panel{z-index:10000!important;isolation:isolate}body.modal-open{overflow:hidden}body.modal-open *{pointer-events:none}body.modal-open [data-modal-content],body.modal-open [data-modal-content] *{pointer-events:auto}.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}body.modal-open .project-management-table tr:hover{background-color:inherit!important}.notification-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--color-border-muted);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;position:relative}@media(max-width:480px){.notification-item{padding:14px 16px}}.notification-item:hover{background-color:var(--color-surface-hover);box-shadow:inset 3px 0 0 var(--color-primary)}.notification-item.unread{background-color:var(--color-primary-50)}.notification-item.unread:hover{background-color:var(--color-primary-100)}.notification-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-brand-subtle);color:var(--color-primary);border-radius:50%}.notification-content{flex:1;min-width:0;position:relative;padding-right:72px}.notification-meta{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:8px}.notification-body{margin:4px 0 8px}.notification-text{margin:0;font-size:14px;line-height:1.5;color:var(--color-text-primary)}.notification-footer{display:flex;gap:8px;align-items:center;width:100%;margin-top:8px}.notification-action-link{font-size:13px;font-weight:600;display:inline-flex;align-items:center}.notification-action-link:hover{text-decoration:underline}.notification-dismiss-btn{position:static;border:none;background:transparent;font-size:14px;color:var(--color-text-secondary);cursor:pointer;padding:4px;transition:color .2s ease,transform .2s ease}.notification-dismiss-btn:hover{color:var(--color-text-primary);transform:scale(1.05)}.notification-dismiss-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.notification-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.notification-title{font-weight:600;font-size:14px;color:var(--color-text-primary)}.notification-time{font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.notification-message{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--color-text-primary)}.notification-message strong{font-weight:600;color:var(--color-text-primary)}.notification-actions{display:flex;gap:8px;margin-top:8px}.notification-btn{padding:6px 12px;font-size:13px;font-weight:500;border:none;border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease}.notification-btn-accept{background-color:var(--color-primary);color:#fff}.notification-btn-accept:hover{background-color:var(--color-primary-muted)}.notification-btn-decline{background-color:var(--color-surface-muted);color:var(--color-text-primary)}.notification-btn-decline:hover{background-color:var(--color-surface-subtle)}.notification-unread-dot{display:inline-block;width:8px;height:8px;background-color:var(--color-primary);border-radius:50%}[data-theme=dark] .notification-item.unread{background-color:#6366f11a}[data-theme=dark] .notification-item.unread:hover{background-color:#6366f126}[data-theme=dark] .notification-icon{background-color:#6366f133}.signalr-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;color:#6b7280;color:var(--color-text-secondary, #6b7280);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border, #e5e7eb);background:#f9fafb;background:var(--color-background-secondary, #f9fafb)}.signalr-indicator{width:8px;height:8px;border-radius:50%;transition:background-color .3s ease}.signalr-indicator.connected{background-color:#10b981;background-color:var(--color-success, #10b981);box-shadow:0 0 0 2px #10b98133;animation:pulse-connected 2s ease-in-out infinite}.signalr-indicator.disconnected{background-color:#9ca3af;background-color:var(--color-text-tertiary, #9ca3af)}.signalr-label{font-weight:500;text-transform:uppercase;letter-spacing:.025em}@keyframes pulse-connected{0%,to{box-shadow:0 0 0 2px #10b98133}50%{box-shadow:0 0 0 4px #10b9811a}}@media(prefers-color-scheme:dark){.signalr-status{color:#9ca3af;color:var(--color-text-secondary-dark, #9ca3af);border-top-color:#374151;border-top-color:var(--color-border-dark, #374151);background:#1f2937;background:var(--color-background-secondary-dark, #1f2937)}}[data-theme=dark] .signalr-status{color:var(--color-text-secondary);border-top-color:var(--color-border-primary);background:var(--color-surface-subtle)}[data-theme=dark] .signalr-label{color:var(--color-text-secondary)}.notifications-list{width:100%;max-height:500px;display:flex;flex-direction:column}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color, #e5e7eb);background-color:#fff;background-color:var(--bg-white, #ffffff)}@media(max-width:480px){.notifications-header{padding:16px 18px}}.notifications-header h3{margin:0;font-size:16px;font-weight:600;color:#111827;color:var(--text-primary, #111827)}.mark-all-read-btn{padding:6px 12px;font-size:13px;font-weight:500;color:#4f46e5;color:var(--primary-color, #4f46e5);background:none;border:none;cursor:pointer;border-radius:var(--radius-button);transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg, #f3f4f6)}.notifications-items{overflow-y:auto;flex:1;position:relative}.notifications-loading,.notifications-error,.notifications-load-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#6b7280;color:var(--text-secondary, #6b7280)}.notifications-loading{flex-direction:column;gap:12px;padding:40px 24px}.notifications-loading p{margin:0;font-size:14px}.notifications-error{flex-direction:column;color:#dc2626;color:var(--text-danger, #dc2626)}.notifications-error button{margin-top:8px;padding:6px 12px;font-size:13px;border:1px solid #e5e7eb;border:1px solid var(--border-color, #e5e7eb);background-color:#fff;background-color:var(--bg-white, #ffffff);border-radius:var(--radius-button);cursor:pointer}.notifications-error button:hover{background-color:#f3f4f6;background-color:var(--hover-bg, #f3f4f6)}.notifications-load-more{flex-direction:column;padding:20px 16px}.notifications-load-more button{padding:6px 12px;font-size:13px;border:1px solid #e5e7eb;border:1px solid var(--border-color, #e5e7eb);background-color:#fff;background-color:var(--bg-white, #ffffff);border-radius:var(--radius-button);cursor:pointer}.notifications-load-more button:hover{background-color:#f3f4f6;background-color:var(--hover-bg, #f3f4f6)}.notifications-loading-spinner{width:18px;height:18px;border:2px solid rgba(79,70,229,.2);border-top-color:#4f46e5;border-top-color:var(--primary-color, #4f46e5);border-radius:50%;animation:notifications-spin .8s linear infinite}@keyframes notifications-spin{to{transform:rotate(360deg)}}.notifications-error-text{margin:12px 0 0;font-size:13px;color:#dc2626;color:var(--text-danger, #dc2626)}.notifications-retry-btn{margin-top:12px;padding:6px 12px;font-size:13px;border:1px solid #e5e7eb;border:1px solid var(--border-color, #e5e7eb);background-color:#fff;background-color:var(--bg-white, #ffffff);border-radius:var(--radius-button);cursor:pointer}.notifications-retry-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg, #f3f4f6)}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;color:var(--text-secondary, #6b7280)}.notifications-empty svg{margin-bottom:16px;opacity:.5}.notifications-empty p{margin:0;font-size:14px;font-weight:500}.notifications-items::-webkit-scrollbar{width:8px}.notifications-items::-webkit-scrollbar-track{background:#f1f1f1;background:var(--scrollbar-track, #f1f1f1)}.notifications-items::-webkit-scrollbar-thumb{background:#888;background:var(--scrollbar-thumb, #888);border-radius:var(--radius-full)}.notifications-items::-webkit-scrollbar-thumb:hover{background:#555;background:var(--scrollbar-thumb-hover, #555)}[data-theme=dark] .notifications-header{background-color:var(--color-surface-muted);border-bottom-color:var(--color-border-primary)}[data-theme=dark] .notifications-header h3{color:var(--color-text-primary)}[data-theme=dark] .mark-all-read-btn{color:var(--color-primary)}[data-theme=dark] .mark-all-read-btn:hover{background-color:var(--color-surface-subtle)}[data-theme=dark] .notifications-loading,[data-theme=dark] .notifications-error,[data-theme=dark] .notifications-empty{color:var(--color-text-secondary)}[data-theme=dark] .notifications-loading-spinner{border-color:#6366f133;border-top-color:var(--color-primary)}[data-theme=dark] .notifications-error,[data-theme=dark] .notifications-error-text{color:var(--color-error)}[data-theme=dark] .notifications-error button,[data-theme=dark] .notifications-retry-btn,[data-theme=dark] .notifications-load-more button{background-color:var(--color-surface-subtle);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .notifications-error button:hover,[data-theme=dark] .notifications-retry-btn:hover,[data-theme=dark] .notifications-load-more button:hover{background-color:var(--color-bg-quaternary)}[data-theme=dark] .notifications-items::-webkit-scrollbar-track{background:var(--color-surface-subtle)}[data-theme=dark] .notifications-items::-webkit-scrollbar-thumb{background:var(--color-border-muted)}[data-theme=dark] .notifications-items::-webkit-scrollbar-thumb:hover{background:var(--color-border-interactive)}.notifications-dropdown{position:relative;display:inline-flex;align-items:center}.notifications-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;border-radius:var(--radius-button);color:#374151;color:var(--text-primary, #374151);cursor:pointer;transition:background-color .2s ease}.notifications-bell-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg, #f3f4f6)}.notifications-bell-btn:active{background-color:#e5e7eb;background-color:var(--active-bg, #e5e7eb)}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background-color:#ef4444;background-color:var(--badge-bg, #ef4444);color:#fff;font-size:11px;font-weight:600;border-radius:var(--radius-badge);border:2px solid #ffffff;border:2px solid var(--bg-white, #ffffff);box-shadow:0 1px 3px #0000001a}.notifications-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-width:90vw;background-color:#fff;background-color:var(--bg-white, #ffffff);border:1px solid #e5e7eb;border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-dropdown);box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;z-index:var(--z-index-popover);overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.notifications-dropdown-menu{position:fixed;top:60px;left:50%;right:auto;transform:translate(-50%);width:calc(100vw - 32px);max-width:400px}}@media(max-width:480px){.notifications-dropdown-menu{width:calc(100vw - 24px);max-width:none}}.notifications-dropdown-menu:before{content:"";position:absolute;top:-8px;right:12px;width:16px;height:16px;background-color:#fff;background-color:var(--bg-white, #ffffff);border-left:1px solid #e5e7eb;border-left:1px solid var(--border-color, #e5e7eb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color, #e5e7eb);transform:rotate(45deg)}@media(max-width:768px){.notifications-dropdown-menu:before{display:none}}[data-theme=dark] .notifications-bell-btn{color:var(--color-text-primary)}[data-theme=dark] .notifications-bell-btn:hover{background-color:var(--color-surface-subtle)}[data-theme=dark] .notifications-bell-btn:active{background-color:var(--color-bg-quaternary)}[data-theme=dark] .notifications-badge{border-color:var(--color-bg-primary)}[data-theme=dark] .notifications-dropdown-menu{background-color:var(--color-surface-muted);border-color:var(--color-border-primary);box-shadow:0 10px 25px #0000004d,0 4px 6px #0003}[data-theme=dark] .notifications-dropdown-menu:before{background-color:var(--color-surface-muted);border-left-color:var(--color-border-primary);border-top-color:var(--color-border-primary)}.activity-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6) var(--spacing-4);text-align:center}.activity-empty-icon{font-size:2rem;margin-bottom:var(--spacing-3);opacity:.6}.activity-empty-text{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:500}.activity-empty-hint{margin:var(--spacing-2) 0 0;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.activity-item+.activity-item{border-top:1px solid var(--color-border-subtle)}.activity-item.clickable{cursor:pointer}.activity-item.clickable:hover,.activity-item.clickable:focus-visible{background-color:var(--color-surface-muted);outline:none}.activity-icon{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-surface-subtle);border-radius:50%;border-radius:var(--radius-full, 50%);font-size:.95rem;line-height:1}.activity-icon .entity-icon{display:block}.activity-icon .action-badge{position:absolute;bottom:-2px;right:-4px;font-size:.6rem;background:var(--color-surface);border-radius:50%;padding:1px 2px;line-height:1}.activity-content{flex:1;min-width:0;padding-top:var(--spacing-1)}.activity-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.activity-description strong{font-weight:600;color:var(--color-text-primary)}.activity-description .entity-name{font-weight:500;color:var(--color-primary)}.activity-details-text{margin:2px 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.activity-time{display:block;margin-top:2px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.activity-list{display:flex;flex-direction:column}.activity-load-more{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;margin-top:var(--spacing-4);padding:var(--spacing-5) var(--spacing-8);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-button);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.activity-load-more:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.activity-load-more:disabled{opacity:.7;cursor:wait}.activity-load-more.loading{background-color:var(--color-surface-muted)}.activity-load-more-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:activity-spinner .8s linear infinite}@keyframes activity-spinner{to{transform:rotate(360deg)}}.activity-feed{background:transparent;border-radius:var(--radius-md);overflow:hidden}.activity-feed-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-2)}.activity-feed-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.activity-feed-content{max-height:500px;overflow-y:auto}.activity-feed-loading,.activity-feed-error{padding:var(--spacing-6) var(--spacing-4);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.activity-feed-error{color:var(--color-error)}.wiki-badge{display:inline-flex;align-items:center;gap:4px;gap:var(--spacing-xs, 4px)}.wiki-badge--plain{color:#1f2937;color:var(--color-text-primary, #1f2937);font-size:13px;font-size:var(--font-size-sm, 13px)}.wiki-badge--linked{color:#4f46e5;color:var(--color-primary, #4f46e5);text-decoration:none;font-size:13px;font-size:var(--font-size-sm, 13px);font-weight:500;transition:opacity .15s ease}.wiki-badge--linked:hover{opacity:.75;text-decoration:underline}.wiki-badge__thumb{width:24px;height:24px;border-radius:var(--radius-thumbnail);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.wiki-badge__label{flex:1}.wiki-badge__icon{font-size:11px;opacity:.6}.attribute-viewer{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;gap:var(--spacing-lg, 24px)}.attribute-viewer--empty{display:block;padding:32px;padding:var(--spacing-xl, 32px);text-align:center}.attribute-viewer__empty-text{color:#9ca3af;color:var(--color-text-tertiary, #9ca3af);font-style:italic;margin:0}.attribute-viewer__field{min-width:0}.attribute-viewer__field--full{grid-column:1 / -1}.attribute-viewer--historical{opacity:.9}@media(max-width:768px){.attribute-viewer{grid-template-columns:repeat(2,1fr);gap:16px;gap:var(--spacing-md, 16px)}}@media(max-width:480px){.attribute-viewer{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.entity-detail-header{display:flex;gap:32px;gap:var(--spacing-xl, 32px);padding:32px;padding:var(--spacing-xl, 32px);background:#fff;background:var(--color-surface, #ffffff);border:1px solid #e5e7eb;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-card);position:relative;animation:fadeIn .3s ease-out}.entity-detail-header__image{flex-shrink:0;width:160px;height:160px}.entity-detail-header__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-thumbnail);border:1px solid #e5e7eb;border:1px solid var(--color-border, #e5e7eb)}.entity-detail-header__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-surface-muted);border:2px dashed #e5e7eb;border:2px dashed var(--color-border, #e5e7eb);border-radius:var(--radius-thumbnail)}.entity-detail-header__placeholder-icon{font-size:4rem;opacity:.6}.entity-detail-header__content{flex:1;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md, 16px);min-width:0}.entity-detail-header__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;gap:var(--spacing-md, 16px)}.entity-detail-header__info{flex:1;min-width:0}.entity-detail-header__name{margin:0 0 8px;margin:0 0 var(--spacing-sm, 8px) 0;font-size:24px;font-size:var(--font-size-2xl, 24px);font-weight:700;color:#1f2937;color:var(--color-text-primary, #1f2937);line-height:1.2}.entity-detail-header__meta{display:flex;align-items:center;gap:16px;gap:var(--spacing-md, 16px);flex-wrap:wrap}.entity-detail-header__type{display:inline-flex;align-items:center;gap:4px;gap:var(--spacing-xs, 4px);font-size:14px;font-size:var(--font-size-sm, 14px);color:#6b7280;color:var(--color-text-secondary, #6b7280)}.entity-detail-header__lifecycle-pills{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm, 8px);margin-top:4px;margin-top:var(--spacing-xs, 4px)}.entity-detail-header__lifecycle-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-badge);background:var(--color-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--color-border, #e5e7eb);font-size:.78rem;font-family:inherit;color:#6b7280;color:var(--color-text-secondary, #6b7280);white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.entity-detail-header__lifecycle-pill{cursor:pointer}.entity-detail-header__lifecycle-pill--add{all:unset;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-badge);background:var(--color-surface-muted);border:1px dashed #e5e7eb;border:1px dashed var(--color-border, #e5e7eb);font-size:.78rem;color:#9ca3af;color:var(--color-text-muted, #9ca3af);cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background .15s ease}.entity-detail-header__lifecycle-pill--add:hover{border-color:#6366f1;border-color:var(--color-primary, #6366f1);color:#6366f1;color:var(--color-primary, #6366f1);background:color-mix(in srgb,#6366f1 6%,transparent);background:color-mix(in srgb,var(--color-primary, #6366f1) 6%,transparent)}.entity-detail-header__lifecycle-pill-icon{font-size:.85em;flex-shrink:0}.entity-detail-header__lifecycle-pill-label{font-weight:500;color:#9ca3af;color:var(--color-text-muted, #9ca3af)}.entity-detail-header__lifecycle-pill-value{color:#1f2937;color:var(--color-text-primary, #1f2937);font-weight:500}.entity-detail-header__lifecycle-pill-add{font-weight:500;color:#6366f1;color:var(--color-primary, #6366f1);opacity:.75}.entity-detail-header__type-icon{font-size:1.1em}.entity-detail-header__subtype{color:#9ca3af;color:var(--color-text-tertiary, #9ca3af)}.entity-detail-header__actions{position:absolute;top:16px;top:var(--spacing-md, 16px);right:16px;right:var(--spacing-md, 16px);display:flex;gap:4px;gap:var(--spacing-xs, 4px)}.entity-detail-header__action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #e5e7eb;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-button);background:#fff;background:var(--color-surface, #ffffff);font-size:15px;font-size:var(--font-size-base, 15px);color:#6b7280;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s ease}.entity-detail-header__action:hover:not(:disabled){background:#f3f4f6;background:var(--color-surface-hover, #f3f4f6);border-color:#d1d5db;border-color:var(--color-border-hover, #d1d5db)}.entity-detail-header__action:disabled{opacity:.5;cursor:not-allowed}.entity-detail-header__action--edit:hover:not(:disabled){color:#3b82f6;color:var(--color-primary, #3b82f6);border-color:#3b82f6;border-color:var(--color-primary, #3b82f6);background:#eff6ff;background:var(--color-primary-bg, #eff6ff)}.entity-detail-header__action--delete:hover:not(:disabled){color:#ef4444;color:var(--color-danger, #ef4444);border-color:#ef4444;border-color:var(--color-danger, #ef4444);background:#fef2f2;background:var(--color-danger-bg, #fef2f2)}.entity-detail-header__description{margin:0;font-size:15px;font-size:var(--font-size-base, 15px);color:#6b7280;color:var(--color-text-secondary, #6b7280);line-height:1.6}.entity-detail-header__tags{margin-top:4px;margin-top:var(--spacing-xs, 4px)}@media(max-width:768px){.entity-detail-header{flex-direction:column;padding:24px;padding:var(--spacing-lg, 24px)}.entity-detail-header__image{width:120px;height:120px;align-self:center}.entity-detail-header__top{flex-direction:column;align-items:stretch}.entity-detail-header__actions{justify-content:flex-start}.entity-detail-header__name{font-size:20px;font-size:var(--font-size-xl, 20px)}}.entity-detail-skeleton{display:flex;flex-direction:column;gap:var(--space-lg)}.entity-detail-skeleton__header{display:flex;gap:var(--space-xl);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border)}.entity-detail-skeleton__image{flex-shrink:0;width:160px;height:160px}.entity-detail-skeleton__content{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.entity-detail-skeleton__name{margin-bottom:var(--space-xs)}.entity-detail-skeleton__meta{display:flex;gap:var(--space-md)}.entity-detail-skeleton__description{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-sm)}.entity-detail-skeleton__tags{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.entity-detail-skeleton__tabs{display:flex;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.entity-detail-skeleton__tab-content{padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border)}.entity-detail-skeleton__attributes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.entity-detail-skeleton__attribute{display:flex;flex-direction:column}@media(max-width:768px){.entity-detail-skeleton__header{flex-direction:column;padding:var(--space-lg)}.entity-detail-skeleton__image{width:120px;height:120px;align-self:center}.entity-detail-skeleton__name{width:80%!important}.entity-detail-skeleton__tab-content{padding:var(--space-lg)}}@media(max-width:480px){.entity-detail-skeleton__header{padding:var(--space-md)}.entity-detail-skeleton__image{width:100px;height:100px}.entity-detail-skeleton__tab-content{padding:var(--space-md)}.entity-detail-skeleton__attributes{grid-template-columns:1fr}}.create-event-modal__fields{display:flex;flex-direction:column;gap:var(--space-4)}.create-event-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.create-event-modal__row--three{grid-template-columns:1fr 1fr 1fr}@media(max-width:480px){.create-event-modal__row{grid-template-columns:1fr}}@media(max-width:640px){.create-event-modal__row--three{grid-template-columns:1fr 1fr}}@media(max-width:480px){.create-event-modal__row--three{grid-template-columns:1fr}}.create-event-modal__field{display:flex;flex-direction:column;gap:var(--space-1)}.create-event-modal__label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.create-event-modal__hint{font-size:.78rem;color:var(--color-text-muted);padding:var(--space-1) 0;font-style:italic}.group-combobox{position:relative}.group-combobox__input-wrap{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input, var(--color-surface-muted));overflow:hidden}.group-combobox__input-wrap:focus-within{border-color:var(--color-primary)}.group-combobox__input{flex:1;min-width:0;padding:7px 10px;font-size:.8rem;font-size:var(--font-size-sm, .8rem);border:none;outline:none;background:transparent;color:var(--color-text-primary)}.group-combobox__input::-moz-placeholder{color:var(--color-text-muted)}.group-combobox__input::placeholder{color:var(--color-text-muted)}.group-combobox__clear{background:none;border:none;color:var(--color-text-muted);font-size:.7rem;cursor:pointer;padding:2px 6px;flex-shrink:0}.group-combobox__clear:hover{color:var(--color-text-primary)}.group-combobox__list{position:absolute;z-index:100;top:100%;left:0;right:0;margin:2px 0 0;padding:4px 0;list-style:none;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;max-height:180px;overflow-y:auto}.group-combobox__option{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;cursor:pointer;transition:background .1s}.group-combobox__option:hover{background:#6366f114;background:var(--color-bg-hover, rgba(99, 102, 241, .08))}.group-combobox__option--selected{background:#6366f114;background:var(--color-bg-hover, rgba(99, 102, 241, .08));font-weight:600}.group-combobox__option--new{color:var(--color-primary);font-style:italic;border-top:1px solid var(--color-border);margin-top:2px;padding-top:6px}.group-combobox__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.group-combobox__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-combobox__type{font-size:.7rem;color:var(--color-text-muted);flex-shrink:0}.group-combobox__new-label{font-size:.78rem}.group-combobox__empty{padding:6px 10px;font-size:.78rem;color:var(--color-text-muted);font-style:italic}.create-event-modal__error{font-size:.75rem;color:var(--color-error)}.create-event-modal__submit-error{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--color-error-subtle);color:var(--color-error);font-size:.8rem;border-radius:var(--radius-sm)}.create-event-modal__locations{display:flex;flex-direction:column;gap:var(--space-2)}.create-event-modal__location-card{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.create-event-modal__location-header{display:flex;align-items:flex-start;gap:var(--space-2)}.create-event-modal__location-badge{font-size:1rem;flex-shrink:0;margin-top:.15rem}.create-event-modal__location-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.create-event-modal__location-remove{background:none;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;padding:.15rem .4rem;border-radius:var(--radius-sm);flex-shrink:0}.create-event-modal__location-remove:hover{color:var(--color-error);background:var(--color-error-subtle)}.create-event-modal__participants{display:flex;flex-direction:column;gap:var(--space-2)}.create-event-modal__participant-row{display:flex;flex-direction:column;gap:var(--space-2);padding:6px 10px;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.create-event-modal__participant-header{display:flex;align-items:center;gap:var(--space-2)}.create-event-modal__participant-name{font-size:.82rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;flex-shrink:0}.create-event-modal__participant-role{flex:1;min-width:0;padding:3px 8px;font-size:.78rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;background:var(--color-bg-input, transparent);color:var(--color-text-primary)}.create-event-modal__participant-role::-moz-placeholder{color:var(--color-text-muted)}.create-event-modal__participant-role::placeholder{color:var(--color-text-muted)}.create-event-modal__participant-role:focus{outline:none;border-color:var(--color-primary)}.create-event-modal__location-timestamps{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-primary)}@media(max-width:480px){.create-event-modal__location-timestamps{grid-template-columns:1fr}}.entity-event-history{padding:var(--space-2) 0}.entity-event-history__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.entity-event-history__count{font-size:.82rem;color:var(--color-text-secondary);font-weight:500}.entity-event-history__map-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;font-weight:500;color:#6366f1;color:var(--color-primary, #6366f1);padding:7px 10px;border:1px solid #6366f1;border:1px solid var(--color-primary, #6366f1);border-radius:var(--radius-button);white-space:nowrap;transition:background .15s ease,color .15s ease}.entity-event-history__map-btn:hover{background:#6366f1;background:var(--color-primary, #6366f1);color:#fff;color:var(--color-text-on-brand, #fff)}.entity-event-history--loading,.entity-event-history--error{padding:var(--space-4);text-align:center;color:var(--color-text-muted)}.entity-event-history__skeleton{height:72px;border-radius:var(--radius-card);background:var(--color-surface-muted);margin-bottom:var(--space-3);animation:eventHistoryPulse 1.2s ease-in-out infinite}.entity-event-history__timeline{display:flex;flex-direction:column;gap:0;position:relative}.entity-event-card{display:flex;gap:var(--space-3);position:relative}.entity-event-card__gutter{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0;padding-top:18px}.entity-event-card__dot{width:10px;height:10px;border-radius:50%;background:#6366f1;background:var(--color-primary, #6366f1);flex-shrink:0;z-index:1}.entity-event-card:not(:last-child) .entity-event-card__gutter:after{content:"";flex:1;width:2px;background:#e2e8f0;background:var(--color-border-primary, #e2e8f0);margin-top:4px}.entity-event-card__body{flex:1;min-width:0;padding:var(--space-3);margin-bottom:var(--space-2);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary, #e2e8f0);border-radius:var(--radius-card);background:#fff;background:var(--color-bg-primary, #fff);transition:box-shadow .15s ease}.entity-event-card__body:hover{box-shadow:0 2px 8px #0000000f}.entity-event-card__header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.entity-event-card__icon{font-size:1rem;flex-shrink:0}.entity-event-card__thumbnail{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.entity-event-card__title{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.entity-event-card__group{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;padding:1px 8px;border-radius:var(--radius-tag);background:color-mix(in srgb,var(--group-color) 12%,transparent);color:var(--group-color);font-weight:600}.entity-event-card__group-dot{width:6px;height:6px;border-radius:50%;background:var(--group-color)}.entity-event-card__meta{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap}.entity-event-card__date{font-size:.78rem;color:var(--color-text-secondary)}.entity-event-card__date-sep{font-size:.72rem;color:var(--color-text-muted)}.entity-event-card__temporal{font-size:.7rem;padding:1px 6px;border-radius:var(--radius-badge);background:var(--color-surface-muted);color:var(--color-text-secondary);font-weight:500}.entity-event-card__desc{margin:var(--space-2) 0 0;font-size:.82rem;color:var(--color-text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entity-event-card__footer{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.entity-event-card__map-btn{all:unset;cursor:pointer;font-size:.76rem;color:var(--color-primary);font-weight:500}.entity-event-card__map-btn:hover{text-decoration:underline}.entity-event-history__controls{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.entity-event-history__role-filter{min-width:130px;flex:1 1 130px}.entity-event-history__sort{min-width:110px;flex:1 1 110px}.entity-event-history__toggle-wrap{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.entity-event-history__toggle-label{font-size:.78rem;color:var(--color-text-secondary);white-space:nowrap}@media(max-width:480px){.entity-event-history__header{flex-direction:column;align-items:stretch}.entity-event-history__controls{width:100%}.entity-event-history__role-filter,.entity-event-history__sort{flex:1 1 calc(50% - var(--space-2));min-width:0}.entity-event-history__map-btn,.entity-event-history__journey-dropdown{width:100%;box-sizing:border-box}.entity-event-history__map-btn{display:flex;text-align:center;justify-content:center}}.entity-event-history__group{margin-bottom:var(--space-4)}.entity-event-history__group-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border-primary, #e2e8f0)}.entity-event-history__group-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.entity-event-history__group-count{font-size:.72rem;font-weight:500;color:var(--color-text-muted);background:var(--color-surface-muted);padding:1px 7px;border-radius:var(--radius-badge)}.entity-event-card__duplicate-badge{font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-badge);background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning-text, var(--color-warning));white-space:nowrap}.entity-event-card--duplicate .entity-event-card__body{border-left:3px solid var(--color-warning)}.entity-event-card__template{font-size:.7rem;padding:1px 7px;border-radius:var(--radius-badge);background:color-mix(in srgb,#6366f1 10%,transparent);background:color-mix(in srgb,var(--color-primary, #6366f1) 10%,transparent);color:#6366f1;color:var(--color-primary, #6366f1);font-weight:500}.entity-event-card__edit-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;font-size:.85rem;border:1px solid #e2e8f0;border:1px solid var(--color-border-primary, #e2e8f0);border-radius:var(--radius-button);margin-left:auto;flex-shrink:0;color:var(--color-text-secondary);transition:border-color var(--transition-fast),background var(--transition-fast)}.entity-event-card__edit-btn:hover{border-color:#6366f1;border-color:var(--color-primary, #6366f1);background:#eff6ff;background:var(--color-primary-bg, #eff6ff)}.entity-event-card__view-link{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;font-size:.78rem;color:var(--color-text-secondary);text-decoration:none;border:1px solid #e2e8f0;border:1px solid var(--color-border-primary, #e2e8f0);border-radius:var(--radius-button);flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.entity-event-card__view-link:hover{border-color:#6366f1;border-color:var(--color-primary, #6366f1);background:#eff6ff;background:var(--color-primary-bg, #eff6ff);color:#6366f1;color:var(--color-primary, #6366f1)}.entity-event-card__role{font-size:.72rem;font-weight:500;padding:1px 7px;border-radius:var(--radius-badge);background:var(--color-surface-muted);color:var(--color-text-secondary);white-space:nowrap}.entity-event-history__journey-dropdown{position:relative;flex-shrink:0}.entity-event-history__journey-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-dropdown);box-shadow:var(--shadow-dropdown);z-index:50;list-style:none;margin:0;padding:4px 0}.entity-event-history__journey-option{padding:8px 14px;font-size:.83rem;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast)}.entity-event-history__journey-option:hover{background:var(--color-surface-muted)}@keyframes eventHistoryPulse{0%,to{opacity:.5}50%{opacity:.8}}.multi-uploader{display:flex;flex-direction:column;gap:var(--space-4)}.multi-uploader__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);border:2px dashed var(--color-border-primary);background:var(--color-surface-muted);cursor:pointer;transition:border-color .2s,background-color .2s;min-height:140px}.multi-uploader__dropzone--compact{padding:var(--space-3) var(--space-4);min-height:auto}.multi-uploader__dropzone:hover,.multi-uploader__dropzone--active{border-color:var(--color-primary);background:var(--color-surface-subtle)}.multi-uploader__dropzone-icon{font-size:2rem}.multi-uploader__dropzone--compact .multi-uploader__dropzone-icon{font-size:1.2rem}.multi-uploader__dropzone-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.multi-uploader__dropzone-hint{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.multi-uploader__file-input{display:none}.multi-uploader__list{display:flex;flex-direction:column;gap:var(--space-3)}.multi-uploader__row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border-primary);transition:opacity .2s,background-color .15s}.multi-uploader__row:hover{background:var(--color-surface-subtle)}.multi-uploader__row--done{opacity:.7}.multi-uploader__row-thumb{position:relative;flex-shrink:0;width:56px;height:56px;overflow:hidden;background:var(--color-surface-subtle)}.multi-uploader__row-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.multi-uploader__row-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:1.1rem;font-weight:var(--font-weight-bold)}.multi-uploader__row-overlay--done{background:#228b228c}.multi-uploader__row-overlay--error{background:#dc35458c}.multi-uploader__spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:multi-uploader-spin .7s linear infinite}@keyframes multi-uploader-spin{to{transform:rotate(360deg)}}.multi-uploader__row-fields{flex:1;display:flex;gap:var(--space-3);min-width:0}.multi-uploader__row-field{flex:1;min-width:0}.multi-uploader__row-label{display:block;margin-bottom:2px;font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.multi-uploader__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-primary)}.multi-uploader__stats{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.multi-uploader__actions{display:flex;gap:var(--space-2)}@media(max-width:640px){.multi-uploader__row-fields{flex-direction:column;gap:var(--space-2)}}@media(max-width:640px){.multi-uploader__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-xs)}.multi-uploader__footer{flex-direction:column;align-items:stretch;text-align:center}.multi-uploader__actions{justify-content:center}}.asset-detail-overlay{position:fixed;top:var(--header-height);right:0;bottom:0;left:0;z-index:100;z-index:var(--z-index-sticky, 100);display:flex;justify-content:flex-end}.asset-detail-backdrop{position:absolute;inset:0;background:#00000040}.asset-detail-panel{position:relative;width:clamp(380px,35vw,500px);max-width:90vw;background:var(--color-bg-primary);border-left:1px solid var(--color-border-primary);box-shadow:var(--shadow-lg);overflow-y:auto;display:flex;flex-direction:column}.asset-detail-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border-primary);position:sticky;top:0;background:var(--color-bg-primary);z-index:1}.asset-detail-panel__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.asset-detail-panel__preview{position:relative;background:var(--color-surface-subtle)}.asset-detail-panel__nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:#0006;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;transition:opacity var(--transition-fast, .15s)}.asset-detail-panel__preview:hover .asset-detail-panel__nav-btn{opacity:1}.asset-detail-panel__nav-btn:hover{background:#0009}.asset-detail-panel__nav-btn:focus-visible{opacity:1;outline:2px solid var(--color-primary);outline-offset:2px}.asset-detail-panel__nav-btn--prev{left:var(--space-2)}.asset-detail-panel__nav-btn--next{right:var(--space-2)}.asset-detail-panel__preview .asset-marker-overlay,.asset-detail-panel__preview img{width:100%}.asset-detail-panel__info{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.asset-detail-panel__caption{color:var(--color-text-secondary);font-style:italic;font-size:var(--font-size-sm);margin:0}.asset-detail-panel__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.asset-detail-panel__actions{display:flex;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-primary)}.asset-detail-panel__edit-section{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.asset-detail-panel__edit-section .asset-tagging-editor__header{display:none}.asset-detail-panel__edit-meta{border-top:1px solid var(--color-border-primary);padding-top:var(--space-4)}.asset-linked-entities{margin-top:auto;padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--color-border)}.asset-linked-entities__toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) 0;background:none;border:none;cursor:pointer;color:inherit}.asset-linked-entities__toggle:hover{opacity:.8}.asset-linked-entities__chevron{font-size:var(--font-size-xs);color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.asset-linked-entities__chevron--open{transform:rotate(90deg)}.asset-linked-entities__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0}.asset-linked-entities__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.asset-linked-entities__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--font-size-sm)}.asset-linked-entities__type-badge{flex-shrink:0}.asset-linked-entities__link{color:var(--color-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.asset-linked-entities__link:hover{text-decoration:underline}.asset-linked-entities__link-type{font-size:var(--font-size-xs);color:var(--color-text-tertiary);flex-shrink:0}@media(max-width:1280px){.asset-detail-panel{width:100%;max-width:100vw}}.asset-marker-overlay{position:relative;display:block;line-height:0}.asset-marker-overlay__image{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.asset-marker-overlay__marker{position:absolute;transform:translate(-50%,-50%);border:none;background:none;padding:0;cursor:pointer;z-index:1;display:flex;align-items:center;gap:var(--space-1)}.asset-marker-overlay__dot{width:14px;height:14px;border-radius:50%;background:var(--color-brand);border:2px solid #fff;box-shadow:0 1px 4px #0000004d;flex-shrink:0;transition:transform var(--transition-fast)}.asset-marker-overlay__marker:hover .asset-marker-overlay__dot{transform:scale(1.25)}.asset-marker-overlay__marker .tooltip-wrapper{cursor:pointer}.entity-picker-popover{position:fixed;z-index:1000;width:280px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:320px}.entity-picker-popover__input{width:100%;padding:var(--space-2) var(--space-3);border:none;border-bottom:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text);font-size:var(--font-size-sm);outline:none;box-sizing:border-box}.entity-picker-popover__input::-moz-placeholder{color:var(--color-text-muted)}.entity-picker-popover__input::placeholder{color:var(--color-text-muted)}.entity-picker-popover__list{list-style:none;margin:0;padding:var(--space-1) 0;overflow-y:auto;max-height:260px}.entity-picker-popover__status{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.entity-picker-popover__option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);cursor:pointer;transition:background-color var(--transition-fast)}.entity-picker-popover__option:hover,.entity-picker-popover__option--highlighted{background:var(--color-surface-hover)}.entity-picker-popover__icon{font-size:var(--font-size-base);flex-shrink:0;line-height:1}.entity-picker-popover__thumb{width:24px;height:24px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.entity-picker-popover__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-picker-popover__subtype{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.asset-tagging-editor{display:flex;flex-direction:column;gap:var(--space-3)}.asset-tagging-editor__header{display:flex;align-items:center;justify-content:space-between}.asset-tagging-editor__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-tagging-editor__canvas{position:relative;display:block;line-height:0;cursor:crosshair;overflow:hidden;border:1px solid var(--color-border-subtle)}.asset-tagging-editor__image{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}.asset-tagging-editor__marker{position:absolute;transform:translate(-50%,-50%);border:none;background:none;padding:0;cursor:pointer;z-index:2;display:flex;align-items:center;gap:var(--space-1)}.asset-tagging-editor__marker-dot{width:16px;height:16px;border-radius:50%;background:var(--color-brand);border:2px solid #fff;box-shadow:0 1px 4px #00000059;flex-shrink:0;transition:transform var(--transition-fast)}.asset-tagging-editor__marker:hover .asset-tagging-editor__marker-dot{transform:scale(1.3)}.asset-tagging-editor__marker--selected .asset-tagging-editor__marker-dot{background:var(--color-status-warning);transform:scale(1.3)}.asset-tagging-editor__marker--pending .asset-tagging-editor__marker-dot{background:var(--color-text-muted);animation:marker-pulse 1s ease-in-out infinite}@keyframes marker-pulse{0%,to{opacity:.6}50%{opacity:1}}.asset-tagging-editor__marker .tooltip-wrapper{cursor:pointer}.asset-tagging-editor__info-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-surface-muted)}.asset-tagging-editor__info-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.asset-tagging-editor__hint{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin:0}.asset-event-linker{display:flex;flex-direction:column;gap:var(--space-2xs);position:relative}.asset-event-linker__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.asset-event-linker__chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.asset-event-linker__chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-surface-subtle);border:1px solid var(--color-border-secondary);font-size:var(--font-size-xs);color:var(--color-text-primary);max-width:200px}.asset-event-linker__chip-icon{flex-shrink:0}.asset-event-linker__chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-event-linker__chip-remove{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);font-size:var(--font-size-xs);padding:0;line-height:1}.asset-event-linker__chip-remove:hover{color:var(--color-danger)}.asset-event-linker__input-wrapper{position:relative}.asset-event-linker__input{width:100%;padding:7px var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.asset-event-linker__input:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-faint, var(--color-brand-subtle))}.asset-event-linker__input::-moz-placeholder{color:var(--color-text-muted)}.asset-event-linker__input::placeholder{color:var(--color-text-muted)}.asset-event-linker__dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:2px;padding:var(--space-2xs) 0;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);box-shadow:var(--shadow-lg);max-height:260px;overflow-y:auto}.asset-event-linker__option{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:background-color var(--transition-fast)}.asset-event-linker__option:hover,.asset-event-linker__option--highlighted{background:var(--color-surface-hover)}.asset-event-linker__option-icon{font-size:var(--font-size-base);flex-shrink:0;line-height:1}.asset-event-linker__option-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-event-linker__option-date{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.asset-event-linker__status{padding:var(--space-sm) var(--space-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.entity-position-picker{display:flex;flex-direction:column;gap:var(--space-3)}.entity-position-picker__header{display:flex;align-items:center;justify-content:space-between}.entity-position-picker__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.entity-position-picker__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.entity-position-picker__error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.entity-position-picker__canvas{position:relative;display:inline-block;line-height:0;cursor:crosshair;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--color-border-subtle)}.entity-position-picker__image{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}.entity-position-picker__marker{position:absolute;transform:translate(-50%,-100%);pointer-events:none;display:flex;flex-direction:column;align-items:center;z-index:2}.entity-position-picker__marker-dot{width:16px;height:16px;border-radius:50%;background:var(--color-brand);border:2px solid #fff;box-shadow:0 1px 4px #00000059}.entity-position-picker__marker-label{margin-top:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-badge);padding:1px var(--space-1);white-space:nowrap;box-shadow:var(--shadow-sm)}.entity-position-picker__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.checkpoint-scrubber{display:flex;flex-direction:column;min-width:160px;max-width:200px;padding-right:24px;padding-right:var(--spacing-lg, 24px);border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border, #e5e7eb)}.checkpoint-scrubber__title{font-size:11px;font-size:var(--font-size-xs, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#9ca3af;color:var(--color-text-tertiary, #9ca3af);margin:0 0 8px;margin:0 0 var(--spacing-sm, 8px) 0}.checkpoint-scrubber__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;position:relative}.checkpoint-scrubber__list:before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:1px;background:#e5e7eb;background:var(--color-border, #e5e7eb)}.checkpoint-scrubber__node{display:flex;align-items:flex-start;gap:8px;gap:var(--spacing-sm, 8px);padding:4px 0;padding:var(--spacing-xs, 4px) 0;cursor:pointer;border-radius:var(--radius-button);transition:color .15s ease;position:relative}.checkpoint-scrubber__node:hover .checkpoint-scrubber__label,.checkpoint-scrubber__node:hover .checkpoint-scrubber__timestamp{color:#4f46e5;color:var(--color-primary, #4f46e5)}.checkpoint-scrubber__dot{width:13px;height:13px;border-radius:50%;background:#fff;background:var(--color-surface, #fff);border:2px solid #d1d5db;border:2px solid var(--color-border-strong, #d1d5db);flex-shrink:0;margin-top:2px;transition:border-color .15s,background .15s;z-index:1}.checkpoint-scrubber__node--active .checkpoint-scrubber__dot{background:#4f46e5;background:var(--color-primary, #4f46e5);border-color:#4f46e5;border-color:var(--color-primary, #4f46e5)}.checkpoint-scrubber__node--base .checkpoint-scrubber__dot{border-radius:var(--radius-sm);transform:rotate(45deg)}.checkpoint-scrubber__node--base .checkpoint-scrubber__label{font-weight:600;color:#1f2937;color:var(--color-text-primary, #1f2937)}.checkpoint-scrubber__node--base.checkpoint-scrubber__node--active .checkpoint-scrubber__dot{background:#4f46e5;background:var(--color-primary, #4f46e5);border-color:#4f46e5;border-color:var(--color-primary, #4f46e5)}.checkpoint-scrubber__text{display:flex;flex-direction:column;gap:1px}.checkpoint-scrubber__timestamp{font-size:11px;font-size:var(--font-size-xs, 11px);color:#9ca3af;color:var(--color-text-tertiary, #9ca3af)}.checkpoint-scrubber__label{font-size:13px;font-size:var(--font-size-sm, 13px);color:#6b7280;color:var(--color-text-secondary, #6b7280)}.checkpoint-scrubber__node--active .checkpoint-scrubber__label{color:#4f46e5;color:var(--color-primary, #4f46e5);font-weight:600}.entity-overview-layout{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg, 24px);animation:fadeInOnly .2s ease-out}.entity-overview-layout--split{flex-direction:row;align-items:flex-start;gap:32px;gap:var(--spacing-xl, 32px)}.entity-overview-layout--split .entity-overview-section{flex:1;min-width:0}.entity-section-historical-badge{margin-left:8px;margin-left:var(--spacing-sm, 8px);font-size:11px;font-size:var(--font-size-xs, 11px);font-weight:500;text-transform:none;letter-spacing:0;color:#d97706;color:var(--color-warning, #d97706);background:color-mix(in srgb,#d97706 12%,transparent);background:color-mix(in srgb,var(--color-warning, #d97706) 12%,transparent);padding:2px 8px;border-radius:999px;border-radius:var(--radius-full, 999px)}@media(max-width:640px){.entity-overview-layout--split{flex-direction:column}.checkpoint-scrubber{max-width:100%;border-right:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border, #e5e7eb);padding-right:0;padding-bottom:16px;padding-bottom:var(--spacing-md, 16px)}}.timeline-range-filter{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--color-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary, #e5e7eb)}.timeline-range-filter--disabled{opacity:.6;pointer-events:none}.timeline-range-filter__header{display:flex;justify-content:space-between;align-items:center}.timeline-range-filter__label{font-size:12px;font-weight:500;color:#6b7280;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.timeline-range-filter__clear{padding:2px 8px;background:transparent;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary, #e5e7eb);font-size:11px;color:#6b7280;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s ease}.timeline-range-filter__clear:hover{background:var(--color-surface-subtle);color:#111827;color:var(--color-text-primary, #111827)}.timeline-range-filter__track-container{position:relative;padding:6px 8px 20px}.timeline-range-filter__date-label{position:absolute;bottom:2px;font-size:10px;color:#9ca3af;color:var(--color-text-tertiary, #9ca3af)}.timeline-range-filter__date-label--min{left:8px}.timeline-range-filter__date-label--max{right:8px}.timeline-range-filter__track{position:relative;height:6px;cursor:pointer}.timeline-range-filter__track-bg{position:absolute;top:0;left:0;right:0;height:100%;background:#e5e7eb;background:var(--color-border-primary, #e5e7eb);border-radius:var(--radius-full)}.timeline-range-filter__track-range{position:absolute;top:0;height:100%;background:#3b82f6;background:var(--color-interactive-primary, #3b82f6);border-radius:var(--radius-full);transition:background-color .15s ease}.timeline-range-filter__handle{position:absolute;top:50%;width:18px;height:18px;background:#fff;border:2px solid #3b82f6;border:2px solid var(--color-interactive-primary, #3b82f6);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:all .15s ease;box-shadow:0 1px 3px #00000026;z-index:2}.timeline-range-filter__handle:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 2px 6px #0003}.timeline-range-filter__handle--dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2);background:#3b82f6;background:var(--color-interactive-primary, #3b82f6);box-shadow:0 0 0 4px #3b82f633}.timeline-range-filter__handle:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.timeline-range-filter__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 8px;background:#111827;background:var(--color-text-primary, #111827);color:#fff;font-size:11px;font-weight:500;white-space:nowrap;border-radius:var(--radius-tooltip);z-index:10;pointer-events:none}.timeline-range-filter__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#111827;border-top-color:var(--color-text-primary, #111827)}.timeline-range-filter__summary{font-size:11px;color:#6b7280;color:var(--color-text-secondary, #6b7280);text-align:center;padding:0;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .timeline-range-filter{background:#1f2937;background:var(--color-surface, #1f2937);border-color:var(--color-border)}[data-theme=dark] .timeline-range-filter__track-bg{background:#374151;background:var(--color-border, #374151)}[data-theme=dark] .timeline-range-filter__handle{background:#111827;background:var(--color-bg-primary, #111827);border-color:#3b82f6;border-color:var(--color-interactive-primary, #3b82f6)}[data-theme=dark] .timeline-range-filter__handle--dragging{background:#3b82f6;background:var(--color-interactive-primary, #3b82f6)}[data-theme=dark] .timeline-range-filter__tooltip{background:var(--color-surface-muted)}[data-theme=dark] .timeline-range-filter__tooltip:after{border-top-color:var(--color-surface-muted)}[data-theme=dark] .timeline-range-filter__clear{border-color:var(--color-border)}[data-theme=dark] .timeline-range-filter__clear:hover{background:#1f2937;background:var(--color-surface, #1f2937)}.checkpoint-timeline{display:flex;flex-direction:column;gap:16px}.checkpoint-timeline--loading,.checkpoint-timeline--error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:8px;color:#6b7280;color:var(--color-text-secondary, #6b7280)}.checkpoint-timeline__spinner{width:20px;height:20px;border:2px solid #e5e7eb;border:2px solid var(--color-border-primary, #e5e7eb);border-top-color:#3b82f6;border-top-color:var(--color-interactive-primary, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkpoint-timeline__error-icon{font-size:1.25rem}.checkpoint-timeline__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.checkpoint-timeline__title{margin:0;font-size:15px;font-weight:600;color:#111827;color:var(--color-text-primary, #111827);display:flex;align-items:center;gap:6px}.checkpoint-timeline__count{font-weight:400;color:#9ca3af;color:var(--color-text-tertiary, #9ca3af);font-size:13px}.checkpoint-timeline__add-btn{padding:6px 12px;background:#3b82f6;background:var(--color-interactive-primary, #3b82f6);color:var(--color-text-on-brand);border:none;border-radius:var(--radius-button);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.checkpoint-timeline__add-btn:hover{background:#2563eb;background:var(--color-interactive-primary-hover, #2563eb)}.checkpoint-timeline__add-btn--large{padding:12px 24px;font-size:14px}.checkpoint-timeline__empty{text-align:center;padding:32px 16px;background:var(--color-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary, #e5e7eb);border-radius:var(--radius-card)}.checkpoint-timeline__empty-icon{font-size:2rem;display:block;margin-bottom:12px;opacity:.6}.checkpoint-timeline__empty p{margin:0;font-size:14px;color:#111827;color:var(--color-text-primary, #111827)}.checkpoint-timeline__empty-hint{margin-top:4px!important;font-size:13px!important;color:#6b7280!important;color:var(--color-text-secondary, #6b7280)!important}.checkpoint-timeline__no-results{padding:24px 16px;text-align:center;color:#6b7280;color:var(--color-text-secondary, #6b7280);font-size:13px;font-style:italic}.checkpoint-timeline__list{display:flex;flex-direction:column;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary, #e5e7eb);border-radius:var(--radius-card);max-height:300px;overflow-y:auto}.checkpoint-timeline__item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--color-bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary, #e5e7eb);cursor:pointer;transition:background-color .1s ease;gap:8px}.checkpoint-timeline__item:last-child{border-bottom:none}.checkpoint-timeline__item:hover{background:var(--color-surface-muted)}.checkpoint-timeline__item--selected{background:var(--color-primary-subtle);border-left:3px solid #3b82f6;border-left:3px solid var(--color-interactive-primary, #3b82f6);padding-left:9px}.checkpoint-timeline__item--selected:hover{background:var(--color-primary-subtle)}.checkpoint-timeline__item-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.checkpoint-timeline__timestamp{font-size:14px;font-weight:600;color:#111827;color:var(--color-text-primary, #111827);white-space:nowrap}.checkpoint-timeline__label{font-size:13px;color:#6b7280;color:var(--color-text-secondary, #6b7280);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.checkpoint-timeline__badge{padding:2px 8px;background:var(--color-surface-subtle);color:#9ca3af;color:var(--color-text-tertiary, #9ca3af);border-radius:var(--radius-badge);font-size:11px;font-weight:500;white-space:nowrap;flex-shrink:0}.checkpoint-timeline__item-actions{display:flex;gap:4px;flex-shrink:0}.checkpoint-timeline__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:var(--radius-button);cursor:pointer;font-size:14px;opacity:.6;transition:all .1s ease;padding:0}.checkpoint-timeline__item:hover .checkpoint-timeline__action-btn{opacity:1}.checkpoint-timeline__action-btn:hover{background:var(--color-surface-subtle);border-color:#e5e7eb;border-color:var(--color-border-primary, #e5e7eb)}.checkpoint-timeline__action-btn--delete:hover{background:#ef44441a;border-color:#ef44444d}.checkpoint-timeline__action-btn:disabled{opacity:.3;cursor:not-allowed}@media(max-width:640px){.checkpoint-timeline__header{flex-direction:column;align-items:stretch;gap:8px}.checkpoint-timeline__add-btn{width:100%;justify-content:center;text-align:center}.checkpoint-timeline__track{padding:0 12px}.checkpoint-timeline__track-line{left:12px;right:12px}.checkpoint-timeline__track-label--start{left:12px}.checkpoint-timeline__track-label--end{right:12px}.checkpoint-timeline__item{padding:8px 10px}.checkpoint-timeline__item-main{flex-wrap:wrap;gap:4px 8px}.checkpoint-timeline__label{width:100%;order:3}}[data-theme=dark] .checkpoint-timeline__action-btn:hover{background:var(--color-surface-subtle);border-color:var(--color-border)}.checkpoint-form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px}.checkpoint-form__title{margin:0 0 var(--spacing-md) 0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.checkpoint-form__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkpoint-form__label{font-weight:500;color:var(--text-primary);font-size:.9rem}.checkpoint-form__precision{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.checkpoint-form__precision-label{font-size:.85rem;color:var(--text-secondary);margin-right:var(--spacing-xs)}.checkpoint-form__precision-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);background:var(--card-background);border-radius:var(--radius-button);font-size:.8rem;cursor:pointer;transition:all .2s}.checkpoint-form__precision-btn:hover{border-color:var(--primary-color)}.checkpoint-form__precision-btn--active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.checkpoint-form__timestamp-inputs{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.checkpoint-form__input{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-input);background:var(--input-background);color:var(--text-primary);font-size:.9rem;transition:border-color .2s}.checkpoint-form__input:focus{outline:none;border-color:var(--primary-color)}.checkpoint-form__input--year{width:100px}.checkpoint-form__input--month{width:150px}.checkpoint-form__input--day{width:70px}.checkpoint-form__input--time{width:60px}.checkpoint-form__time-separator{font-size:1.25rem;color:var(--text-secondary)}.checkpoint-form__textarea{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-input);background:var(--input-background);color:var(--text-primary);font-size:.9rem;resize:vertical;font-family:inherit}.checkpoint-form__textarea:focus{outline:none;border-color:var(--primary-color)}.checkpoint-form__attribute-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-secondary);border-radius:var(--radius-card)}.checkpoint-form__attribute-key{font-weight:500;color:var(--primary-color);min-width:100px;font-size:.85rem}.checkpoint-form__attribute-value{flex:1}.checkpoint-form__remove-btn{width:28px;height:28px;border:none;background:var(--error-bg);color:var(--error-color);border-radius:var(--radius-button);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:opacity .2s}.checkpoint-form__remove-btn:hover{opacity:.8}.checkpoint-form__add-attribute{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;padding-top:var(--spacing-sm);border-top:1px dashed var(--border-color)}.checkpoint-form__add-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-button);font-size:.85rem;cursor:pointer;transition:background-color .2s}.checkpoint-form__add-btn:hover{background:var(--primary-hover)}.checkpoint-form__hint{font-size:.8rem;color:var(--text-tertiary);margin:0;font-style:italic}.checkpoint-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.checkpoint-form__cancel-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-button);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.checkpoint-form__cancel-btn:hover:not(:disabled){background:var(--background-secondary)}.checkpoint-form__submit-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);border:none;border-radius:var(--radius-button);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.checkpoint-form__submit-btn:hover:not(:disabled){background:var(--primary-hover)}.checkpoint-form__submit-btn:disabled,.checkpoint-form__cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:500px){.checkpoint-form__timestamp-inputs{flex-direction:column;align-items:stretch}.checkpoint-form__input--year,.checkpoint-form__input--month,.checkpoint-form__input--day,.checkpoint-form__input--time{width:100%}.checkpoint-form__precision{flex-direction:column;align-items:flex-start}.checkpoint-form__attribute-row{flex-direction:column;align-items:stretch}.checkpoint-form__attribute-key{min-width:auto}.checkpoint-form__add-attribute,.checkpoint-form__actions{flex-direction:column}.checkpoint-form__cancel-btn,.checkpoint-form__submit-btn{width:100%}}.timeline-context{padding:var(--space-3);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);margin-bottom:var(--space-4)}.timeline-context--loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.timeline-context__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.timeline-context__icon{font-size:1rem}.timeline-context__title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.timeline-context__track{display:flex;align-items:stretch;gap:0}.timeline-context__connector{flex:1;height:2px;background:var(--color-border-primary);align-self:center;margin:0 var(--space-1)}.timeline-point{display:flex;flex-direction:column;align-items:center;min-width:100px;text-align:center}.timeline-point__marker{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-text-tertiary);background:var(--color-surface-muted);border:1px solid var(--color-border-primary);border-radius:50%;margin-bottom:var(--space-2)}.timeline-point__marker--active{background:var(--color-interactive-primary);border-color:var(--color-interactive-primary);color:#fff;font-size:10px}.timeline-point__content{display:flex;flex-direction:column;gap:2px}.timeline-point__label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.timeline-point__label--muted{color:var(--color-text-tertiary);font-weight:400;font-style:italic}.timeline-point__timestamp{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.timeline-point__warning{font-size:var(--font-size-xs);color:var(--color-warning);margin-top:2px}button.timeline-point{background:none;border:none;padding:var(--space-2);margin:calc(-1 * var(--space-2));border-radius:var(--radius-md);cursor:default}button.timeline-point--clickable{cursor:pointer;transition:background-color .15s ease}button.timeline-point--clickable:hover{background-color:var(--color-bg-hover)}button.timeline-point--clickable:hover .timeline-point__marker{border-color:var(--color-interactive-primary);color:var(--color-interactive-primary)}button.timeline-point--clickable:focus-visible{outline:2px solid var(--color-interactive-primary);outline-offset:2px}button.timeline-point:disabled{cursor:default;opacity:1}.timeline-point--previous .timeline-point__marker{color:var(--color-text-tertiary)}.timeline-point--current .timeline-point__label{color:var(--color-interactive-primary)}.timeline-point--next .timeline-point__marker{color:var(--color-text-tertiary)}.timeline-context__info{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border-left:3px solid var(--color-interactive-primary);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.timeline-context__info-icon{flex-shrink:0}@media(max-width:480px){.timeline-context__track{flex-direction:column;gap:var(--space-2)}.timeline-context__connector{width:2px;height:16px;margin:0;align-self:center}.timeline-point{flex-direction:row;min-width:auto;width:100%;text-align:left;gap:var(--space-2)}.timeline-point__marker{margin-bottom:0;flex-shrink:0}.timeline-point__content{flex:1;min-width:0}.timeline-point__label{max-width:none}}.measurement-input{display:flex;gap:0;width:100%}.measurement-input__value{flex:1;min-width:0;padding:.5rem .75rem;font-size:.875rem;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-right:none;border-radius:var(--radius-input);transition:border-color .2s,box-shadow .2s}.measurement-input__value:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100);z-index:1}.measurement-input__value:disabled{background:var(--color-surface-subtle);cursor:not-allowed;opacity:.6}.measurement-input__value::-webkit-outer-spin-button,.measurement-input__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.measurement-input__value[type=number]{-moz-appearance:textfield}.measurement-input__unit{flex-shrink:0;min-width:4.5rem;padding:.5rem;font-size:.875rem;color:var(--color-text-primary);background:var(--color-surface-muted);border:1px solid var(--color-border-primary);border-radius:var(--radius-input);cursor:pointer;transition:border-color .2s,background-color .2s}.measurement-input__unit:hover:not(:disabled){background:var(--color-surface-subtle)}.measurement-input__unit:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100);z-index:1}.measurement-input__unit:disabled{background:var(--color-surface-subtle);cursor:not-allowed;opacity:.6}.checkpoint-attr-editor{border:1px solid #e5e7eb;border:1px solid var(--color-border-primary, #e5e7eb);background:#fff;background:var(--color-bg-primary, #ffffff)}.checkpoint-attr-editor--empty{padding:var(--space-6);text-align:center;color:var(--color-text-secondary)}.checkpoint-attr-editor__notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface-muted);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary, #e5e7eb);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.checkpoint-attr-editor__notice-icon{flex-shrink:0}.checkpoint-attr-editor__header{display:grid;grid-template-columns:1.5fr 1fr 2fr 1fr;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface-subtle);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary, #e5e7eb);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.checkpoint-attr-editor__body{max-height:400px;overflow-y:auto}.checkpoint-attr-editor__row{display:grid;grid-template-columns:1.5fr 1fr 2fr 1fr;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-subtle, #f3f4f6);align-items:center}.checkpoint-attr-editor__row:last-child{border-bottom:none}.checkpoint-attr-editor__row:hover{background:var(--color-surface-muted)}.checkpoint-attr-editor__row--changed{background:#3b82f60a}.checkpoint-attr-editor__row--changed:hover{background:#3b82f614}.checkpoint-attr-editor__col{min-width:0;overflow:hidden}.checkpoint-attr-editor__col--name{display:flex;align-items:center;gap:var(--space-2);overflow:hidden}.checkpoint-attr-editor__col--prev,.checkpoint-attr-editor__col--next{color:var(--color-text-secondary);overflow:hidden}.checkpoint-attr-editor__key{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkpoint-attr-editor__changed-dot{width:6px;height:6px;background:#3b82f6;background:var(--color-interactive-primary, #3b82f6);border-radius:50%;flex-shrink:0}.checkpoint-attr-editor__value{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.checkpoint-attr-editor__col--current .input,.checkpoint-attr-editor__col--current .select,.checkpoint-attr-editor__col--current textarea{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.checkpoint-attr-editor__col--current .checkbox-input{justify-content:flex-start}.checkpoint-attr-editor__col--current .calendar-date-picker,.checkpoint-attr-editor__col--current .calendar-date-time-picker{width:100%}.checkpoint-attr-editor__col--current .date-picker-trigger,.checkpoint-attr-editor__col--current .time-picker-trigger{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);min-height:unset}.checkpoint-attr-editor__col--current .calendar-date-time-picker .date-time-picker-row{flex-wrap:wrap;gap:var(--space-2)}@media(min-width:900px){.checkpoint-attr-editor__body{max-height:50vh}}@media(max-width:768px){.checkpoint-attr-editor__header{display:none}.checkpoint-attr-editor__row{display:grid;grid-template-columns:1fr;grid-template-areas:"name" "values";gap:var(--space-2);padding:var(--space-3) var(--space-4)}.checkpoint-attr-editor__col--name{grid-area:name;font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.checkpoint-attr-editor__col--prev,.checkpoint-attr-editor__col--current,.checkpoint-attr-editor__col--next{grid-area:values}.checkpoint-attr-editor__row{grid-template-areas:"name name name" "prev current next";grid-template-columns:40px 1fr 40px;align-items:center}.checkpoint-attr-editor__col--prev{grid-area:prev;display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);width:40px;overflow:hidden}.checkpoint-attr-editor__col--prev .checkpoint-attr-editor__value,.checkpoint-attr-editor__col--next .checkpoint-attr-editor__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.checkpoint-attr-editor__col--current{grid-area:current}.checkpoint-attr-editor__col--next{grid-area:next;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);font-size:var(--font-size-xs);width:40px;overflow:hidden}.checkpoint-attr-editor__col--prev.checkpoint-attr-editor__col--empty:before{content:"‹";font-size:16px;color:var(--color-text-tertiary)}.checkpoint-attr-editor__col--next.checkpoint-attr-editor__col--empty:after{content:"›";font-size:16px;color:var(--color-text-tertiary)}.checkpoint-attr-editor--no-prev.checkpoint-attr-editor--no-next .checkpoint-attr-editor__row{grid-template-areas:"name" "current";grid-template-columns:1fr}}.modal.checkpoint-modal{max-width:64rem}.modal-overlay:has(.checkpoint-modal){padding:8px}@media(max-width:900px){.modal.checkpoint-modal{max-width:100%}}.checkpoint-modal__content{display:flex;flex-direction:column;gap:24px;padding:24px;max-height:60vh;overflow-y:auto}@media(min-width:900px){.checkpoint-modal__content{max-height:74vh;padding:24px 28px}}.checkpoint-modal__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:#6b7280;color:var(--color-text-secondary, #6b7280);font-size:14px}.timestamp-input{display:flex;flex-direction:column;gap:16px}.timestamp-input__precision{display:flex;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary, #e5e7eb);overflow:hidden}.timestamp-input__precision-btn{flex:1;padding:12px 16px;border:none;background:var(--color-surface-muted);color:#6b7280;color:var(--color-text-secondary, #6b7280);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .15s ease;border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border-primary, #e5e7eb)}.timestamp-input__precision-btn:last-child{border-right:none}.timestamp-input__precision-btn:hover:not(.timestamp-input__precision-btn--active){background:var(--color-surface-subtle);color:#111827;color:var(--color-text-primary, #111827)}.timestamp-input__precision-btn--active{background:#3b82f6;background:var(--color-interactive-primary, #3b82f6);color:#fff}.timestamp-input__fields{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.timestamp-input__field{display:flex;align-items:center;gap:8px}.timestamp-input__field--year .input{width:100px}.timestamp-input__field--small .input{width:80px}.timestamp-input__field .input,.timestamp-input__time-input{padding:12px 16px;font-size:15px}.timestamp-input__era{padding:8px 12px;font-size:12px;font-weight:600;color:#3b82f6;color:var(--color-interactive-primary, #3b82f6);background:#3b82f61a;text-transform:uppercase;letter-spacing:.5px}.timestamp-input__separator{color:#9ca3af;color:var(--color-text-tertiary, #9ca3af);font-size:14px;font-weight:500;padding:0 4px}.timestamp-input__time{display:flex;align-items:center;gap:4px}.timestamp-input__time-input{width:60px;text-align:center}.timestamp-input__colon{font-size:18px;font-weight:600;color:#9ca3af;color:var(--color-text-tertiary, #9ca3af)}.attribute-editor{display:flex;flex-direction:column;gap:12px}.attribute-editor__header{display:flex;flex-direction:column;gap:4px}.attribute-editor__header .form-label{display:flex;align-items:center;gap:12px}.attribute-editor__badge{font-size:11px;font-weight:600;padding:4px 10px;background:#3b82f6;background:var(--color-interactive-primary, #3b82f6);color:#fff;text-transform:uppercase;letter-spacing:.5px}.attribute-editor__list{display:flex;flex-direction:column;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary, #e5e7eb);max-height:300px;overflow-y:auto}.attribute-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary, #e5e7eb)}.attribute-item:last-child:not(.attribute-editor__add){border-bottom:none}.attribute-item__header{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--color-surface-muted);border:none;cursor:pointer;text-align:left;transition:background-color .15s ease}.attribute-item__header:hover{background:var(--color-surface-subtle)}.attribute-item--expanded .attribute-item__header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary, #e5e7eb)}.attribute-item__toggle{font-size:10px;color:#9ca3af;color:var(--color-text-tertiary, #9ca3af);transition:transform .15s ease;width:16px;flex-shrink:0}.attribute-item--expanded .attribute-item__toggle{transform:rotate(90deg)}.attribute-item__key{flex:1;font-size:14px;font-weight:500;color:#111827;color:var(--color-text-primary, #111827)}.attribute-item__changed-dot{width:8px;height:8px;background:#3b82f6;background:var(--color-interactive-primary, #3b82f6);flex-shrink:0}.attribute-item__remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#9ca3af;color:var(--color-text-tertiary, #9ca3af);cursor:pointer;transition:all .15s ease;flex-shrink:0}.attribute-item__remove:hover{color:#ef4444;color:var(--color-danger, #ef4444);background:#ef44441a}.attribute-item__content{padding:16px;background:#fff;display:flex;flex-direction:column;gap:16px}.attribute-item__current{display:flex;flex-direction:column;gap:6px}.attribute-item__label{font-size:12px;font-weight:500;color:#6b7280;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.attribute-item__code{padding:10px 12px;background:var(--color-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary, #e5e7eb);font-family:ui-monospace,monospace;font-family:var(--font-mono, ui-monospace, monospace);font-size:13px;color:#111827;color:var(--color-text-primary, #111827);white-space:pre-wrap;word-break:break-all}.attribute-item__edit{display:flex;flex-direction:column;gap:8px}.attribute-item__hint{font-size:12px;color:#9ca3af;color:var(--color-text-tertiary, #9ca3af);font-style:italic;margin:0}.attribute-item__timeline{display:flex;align-items:stretch;gap:8px;padding:12px;background:var(--color-surface-subtle);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary, #e5e7eb);overflow-x:auto}.attribute-item__timeline-point{flex:1;min-width:100px;display:flex;flex-direction:column;gap:4px}.attribute-item__timeline-point--previous{text-align:left}.attribute-item__timeline-point--current{text-align:center;background:var(--color-surface-muted);padding:8px;border:1px solid #3b82f6;border:1px solid var(--color-interactive-primary, #3b82f6)}.attribute-item__timeline-point--next{text-align:right}.attribute-item__timeline-label{font-size:10px;font-weight:600;color:#9ca3af;color:var(--color-text-tertiary, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.attribute-item__timeline-point--current .attribute-item__timeline-label{color:#3b82f6;color:var(--color-interactive-primary, #3b82f6)}.attribute-item__timeline-value{font-family:ui-monospace,monospace;font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;color:#111827;color:var(--color-text-primary, #111827);word-break:break-all}.attribute-item__timeline-diff{font-size:10px;font-weight:600;color:#10b981;color:var(--color-success, #10b981);text-transform:uppercase}.attribute-item__timeline-arrow{display:flex;align-items:center;color:#9ca3af;color:var(--color-text-tertiary, #9ca3af);font-size:14px;flex-shrink:0}.attribute-item__input-row{display:flex;gap:8px}.attribute-item__input-row .input{flex:1;padding:12px 16px;font-size:15px}.attribute-item__reset{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary, #e5e7eb);background:var(--color-surface-muted);color:#6b7280;color:var(--color-text-secondary, #6b7280);font-size:18px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.attribute-item__reset:hover{background:var(--color-surface-subtle);color:#111827;color:var(--color-text-primary, #111827);border-color:#9ca3af;border-color:var(--color-text-tertiary, #9ca3af)}.attribute-editor__add{display:flex;gap:8px;padding:12px 16px;background:var(--color-surface-muted);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-primary, #e5e7eb)}.attribute-editor__add .input{flex:1;padding:12px 16px;font-size:14px}.attribute-editor__add .modal-btn{padding:12px 20px;white-space:nowrap}.checkpoint-modal__meta-row{display:flex;flex-direction:column;gap:24px}@media(min-width:900px){.checkpoint-modal__meta-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkpoint-modal__meta-row .form-group{margin-bottom:0}}@media(max-width:768px){.checkpoint-modal__content{padding:20px 16px;gap:20px;max-height:none}.timestamp-input__fields{flex-direction:column;align-items:stretch;gap:12px}.timestamp-input__field,.timestamp-input__field--year .input,.timestamp-input__field--small .input{width:100%}.timestamp-input__time{width:100%;justify-content:space-between}.timestamp-input__time-input{flex:1;min-width:0}.timestamp-input__separator{display:none}.attribute-editor__add{flex-direction:column}.attribute-editor__add .modal-btn{width:100%}}[data-theme=dark] .timestamp-input__precision-btn{background:#1f2937;background:var(--color-surface, #1f2937);color:var(--color-text-secondary);border-color:var(--color-border)}[data-theme=dark] .timestamp-input__precision-btn:hover:not(.timestamp-input__precision-btn--active){background:var(--color-surface-hover)}[data-theme=dark] .timestamp-input__era{background:#3b82f633}[data-theme=dark] .attribute-item__header{background:#1f2937;background:var(--color-surface, #1f2937)}[data-theme=dark] .attribute-item__header:hover{background:var(--color-surface-hover)}[data-theme=dark] .attribute-item__content{background:var(--color-bg-primary)}[data-theme=dark] .attribute-item__code{background:#1f2937;background:var(--color-surface, #1f2937);border-color:var(--color-border)}[data-theme=dark] .attribute-editor__add{background:#1f2937;background:var(--color-surface, #1f2937)}[data-theme=dark] .attribute-item__reset{background:#1f2937;background:var(--color-surface, #1f2937);border-color:var(--color-border)}.notification-settings{display:flex;flex-direction:column;gap:24px}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:3px 0;min-height:20px}.notification-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.notification-info{display:flex;flex-direction:column;gap:4px;flex:1}.notification-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.section-header{margin:16px 0 8px}.section-header h4{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:8px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:.2s;border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--color-primary)}input:checked+.toggle-slider:before{transform:translate(20px)}.theme-settings{display:flex;flex-direction:column;gap:var(--spacing-lg)}.theme-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.theme-mode-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.theme-mode-option{cursor:pointer}.theme-mode-option input{display:none}.theme-mode-card{padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-card);text-align:center;transition:all var(--transition-fast)}.theme-mode-option input:checked+.theme-mode-card{border-color:var(--color-primary);background:var(--color-primary-subtle)}.theme-section-divider{height:1px;background:var(--color-border);margin:var(--space-lg) 0}.theme-toggle-section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.theme-toggle-info{flex:1}.theme-toggle-label{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.theme-toggle-description{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.theme-preview{width:60px;height:40px;border-radius:var(--radius-thumbnail);margin:0 auto var(--spacing-sm) auto;position:relative;overflow:hidden;border:1px solid var(--color-border)}.theme-preview-light{background:var(--color-neutral-0)}.theme-preview-dark{background:var(--color-neutral-900)}.theme-preview-system{background:linear-gradient(45deg,var(--color-neutral-0) 50%,var(--color-neutral-900) 50%)}.theme-preview-white{background:#fafbfc;border:1px solid var(--color-neutral-200)}.theme-preview-header{height:8px;background:var(--color-primary)}.theme-preview-sidebar{position:absolute;left:0;top:8px;width:15px;height:32px;background:#0000001a}.theme-preview-content{position:absolute;right:0;top:12px;width:40px;height:20px;background:#0000000d;border-radius:var(--radius-card)}.theme-mode-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.accent-color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.accent-color-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-card);transition:background-color var(--transition-fast)}.accent-color-option:hover{background:var(--color-surface)}.accent-color-option input{display:none}.accent-color-swatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;transition:border-color var(--transition-fast)}.accent-color-option input:checked+.accent-color-swatch{border-color:var(--color-text-primary)}.accent-color-name{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.layout-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.layout-option{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.layout-option-info h5{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.layout-option-info p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.language-settings{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.language-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.language-dropdown{padding:var(--spacing-lg) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-input);font-size:var(--font-size-md);color:var(--color-text-primary);background-color:var(--color-background);cursor:pointer;transition:border-color var(--transition-fast);min-height:48px;-webkit-appearance:none;-moz-appearance:none;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-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.language-dropdown:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.language-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.activity-feed-settings{display:flex;flex-direction:column;gap:24px}.activity-setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;min-height:40px}.activity-setting-info h4,.activity-setting-info h5{margin:0 0 4px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.activity-setting-info h4,.activity-setting-info h5{font-size:var(--font-size-md)}.activity-setting-info p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.activity-section{display:flex;flex-direction:column;gap:16px}.activity-section h4{margin:0 0 8px;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.activity-types{display:flex;flex-direction:column;gap:16px}.refresh-interval-setting{margin-top:16px;padding:16px;background-color:var(--color-background-secondary);border-radius:var(--radius-card);border:1px solid var(--color-border)}.refresh-interval-setting h5{margin:0 0 12px;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.refresh-interval-options{display:flex;flex-direction:column;gap:8px;margin-top:12px}.refresh-interval-option{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:var(--radius-button);transition:background-color .2s ease}.refresh-interval-option:hover{background-color:var(--color-background-tertiary)}.refresh-interval-option input[type=radio]{margin-right:8px;accent-color:var(--color-primary)}.refresh-interval-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.delete-account-warning,.delete-account-confirm,.delete-account-final{display:flex;flex-direction:column;gap:24px}.warning-icon,.confirm-icon,.final-icon{font-size:3rem;text-align:center;margin:0}.delete-account-warning h4,.delete-account-confirm h4,.delete-account-final h4{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-danger);text-align:center}.delete-account-warning p,.delete-account-confirm p,.delete-account-final p{margin:0;text-align:center;color:var(--color-text-secondary);line-height:1.5}.deletion-list{margin:16px 0;padding-left:24px;text-align:left}.deletion-list li{margin-bottom:8px;color:var(--color-text-secondary);line-height:1.4}.warning-note,.final-warning{padding:16px;background:var(--color-danger-subtle);border-radius:var(--radius-notification);border-left:3px solid var(--color-danger);text-align:left;font-size:var(--font-size-sm)}.confirm-checklist{display:flex;flex-direction:column;gap:16px;text-align:left}.confirm-item{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:8px 0}.confirm-item input{margin-top:2px;flex-shrink:0}.confirm-item span{color:var(--color-text-primary);line-height:1.4}.confirm-code{background:var(--color-surface);padding:4px 8px;border-radius:var(--radius-badge);font-family:var(--font-family-mono);color:var(--color-danger);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.confirm-input{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--radius-input);font-size:var(--font-size-md);text-align:center;font-family:var(--font-family-mono);transition:border-color var(--transition-fast)}.confirm-input:focus{outline:none;border-color:var(--color-danger)}.confirm-input::-moz-placeholder{color:var(--color-text-tertiary)}.confirm-input::placeholder{color:var(--color-text-tertiary)}@media(max-width:768px){.theme-mode-options{grid-template-columns:1fr}.accent-color-options{grid-template-columns:repeat(2,1fr)}.refresh-interval-options{grid-template-columns:1fr}}[data-theme=dark] .notification-label{color:var(--color-text-primary)}[data-theme=dark] .notification-description{color:var(--color-text-secondary)}[data-theme=dark] .section-header h4{color:var(--color-text-primary);border-bottom-color:var(--color-border)}[data-theme=dark] .toggle-slider{background-color:var(--color-border)}[data-theme=dark] .toggle-slider:before{background-color:var(--color-surface)}[data-theme=dark] input:checked+.toggle-slider{background-color:var(--color-primary)}[data-theme=dark] input:focus+.toggle-slider{box-shadow:0 0 1px var(--color-primary)}[data-theme=dark] .theme-mode-option,[data-theme=dark] .accent-color-option,[data-theme=dark] .layout-option{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .theme-mode-option:hover,[data-theme=dark] .accent-color-option:hover,[data-theme=dark] .layout-option:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}[data-theme=dark] .theme-mode-option input:checked+.theme-mode-content,[data-theme=dark] .accent-color-option input:checked+.accent-color-swatch,[data-theme=dark] .layout-option input:checked+.layout-option-content{border-color:var(--color-primary)}[data-theme=dark] .theme-mode-name,[data-theme=dark] .accent-color-name{color:var(--color-text-secondary)}[data-theme=dark] .theme-mode-description{color:var(--color-text-tertiary)}[data-theme=dark] .theme-mode-preview{border-color:var(--color-border)}[data-theme=dark] .theme-mode-preview .preview-header{background:var(--color-surface-hover);border-bottom-color:var(--color-border)}[data-theme=dark] .theme-mode-preview .preview-content{background:var(--color-surface)}[data-theme=dark] .preview-text-primary{color:var(--color-text-primary)}[data-theme=dark] .preview-text-secondary{color:var(--color-text-secondary)}[data-theme=dark] .preview-button{background:var(--color-primary);color:#fff}[data-theme=dark] .layout-option-info h5{color:var(--color-text-primary)}[data-theme=dark] .layout-option-info p{color:var(--color-text-secondary)}[data-theme=dark] .language-label{color:var(--color-text-primary)}[data-theme=dark] .language-dropdown{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary);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='%23d1d5db' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] .language-dropdown:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover);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='%23e5e7eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] .language-dropdown:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1);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='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] .language-dropdown option{background-color:var(--color-surface);color:var(--color-text-primary);padding:var(--spacing-md)}[data-theme=dark] .language-dropdown option:hover,[data-theme=dark] .language-dropdown option:focus{background-color:var(--color-surface-hover);color:var(--color-text-primary)}[data-theme=dark] .language-dropdown option:checked{background-color:var(--color-primary);color:#fff}[data-theme=dark] .activity-type-label{color:var(--color-text-primary)}[data-theme=dark] .refresh-interval-setting{background-color:var(--color-surface-hover);border-color:var(--color-border)}[data-theme=dark] .refresh-interval-setting h5{color:var(--color-text-primary)}[data-theme=dark] .refresh-interval-option{background-color:var(--color-surface)}[data-theme=dark] .refresh-interval-option:hover{background-color:var(--color-surface-hover)}[data-theme=dark] .refresh-interval-option input[type=radio]{accent-color:var(--color-primary)}[data-theme=dark] .refresh-interval-label{color:var(--color-text-primary)}[data-theme=dark] .delete-account-warning h4,[data-theme=dark] .delete-account-confirm h4,[data-theme=dark] .delete-account-final h4{color:var(--color-error)}[data-theme=dark] .delete-account-warning p,[data-theme=dark] .delete-account-confirm p,[data-theme=dark] .delete-account-final p{color:var(--color-text-secondary)}[data-theme=dark] .delete-reasons{background-color:var(--color-surface-hover);border-color:var(--color-border)}[data-theme=dark] .delete-reason-item{color:var(--color-text-primary)}[data-theme=dark] .delete-reason-item:hover{background-color:var(--color-surface-hover)}[data-theme=dark] .delete-reason-item input[type=radio]{accent-color:var(--color-primary)}[data-theme=dark] .confirm-input{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .confirm-input:focus{border-color:var(--color-error)}[data-theme=dark] .confirm-input::-moz-placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .confirm-input::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .form-group label{color:var(--color-text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}[data-theme=dark] .form-group input::-moz-placeholder,[data-theme=dark] .form-group textarea::-moz-placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .profile-modal .error-text,[data-theme=dark] .profile-modal .error-message{color:var(--color-error)}[data-theme=dark] .profile-modal .success-text,[data-theme=dark] .profile-modal .success-message{color:var(--color-success)}[data-theme=dark] .profile-modal .warning-text,[data-theme=dark] .profile-modal .warning-message{color:var(--color-warning)}[data-theme=dark] .profile-modal .disabled,[data-theme=dark] .profile-modal [disabled]{opacity:.5;cursor:not-allowed}[data-theme=dark] .profile-modal .disabled label,[data-theme=dark] .profile-modal [disabled]+label{color:var(--color-text-secondary)}.active-project-selection{margin-top:1rem}.project-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.project-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:2px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;transition:all .2s ease;background-color:var(--color-background)}.project-item:hover,.project-item.selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.project-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.project-name{font-size:var(--font-size-md);color:var(--color-text-primary)}.project-role{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.project-selected-indicator{font-size:1.5rem;color:var(--color-primary);font-weight:700;margin-left:1rem}.account-deleted-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface-muted) 0%,var(--color-surface-subtle) 100%);padding:2rem}.account-deleted-container{max-width:600px;width:100%}.account-deleted-content{background:var(--color-bg-primary);border-radius:var(--radius-modal);padding:3rem;box-shadow:0 10px 25px #0000001a;text-align:center}.success-icon{font-size:4rem;color:#10b981;color:var(--color-success, #10b981);margin-bottom:1.5rem;display:inline-block;width:80px;height:80px;border-radius:50%;background:#d1fae5;background:var(--color-success-subtle, #d1fae5);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.account-deleted-content h1{color:#1f2937;color:var(--color-text-primary, #1f2937);margin-bottom:1rem;font-size:2rem;font-weight:600}.lead-text{font-size:1.125rem;color:#6b7280;color:var(--color-text-secondary, #6b7280);margin-bottom:1rem;line-height:1.6}.account-deleted-content>p{color:#6b7280;color:var(--color-text-secondary, #6b7280);margin-bottom:2rem}.deletion-details,.next-steps{text-align:left;margin:2rem 0;padding:1.5rem;background:#f9fafb;background:var(--color-surface, #f9fafb);border-radius:var(--radius-card);border-left:4px solid #10b981;border-left:4px solid var(--color-success, #10b981)}.deletion-details h3,.next-steps h3{color:#1f2937;color:var(--color-text-primary, #1f2937);margin:0 0 1rem;font-size:1.125rem;font-weight:600}.deletion-details ul,.next-steps ul{margin:0;padding-left:1.5rem;color:#6b7280;color:var(--color-text-secondary, #6b7280)}.deletion-details li,.next-steps li{margin-bottom:.5rem;line-height:1.5}.actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.account-deleted-page .btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:var(--radius-button);text-decoration:none;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;min-width:140px;justify-content:center}.account-deleted-page .btn-primary{background:#3b82f6;color:#fff}.account-deleted-page .btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.account-deleted-page .btn-secondary{background:#f3f4f6;color:#1f2937;border:1px solid #d1d5db}.account-deleted-page .btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}@media(max-width:768px){.account-deleted-page{padding:1rem}.account-deleted-content{padding:2rem}.account-deleted-content h1{font-size:1.75rem}.actions{flex-direction:column;align-items:center}.account-deleted-page .btn{width:100%;max-width:250px}}[data-theme=dark] .account-deleted-content{box-shadow:0 10px 25px #0000004d}.wiki-entry-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-align:left;width:100%;transition:box-shadow .2s,transform .2s}.wiki-entry-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-border-hover)}[data-theme=white] .wiki-entry-card{box-shadow:var(--shadow-card)}@media(max-width:768px){.wiki-entry-card:hover{transform:none;box-shadow:none}.wiki-entry-card:active{background:var(--color-surface-muted)}}.wiki-entry-card:focus{outline:2px solid var(--color-interactive-primary);outline-offset:2px}.wiki-entry-card-image-container{aspect-ratio:16 / 9;background:var(--color-surface-muted);display:flex;align-items:center;justify-content:center;overflow:hidden}.wiki-entry-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wiki-entry-card-content{padding:.75rem;flex:1;display:flex;flex-direction:column;gap:.25rem}.wiki-entry-card-title{display:flex;align-items:center;gap:.25rem;font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-entry-card-color{flex-shrink:0;width:10px;height:10px;border-radius:50%}.wiki-entry-card-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-entry-card-preview{font-size:.8rem;color:var(--color-text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wiki-entry-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.25rem}.wiki-entry-card-category{font-size:.7rem;color:var(--color-interactive-primary);background:#3b82f61a;background:var(--color-primary-alpha, rgba(59, 130, 246, .1));padding:.1rem .4rem}.wiki-entry-card-badge{font-size:.8rem;opacity:.6}.wiki-search.search-input-wrapper .search-input-field{width:300px}.wiki-search-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;max-height:320px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-lg, 0 4px 16px rgba(0, 0, 0, .15));z-index:100}.wiki-search-count{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-subtle)}.wiki-search-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.wiki-search-result{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-bottom:1px solid var(--color-border-subtle);text-align:left;cursor:pointer;transition:background var(--transition-base)}.wiki-search-result:last-child{border-bottom:none}.wiki-search-result:hover{background:var(--color-surface-muted)}.wiki-search-result:focus-visible{outline:none;background:#6366f11a;background:var(--color-primary-alpha, rgba(99, 102, 241, .1))}.wiki-search-result-color{flex-shrink:0;width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.wiki-search-result-content{display:flex;flex-direction:column;gap:2px;gap:var(--space-0-5, 2px);min-width:0}.wiki-search-result-label{font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-search-result-category{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.wiki-category-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.wiki-category-tags-section{display:flex;align-items:center;gap:var(--spacing-xs)}.wiki-category-tags-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.wiki-category-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.wiki-category-tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.wiki-category-tag:hover:not(:disabled){color:var(--color-interactive-primary);border-color:var(--color-interactive-primary);background:var(--color-interactive-primary-subtle)}.wiki-category-tag:disabled{cursor:default}.wiki-category-tag-primary{color:var(--color-interactive-primary);background:var(--color-interactive-primary-subtle);border-color:var(--color-interactive-primary)}.wiki-category-tag-primary:hover:not(:disabled){background:var(--color-interactive-primary);color:#fff}.wiki-linked-entities{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.wiki-linked-entities-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.wiki-linked-entities-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.wiki-linked-entity{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all .15s ease}.wiki-linked-entity:hover{border-color:var(--color-interactive-primary);background:var(--color-surface);box-shadow:0 2px 8px #00000014}.wiki-linked-entity-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.wiki-linked-entity-name{font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-linked-entity-type{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.wiki-linked-entity-fields{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.wiki-linked-entity-fields-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.wiki-linked-entity-field{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface);padding:2px var(--spacing-xs);border-radius:var(--radius-xs)}.wiki-linked-entity-arrow{flex-shrink:0;color:var(--color-text-tertiary);transition:color .15s ease,transform .15s ease}.wiki-linked-entity:hover .wiki-linked-entity-arrow{color:var(--color-interactive-primary);transform:translate(2px)}.wiki-linked-entities-more{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}@media(max-width:600px){.wiki-linked-entity{flex-wrap:wrap}.wiki-linked-entity-fields{width:100%;margin-top:var(--spacing-xs)}}.wiki-infobox{width:280px;flex-shrink:0;background:var(--color-surface);border:1px solid var(--color-border-subtle);font-size:var(--font-size-sm);align-self:flex-start;position:sticky;top:var(--space-6)}.wiki-infobox-header{padding:var(--space-4);background:var(--color-surface-subtle);border-top:3px solid var(--color-primary);text-align:center}.wiki-infobox-title{font-size:var(--font-size-md);font-weight:700;font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary);margin:0;line-height:1.3}.wiki-infobox-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0;font-style:italic}.wiki-infobox-figure{margin:0;padding:var(--space-3);text-align:center;border-bottom:1px solid var(--color-border-subtle)}.wiki-infobox-image{max-width:100%;height:auto;max-height:250px;-o-object-fit:cover;object-fit:cover}.wiki-infobox-caption{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-2);font-style:italic}.wiki-infobox-section{border-top:1px solid var(--color-border-subtle)}.wiki-infobox-section:first-of-type{border-top:none}.wiki-infobox-section-heading{font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);margin:0;padding:var(--space-3) var(--space-4);background:var(--color-surface-subtle);text-align:center}.wiki-infobox-fields{margin:0;padding:0}.wiki-infobox-field{display:grid;grid-template-columns:1fr 1.4fr;border-top:1px solid var(--color-border-subtle)}.wiki-infobox-field:first-child{border-top:none}.wiki-infobox-field-label{padding:var(--space-2) var(--space-3);font-weight:600;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-secondary);background:var(--color-surface-subtle);word-break:break-word}.wiki-infobox-field-value{padding:var(--space-2) var(--space-3);color:var(--color-text-primary);margin:0;word-break:break-word}.wiki-infobox-link{color:var(--color-primary);text-decoration:none}.wiki-infobox-link:hover{text-decoration:underline}@media(max-width:1024px){.wiki-infobox{width:100%;position:static}}.wiki-infobox-editor{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);padding:var(--space-5)}.wiki-infobox-editor-header{margin-bottom:var(--space-2)}.wiki-infobox-editor-title{font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.wiki-infobox-editor-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.wiki-infobox-editor-meta{display:flex;flex-direction:column;gap:var(--space-3)}.wiki-infobox-editor-meta-row{display:flex;flex-direction:column;gap:var(--space-1)}.wiki-infobox-editor-meta-row .form-label{font-size:var(--font-size-xs)}.wiki-infobox-editor-meta-row .form-input{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.wiki-infobox-editor-sections{display:flex;flex-direction:column;gap:var(--space-4)}.wiki-infobox-editor-section{background:var(--color-surface);border:1px solid var(--color-border);overflow:hidden}.wiki-infobox-editor-section-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle)}.wiki-infobox-editor-section-input{flex:1;font-size:var(--font-size-sm)!important;padding:var(--space-2) var(--space-3)!important;font-weight:500;font-weight:var(--font-weight-medium, 500)}.wiki-infobox-editor-section-actions{display:flex;gap:var(--space-1);flex-shrink:0}.wiki-infobox-editor-fields{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.wiki-infobox-editor-field{display:flex;gap:var(--space-2);align-items:center}.wiki-infobox-editor-field-label{flex:1;font-size:var(--font-size-sm)!important;padding:var(--space-2) var(--space-3)!important}.wiki-infobox-editor-field-value{flex:1.4;font-size:var(--font-size-sm)!important;padding:var(--space-2) var(--space-3)!important}.wiki-infobox-editor-add-field{align-self:flex-start;font-size:var(--font-size-xs);color:var(--color-primary)}.wiki-infobox-editor-add-section{align-self:flex-start}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.btn-danger-text{color:#dc2626;color:var(--color-error, #dc2626)}.btn-danger-text:hover{background:#fef2f2;background:var(--color-error-bg, #fef2f2)}.wiki-toc{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);padding:var(--space-4);margin-bottom:var(--space-6);max-width:360px}.wiki-toc-header{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wiki-toc-title{font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);margin:0}.wiki-toc-toggle{font-size:var(--font-size-xs);color:var(--color-primary);white-space:nowrap}.wiki-toc-toggle:hover{text-decoration:underline}.wiki-toc-list{list-style:none;margin:var(--space-3) 0 0 0;padding:0;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3)}.wiki-toc-item{margin:0;line-height:1.6}.wiki-toc-item--level-1{padding-left:0}.wiki-toc-item--level-2{padding-left:var(--space-5)}.wiki-toc-item--level-3{padding-left:2.5rem;padding-left:var(--space-10, 2.5rem)}.wiki-toc-link{display:inline-flex;gap:var(--space-2);text-decoration:none;color:var(--color-primary);font-size:var(--font-size-sm);transition:color .15s}.wiki-toc-link:hover{text-decoration:underline;color:var(--color-primary-hover)}.wiki-toc-number{color:var(--color-text-tertiary);min-width:1.5em}.wiki-toc-text{color:inherit}.wiki-article-layout{position:relative;overflow:hidden}.wiki-article-layout>.wiki-infobox{float:right;margin:0 0 var(--space-5) var(--space-6);width:280px;position:relative;top:0}.wiki-article-layout>.wiki-toc{display:inline-block;margin:0 0 var(--space-4) 0}.wiki-article-body{min-height:200px}.wiki-article-content h1,.wiki-article-content h2,.wiki-article-content h3{scroll-margin-top:var(--space-6)}.wiki-article-content h1{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-2);margin-top:var(--space-6)}.wiki-article-content h2{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-2);margin-top:var(--space-5)}.wiki-article-content h3{margin-top:var(--space-4)}.wiki-article-body:after{content:"";display:table;clear:both}@media(max-width:1024px){.wiki-article-layout>.wiki-infobox{float:none;width:100%;margin:0 0 var(--space-5) 0}.wiki-article-layout>.wiki-toc{display:block;max-width:100%}}@media(min-width:640px){.wiki-page{padding:var(--space-6)}}@media(min-width:1024px){.wiki-page{padding:var(--space-8)}}.wiki-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.wiki-page-header-content{flex:1}.wiki-page-title{font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.wiki-page-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.wiki-page-header-actions{display:flex;gap:var(--space-3);flex-shrink:0}.wiki-page-toolbar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.wiki-category-filter{min-width:180px;max-width:250px}.wiki-page-stats{font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap}.wiki-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-secondary)}.wiki-page-loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-interactive-primary);border-radius:50%;animation:wiki-page-spin .8s linear infinite}@keyframes wiki-page-spin{to{transform:rotate(360deg)}}.wiki-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);text-align:center;background:var(--color-surface);border:1px solid var(--color-border-subtle)}.wiki-page-empty h2{font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);margin:0}.wiki-page-empty p{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;max-width:32rem}.wiki-page-empty-link{background:none;border:none;padding:0;color:var(--color-primary);text-decoration:underline;cursor:pointer}.wiki-page-empty-link:hover{text-decoration:none}.wiki-page-content{display:flex;flex-direction:column;gap:var(--space-8)}.wiki-category-section{display:flex;flex-direction:column;gap:var(--space-4)}.wiki-category-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.wiki-category-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);margin:0}.wiki-category-count{font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium, 500);color:var(--color-text-tertiary);background:var(--color-surface-subtle);padding:var(--space-1) var(--space-2)}.wiki-entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.wiki-categories-list{display:flex;flex-direction:column;gap:var(--space-3)}.wiki-categories-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-subtle)}.wiki-categories-item:hover{border-color:var(--color-border)}.wiki-categories-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.wiki-categories-item-name{font-weight:600;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary)}.wiki-categories-item-meta{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.wiki-categories-item-meta code{font-family:var(--font-mono);background:var(--color-surface-subtle);padding:2px 6px;padding:var(--space-0-5, 2px) var(--space-1-5, 6px);font-size:var(--font-size-xs)}.wiki-categories-item-actions{display:flex;gap:var(--space-2);flex-shrink:0}@media(max-width:768px){.wiki-page-header{flex-direction:column;gap:var(--space-4)}.wiki-page-header-actions{width:100%}.wiki-page-toolbar{flex-direction:column;align-items:stretch}.wiki-page-stats{text-align:center}.wiki-entry-grid{grid-template-columns:1fr}.wiki-categories-item{flex-direction:column;align-items:stretch}.wiki-categories-item-actions{justify-content:flex-end;margin-top:var(--space-3)}}@media(max-width:480px){.wiki-page-title{font-size:var(--font-size-xl)}}@media(min-width:640px){.wiki-entry-page{padding:var(--space-6)}}@media(min-width:1024px){.wiki-entry-page{padding:var(--space-8)}}.wiki-entry-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-secondary)}.wiki-entry-loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:wiki-entry-spin .8s linear infinite}@keyframes wiki-entry-spin{to{transform:rotate(360deg)}}.wiki-entry-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);text-align:center}.wiki-entry-error h1{font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);margin:0}.wiki-entry-error p{color:var(--color-text-secondary);margin:0;max-width:32rem}.wiki-entry{background:var(--color-surface);border:1px solid var(--color-border-subtle);overflow:hidden}.wiki-entry-header{display:flex;justify-content:space-between;gap:var(--space-6);padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.wiki-entry-header-main{display:flex;gap:var(--space-6);flex:1;min-width:0}.wiki-entry-image{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.wiki-entry-title-section{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.wiki-entry-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary);margin:0;line-height:1.2}.wiki-entry-color{flex-shrink:0;width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.wiki-entry-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;line-height:1.5}.wiki-entry-header-actions{display:flex;gap:var(--space-3);flex-shrink:0;align-self:flex-start}.wiki-entry-edit-image{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-subtle)}.wiki-entry-content{padding:var(--space-6);min-height:200px}.wiki-entry-no-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-text-tertiary);font-style:italic;text-align:center;padding:var(--space-8)}.wiki-entry-children{padding:var(--space-6);border-top:1px solid var(--color-border-subtle)}.wiki-entry-children h2{font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.wiki-entry-children-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.wiki-entry-child-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-subtle);text-decoration:none;color:inherit;transition:background .15s ease}.wiki-entry-child-link:hover{background:var(--color-surface-muted)}.wiki-entry-child-label{font-weight:500;font-weight:var(--font-weight-medium, 500);color:var(--color-primary)}.wiki-entry-child-description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.wiki-entry-child-badge{margin-left:auto;font-size:var(--font-size-sm)}.wiki-entry-parent{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);font-size:var(--font-size-sm)}.wiki-entry-parent-label{color:var(--color-text-tertiary)}.wiki-entry-parent-link{color:var(--color-primary);text-decoration:none}.wiki-entry-parent-link:hover{text-decoration:underline}.wiki-entry-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);background:var(--color-surface-subtle)}.wiki-entry-meta{display:flex;gap:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}@media(max-width:768px){.wiki-entry-header,.wiki-entry-header-main{flex-direction:column}.wiki-entry-image{width:100%;height:200px}.wiki-entry-header-actions{align-self:stretch}.wiki-entry-header-actions .btn{flex:1}.wiki-entry-title{font-size:var(--font-size-xl)}.wiki-entry-meta{flex-direction:column;gap:var(--space-2)}}