:root{--color-primary-50: #e6f4ff;--color-primary-100: #b3dcff;--color-primary-200: #80c4ff;--color-primary-300: #4dabff;--color-primary-400: #1a93ff;--color-primary-500: #0080ff;--color-primary-600: #0066cc;--color-primary-700: #004d99;--color-primary-800: #003366;--color-primary-900: #001a33;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-300: #6ee7b7;--color-success-400: #34d399;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-success-800: #065f46;--color-success-900: #064e3b;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-50: #fff1f2;--color-error-100: #ffe4e6;--color-error-200: #fecdd3;--color-error-300: #fda4af;--color-error-400: #fb7185;--color-error-500: #f43f5e;--color-error-600: #e11d48;--color-error-700: #be123c;--color-error-800: #9f1239;--color-error-900: #881337;--color-info-50: #ecfeff;--color-info-100: #cffafe;--color-info-200: #a5f3fc;--color-info-300: #67e8f9;--color-info-400: #22d3ee;--color-info-500: #06b6d4;--color-info-600: #0891b2;--color-info-700: #0e7490;--color-info-800: #155e75;--color-info-900: #164e63;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-violet-50: #f5f3ff;--color-violet-100: #ede9fe;--color-violet-200: #ddd6fe;--color-violet-300: #c4b5fd;--color-violet-400: #a78bfa;--color-violet-500: #8b5cf6;--color-violet-600: #7c3aed;--color-violet-700: #6d28d9;--color-violet-800: #5b21b6;--color-violet-900: #4c1d95;--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-200: #a5f3fc;--color-cyan-300: #67e8f9;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-cyan-800: #155e75;--color-cyan-900: #164e63;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-700: #1d4ed8;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-gray-950: #020617;--color-background: #ffffff;--color-background-subtle: var(--color-gray-50);--color-background-muted: var(--color-gray-100);--color-background-elevated: #ffffff;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-700);--color-text-muted: var(--color-gray-500);--color-text-disabled: var(--color-gray-400);--color-text-inverse: #ffffff;--color-border: var(--color-gray-200);--color-border-subtle: var(--color-gray-100);--color-border-strong: var(--color-gray-300);--color-border-light: var(--color-gray-100);--color-hover-bg: var(--color-gray-100);--color-hover-border: var(--color-gray-300);--color-active-bg: var(--color-gray-200);--color-focus-ring: var(--color-primary-500);--color-status-completed-bg: var(--color-success-50);--color-status-completed-text: var(--color-success-700);--color-status-completed-border: var(--color-success-200);--color-status-progress-bg: var(--color-primary-50);--color-status-progress-text: var(--color-primary-700);--color-status-progress-border: var(--color-primary-200);--color-status-review-bg: var(--color-warning-50);--color-status-review-text: var(--color-warning-700);--color-status-review-border: var(--color-warning-200);--color-status-error-bg: var(--color-error-50);--color-status-error-text: var(--color-error-700);--color-status-error-border: var(--color-error-200);--color-status-info-bg: var(--color-info-50);--color-status-info-text: var(--color-info-700);--color-status-info-border: var(--color-info-200);--color-status-neutral-bg: var(--color-gray-50);--color-status-neutral-text: var(--color-gray-700);--color-status-neutral-border: var(--color-gray-200);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-1-5: .375rem;--space-2-5: .625rem;--space-7: 1.75rem;--space-14: 3.5rem;--space-18: 4.5rem;--space-24: 6rem;--space-32: 8rem;--spacing-component-tight: var(--space-1);--spacing-component-normal: var(--space-2);--spacing-component-comfortable: var(--space-3);--spacing-section-compact: var(--space-4);--spacing-section-normal: var(--space-6);--spacing-section-spacious: var(--space-8);--spacing-card-padding: var(--space-6);--spacing-card-padding-compact: var(--space-4);--spacing-card-gap: var(--space-4);--spacing-form-field: var(--space-4);--spacing-form-label: var(--space-2);--spacing-form-group: var(--space-6);--spacing-button-padding-y: var(--space-3);--spacing-button-padding-x: var(--space-5);--spacing-button-padding-sm-y: var(--space-2);--spacing-button-padding-sm-x: var(--space-3);--spacing-button-padding-lg-y: var(--space-4);--spacing-button-padding-lg-x: var(--space-6);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--max-width-container: var(--container-xl);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--color-background: #0a0f1a;--color-background-subtle: #0d1320;--color-background-muted: #111827;--color-background-elevated: #1a2234;--color-background-surface: #1e293b;--color-background-hover: #243352;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-disabled: #475569;--color-text-inverse: #0f172a;--color-border: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .04);--color-border-strong: rgba(255, 255, 255, .12);--color-border-light: rgba(255, 255, 255, .06);--color-hover-bg: rgba(255, 255, 255, .05);--color-hover-border: rgba(255, 255, 255, .15);--color-active-bg: rgba(255, 255, 255, .1);--color-focus-ring: var(--color-primary-400);--color-primary-50: rgba(0, 128, 255, .1);--color-primary-100: rgba(0, 128, 255, .15);--color-primary-200: rgba(0, 128, 255, .2);--color-primary-300: #4dabff;--color-primary-400: #1a93ff;--color-primary-500: #0080ff;--color-primary-600: #0066cc;--color-status-completed-bg: rgba(16, 185, 129, .15);--color-status-completed-text: #34d399;--color-status-completed-border: rgba(16, 185, 129, .3);--color-status-progress-bg: rgba(0, 128, 255, .15);--color-status-progress-text: #1a93ff;--color-status-progress-border: rgba(0, 128, 255, .3);--color-status-review-bg: rgba(245, 158, 11, .15);--color-status-review-text: #fbbf24;--color-status-review-border: rgba(245, 158, 11, .3);--color-status-error-bg: rgba(244, 63, 94, .15);--color-status-error-text: #fb7185;--color-status-error-border: rgba(244, 63, 94, .3);--color-status-info-bg: rgba(6, 182, 212, .15);--color-status-info-text: #22d3ee;--color-status-info-border: rgba(6, 182, 212, .3);--color-status-neutral-bg: rgba(255, 255, 255, .05);--color-status-neutral-text: #94a3b8;--color-status-neutral-border: rgba(255, 255, 255, .1);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6);--shadow-glow-primary: 0 0 40px rgba(0, 128, 255, .3);--shadow-glow-cyan: 0 0 40px rgba(6, 182, 212, .3);--shadow-glow-violet: 0 0 40px rgba(139, 92, 246, .25);--shadow-glow-emerald: 0 0 30px rgba(16, 185, 129, .25);--shadow-glow-amber: 0 0 30px rgba(245, 158, 11, .25);--shadow-card: var(--shadow-lg);--shadow-card-hover: var(--shadow-xl), var(--shadow-glow-primary);--color-gray-50: #1e293b;--color-gray-100: #334155;--color-gray-200: #475569;--color-gray-300: #64748b;--color-gray-400: #94a3b8;--color-gray-500: #cbd5e1;--color-gray-600: #e2e8f0;--color-gray-700: #f1f5f9;--color-gray-800: #f8fafc;--color-gray-900: #ffffff}:root{--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-blur: 20px;--gradient-primary: linear-gradient(135deg, var(--color-primary-500), var(--color-cyan-500));--gradient-success: linear-gradient(135deg, var(--color-success-500), var(--color-cyan-500));--gradient-violet: linear-gradient(135deg, var(--color-violet-500), var(--color-primary-500));--gradient-warm: linear-gradient(135deg, var(--color-warning-500), var(--color-error-400));--bg-mesh-primary: radial-gradient(ellipse 80% 50% at 0% 0%, rgba(59, 130, 246, .06) 0%, transparent 50%);--bg-mesh-violet: radial-gradient(ellipse 60% 40% at 100% 0%, rgba(139, 92, 246, .05) 0%, transparent 50%);--bg-mesh-cyan: radial-gradient(ellipse 50% 40% at 0% 100%, rgba(6, 182, 212, .04) 0%, transparent 50%);--bg-mesh-emerald: radial-gradient(ellipse 40% 30% at 100% 100%, rgba(16, 185, 129, .03) 0%, transparent 50%);--bg-mesh-base: linear-gradient(180deg, #f8fafc 0%, #ffffff 50%, #f1f5f9 100%);--aurora-opacity: .5;--aurora-speed: 90s;--aurora-color-1: rgba(59, 130, 246, .02);--aurora-color-2: rgba(139, 92, 246, .015);--aurora-color-3: rgba(6, 182, 212, .02);--particles-white-opacity: .12;--particles-color-opacity: .18;--orb-1-color: rgba(59, 130, 246, .12);--orb-2-color: rgba(139, 92, 246, .1);--orb-3-color: rgba(6, 182, 212, .1);--orb-opacity: .3;--orb-blur: 120px;--grid-line-color: rgba(0, 0, 0, .03);--noise-opacity: .012;--beam-opacity: 0}[data-theme=dark]{--glass-bg: rgba(17, 24, 39, .7);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--glow-primary: rgba(0, 128, 255, .4);--glow-cyan: rgba(6, 182, 212, .35);--glow-violet: rgba(139, 92, 246, .3);--glow-emerald: rgba(16, 185, 129, .3)}:root{--color-primary-50: #e6f4ff;--color-primary-100: #b3dcff;--color-primary-200: #80c4ff;--color-primary-300: #4dabff;--color-primary-400: #1a93ff;--color-primary-500: #0080ff;--color-primary-600: #0066cc;--color-primary-700: #004d99;--color-primary-800: #003366;--color-primary-900: #001a33;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-300: #6ee7b7;--color-success-400: #34d399;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-success-800: #065f46;--color-success-900: #064e3b;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-50: #fff1f2;--color-error-100: #ffe4e6;--color-error-200: #fecdd3;--color-error-300: #fda4af;--color-error-400: #fb7185;--color-error-500: #f43f5e;--color-error-600: #e11d48;--color-error-700: #be123c;--color-error-800: #9f1239;--color-error-900: #881337;--color-info-50: #ecfeff;--color-info-100: #cffafe;--color-info-200: #a5f3fc;--color-info-300: #67e8f9;--color-info-400: #22d3ee;--color-info-500: #06b6d4;--color-info-600: #0891b2;--color-info-700: #0e7490;--color-info-800: #155e75;--color-info-900: #164e63;--color-violet-50: #f5f3ff;--color-violet-100: #ede9fe;--color-violet-200: #ddd6fe;--color-violet-300: #c4b5fd;--color-violet-400: #a78bfa;--color-violet-500: #8b5cf6;--color-violet-600: #7c3aed;--color-violet-700: #6d28d9;--color-violet-800: #5b21b6;--color-violet-900: #4c1d95;--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-200: #a5f3fc;--color-cyan-300: #67e8f9;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-cyan-800: #155e75;--color-cyan-900: #164e63;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-gray-950: #020617;--color-background: #ffffff;--color-background-subtle: var(--color-gray-50);--color-background-muted: var(--color-gray-100);--color-background-elevated: #ffffff;--color-background-surface: #ffffff;--color-background-hover: var(--color-gray-50);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-700);--color-text-muted: var(--color-gray-500);--color-text-disabled: var(--color-gray-400);--color-text-inverse: #ffffff;--color-border: var(--color-gray-200);--color-border-subtle: var(--color-gray-100);--color-border-strong: var(--color-gray-300);--color-border-light: var(--color-gray-100);--color-hover-bg: var(--color-gray-100);--color-hover-border: var(--color-gray-300);--color-active-bg: var(--color-gray-200);--color-focus-ring: var(--color-primary-500);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-18: 4.5rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--glass-bg: rgba(255, 255, 255, .85);--glass-bg-strong: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .06);--glass-blur: 20px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .06);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .06);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--shadow-glow-primary: 0 0 40px rgba(59, 130, 246, .12);--shadow-glow-cyan: 0 0 40px rgba(6, 182, 212, .1);--shadow-glow-violet: 0 0 40px rgba(139, 92, 246, .1);--shadow-glow-emerald: 0 0 30px rgba(16, 185, 129, .1);--shadow-glow-amber: 0 0 30px rgba(245, 158, 11, .1);--shadow-glow-rose: 0 0 30px rgba(244, 63, 94, .1);--card-bg: #ffffff;--card-bg-hover: rgba(248, 250, 252, .8);--card-border: rgba(0, 0, 0, .06);--card-border-hover: rgba(59, 130, 246, .2);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-lg), var(--shadow-glow-primary);--btn-primary-bg: linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600));--btn-primary-bg-hover: linear-gradient(135deg, var(--color-primary-400), var(--color-primary-500));--btn-primary-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 4px 12px rgba(59, 130, 246, .2);--btn-primary-shadow-hover: 0 4px 8px rgba(0, 0, 0, .1), 0 8px 24px rgba(59, 130, 246, .25);--btn-secondary-border-hover: var(--color-primary-500);--btn-secondary-shadow-hover: 0 0 20px rgba(59, 130, 246, .1);--input-bg: #ffffff;--input-border: rgba(0, 0, 0, .1);--input-border-focus: var(--color-primary-500);--input-shadow-focus: 0 0 0 3px rgba(59, 130, 246, .1), 0 0 20px rgba(59, 130, 246, .06);--input-search-border-focus: var(--color-cyan-500);--input-search-shadow-focus: 0 0 0 3px rgba(6, 182, 212, .1), 0 0 20px rgba(6, 182, 212, .06);--sidebar-bg: rgba(255, 255, 255, .9);--sidebar-border: rgba(0, 0, 0, .06);--sidebar-link-hover-bg: linear-gradient(90deg, rgba(59, 130, 246, .08), transparent);--sidebar-link-active-bg: linear-gradient(90deg, rgba(59, 130, 246, .12), transparent);--sidebar-link-active-border: var(--color-primary-500);--sidebar-accent-gradient: linear-gradient(180deg, var(--color-primary-500) 0%, var(--color-cyan-500) 50%, var(--color-violet-500) 100%);--modal-bg: rgba(255, 255, 255, .98);--modal-border: rgba(0, 0, 0, .08);--modal-shadow: 0 24px 48px -12px rgba(0, 0, 0, .15), 0 0 60px rgba(0, 0, 0, .08);--modal-backdrop: rgba(0, 0, 0, .4);--dropdown-bg: rgba(255, 255, 255, .98);--dropdown-border: rgba(0, 0, 0, .08);--dropdown-shadow: 0 16px 48px -4px rgba(0, 0, 0, .12), 0 0 40px rgba(0, 0, 0, .04);--dropdown-item-hover: rgba(59, 130, 246, .08);--status-completed-glow: 0 0 15px rgba(16, 185, 129, .12);--status-progress-glow: 0 0 15px rgba(59, 130, 246, .12);--status-review-glow: 0 0 15px rgba(245, 158, 11, .12);--progress-gradient: linear-gradient(90deg, var(--color-primary-500), var(--color-cyan-500));--progress-glow: 0 0 8px rgba(59, 130, 246, .2);--avatar-hover-shadow: 0 8px 16px rgba(0, 0, 0, .12), 0 0 20px rgba(59, 130, 246, .15);--tooltip-bg: #1e293b;--tooltip-border: rgba(255, 255, 255, .1);--tooltip-shadow: 0 8px 24px rgba(0, 0, 0, .15);--tooltip-text: #ffffff;--bg-gradient-primary: radial-gradient(ellipse 80% 50% at 0% 0%, rgba(59, 130, 246, .06) 0%, transparent 50%);--bg-gradient-violet: radial-gradient(ellipse 60% 40% at 100% 0%, rgba(139, 92, 246, .05) 0%, transparent 50%);--bg-gradient-cyan: radial-gradient(ellipse 50% 40% at 0% 100%, rgba(6, 182, 212, .04) 0%, transparent 50%);--bg-gradient-base: linear-gradient(180deg, #f8fafc 0%, #ffffff 50%, #f1f5f9 100%);--card-blue-top: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);--card-blue-border-hover: rgba(59, 130, 246, .3);--card-blue-glow: 0 0 30px rgba(59, 130, 246, .08);--card-blue-icon: #2563eb;--card-purple-top: linear-gradient(180deg, #faf5ff 0%, #f3e8ff 100%);--card-purple-border-hover: rgba(168, 85, 247, .3);--card-purple-glow: 0 0 30px rgba(168, 85, 247, .08);--card-purple-icon: #7c3aed;--card-green-top: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);--card-green-border-hover: rgba(34, 197, 94, .3);--card-green-glow: 0 0 30px rgba(34, 197, 94, .08);--card-green-icon: #16a34a;--card-teal-top: linear-gradient(180deg, #f0fdfa 0%, #ccfbf1 100%);--card-teal-border-hover: rgba(20, 184, 166, .3);--card-teal-glow: 0 0 30px rgba(20, 184, 166, .08);--card-teal-icon: #0d9488;--card-indigo-top: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 100%);--card-indigo-border-hover: rgba(99, 102, 241, .3);--card-indigo-glow: 0 0 30px rgba(99, 102, 241, .08);--card-indigo-icon: #4f46e5;--card-rose-top: linear-gradient(180deg, #fff1f2 0%, #fecdd3 100%);--card-rose-border-hover: rgba(244, 63, 94, .3);--card-rose-glow: 0 0 30px rgba(244, 63, 94, .08);--card-rose-icon: #e11d48;--stage-cyan-bg: rgba(6, 182, 212, .1);--stage-cyan-icon: #0891b2;--stage-cyan-border-hover: rgba(6, 182, 212, .2);--stage-cyan-glow: 0 8px 24px rgba(6, 182, 212, .08);--stage-violet-bg: rgba(124, 77, 255, .1);--stage-violet-icon: #7c3aed;--stage-violet-border-hover: rgba(124, 77, 255, .2);--stage-violet-glow: 0 8px 24px rgba(124, 77, 255, .08);--stage-rose-bg: rgba(244, 63, 94, .1);--stage-rose-icon: #e11d48;--stage-amber-bg: rgba(245, 158, 11, .1);--stage-amber-icon: #d97706;--stage-emerald-bg: rgba(16, 185, 129, .1);--stage-emerald-icon: #059669;--stage-blue-bg: rgba(59, 130, 246, .1);--stage-blue-icon: #2563eb;--badge-active-bg: rgba(16, 185, 129, .1);--badge-active-text: #059669;--badge-active-border: rgba(16, 185, 129, .2);--badge-progress-bg: rgba(59, 130, 246, .1);--badge-progress-text: #2563eb;--badge-progress-border: rgba(59, 130, 246, .2);--badge-completed-bg: rgba(16, 185, 129, .1);--badge-completed-text: #059669;--badge-completed-border: rgba(16, 185, 129, .2);--badge-review-bg: rgba(245, 158, 11, .1);--badge-review-text: #d97706;--badge-review-border: rgba(245, 158, 11, .2);--badge-draft-bg: rgba(100, 116, 139, .1);--badge-draft-text: #64748b;--badge-draft-border: rgba(100, 116, 139, .2);--activity-bg: linear-gradient(145deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);--activity-item-hover: rgba(59, 130, 246, .06);--activity-icon-audio-bg: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(59, 130, 246, .05));--activity-icon-audio-color: #2563eb;--activity-icon-complete-bg: linear-gradient(135deg, rgba(34, 197, 94, .1), rgba(34, 197, 94, .05));--activity-icon-complete-color: #16a34a;--activity-icon-comment-bg: linear-gradient(135deg, rgba(168, 85, 247, .1), rgba(168, 85, 247, .05));--activity-icon-comment-color: #7c3aed;--header-bg: rgba(255, 255, 255, .85);--header-border: rgba(0, 0, 0, .05);--header-shadow: 0 1px 3px rgba(0, 0, 0, .05);--nav-link-active-color: var(--color-primary-600);--nav-link-underline: linear-gradient(90deg, var(--color-primary-500), var(--color-cyan-500));--nav-link-underline-glow: none;--sidebar-link-hover-color: var(--color-primary-600);--sidebar-section-title-color: var(--color-primary-500);--btn-ghost-hover-bg: rgba(59, 130, 246, .08);--btn-ghost-hover-border: rgba(59, 130, 246, .2);--btn-success-shadow-hover: 0 4px 8px rgba(0, 0, 0, .08), 0 8px 24px rgba(16, 185, 129, .15);--btn-danger-shadow-hover: 0 4px 8px rgba(0, 0, 0, .08), 0 8px 24px rgba(244, 63, 94, .15);--btn-icon-hover-bg: rgba(59, 130, 246, .08);--btn-icon-hover-border: rgba(59, 130, 246, .2);--card-title-hover-color: var(--color-primary-600);--view-toggle-bg: var(--color-background-subtle);--view-toggle-active-bg: var(--color-background);--view-toggle-active-color: var(--color-primary-600);--view-toggle-active-shadow: 0 2px 8px rgba(0, 0, 0, .08);--dashboard-title-gradient: linear-gradient(135deg, #1e293b 0%, #475569 100%);--dashboard-title-icon-color: var(--color-warning-500);--stat-card-bg: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);--stat-card-border: rgba(0, 0, 0, .04);--stat-card-border-hover: rgba(59, 130, 246, .2);--stat-card-shadow-hover: 0 20px 40px -12px rgba(0, 0, 0, .1), 0 0 40px rgba(59, 130, 246, .06);--stat-card-glow-line: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, .3) 50%, transparent 100%);--stat-icon-bg: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(139, 92, 246, .05));--stat-icon-color: var(--color-primary-600);--stat-value-gradient: linear-gradient(135deg, #1e293b 0%, #475569 100%);--project-meta-border: rgba(0, 0, 0, .06);--bg-mesh-primary: radial-gradient(ellipse 80% 50% at 0% 0%, rgba(59, 130, 246, .06) 0%, transparent 50%);--bg-mesh-violet: radial-gradient(ellipse 60% 40% at 100% 0%, rgba(139, 92, 246, .05) 0%, transparent 50%);--bg-mesh-cyan: radial-gradient(ellipse 50% 40% at 0% 100%, rgba(6, 182, 212, .04) 0%, transparent 50%);--bg-mesh-emerald: radial-gradient(ellipse 40% 30% at 100% 100%, rgba(16, 185, 129, .03) 0%, transparent 50%);--bg-mesh-base: linear-gradient(180deg, #f8fafc 0%, #ffffff 50%, #f1f5f9 100%);--aurora-opacity: .3;--aurora-color-1: rgba(59, 130, 246, .03);--aurora-color-2: rgba(139, 92, 246, .02);--aurora-color-3: rgba(6, 182, 212, .03);--particles-white-opacity: .15;--particles-color-opacity: .25;--orb-1-color: rgba(59, 130, 246, .1);--orb-2-color: rgba(139, 92, 246, .08);--orb-3-color: rgba(6, 182, 212, .08);--orb-opacity: .6;--orb-blur: 120px;--grid-line-color: rgba(0, 0, 0, .03);--noise-opacity: .01;--page-title-gradient: linear-gradient(135deg, #1e293b 0%, #475569 100%);--tabs-bg: rgba(241, 245, 249, .8);--tab-hover-bg: rgba(0, 0, 0, .04);--tab-active-bg: rgba(59, 130, 246, .1);--tab-active-color: var(--color-primary-600);--tab-count-bg: rgba(0, 0, 0, .06);--tab-count-active-bg: rgba(59, 130, 246, .15);--filter-bar-bg: rgba(255, 255, 255, .9);--filter-bar-border: rgba(0, 0, 0, .06);--filter-input-bg: rgba(241, 245, 249, .8);--filter-input-border: rgba(0, 0, 0, .08);--filter-input-border-hover: rgba(0, 0, 0, .12);--project-card-bg: #ffffff;--project-card-border: rgba(0, 0, 0, .06);--project-card-border-hover: rgba(59, 130, 246, .3);--project-card-shadow-hover: 0 20px 40px -12px rgba(0, 0, 0, .15), 0 0 40px rgba(59, 130, 246, .08);--project-card-icon-bg: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(139, 92, 246, .05));--project-card-icon-color: var(--color-primary-600);--project-card-footer-bg: rgba(248, 250, 252, .5);--detail-header-bg: rgba(255, 255, 255, .95);--detail-header-icon-bg: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(139, 92, 246, .05));--detail-header-icon-color: var(--color-primary-600);--detail-stats-border: rgba(0, 0, 0, .04);--track-card-bg: #ffffff;--track-card-border: rgba(0, 0, 0, .06);--track-card-border-hover: rgba(59, 130, 246, .2);--track-card-drag-bg: rgba(59, 130, 246, .05);--track-progress-bg: rgba(0, 0, 0, .06);--track-progress-fill: linear-gradient(90deg, var(--color-primary-500), var(--color-cyan-500));--stage-card-bg: #ffffff;--stage-card-border: rgba(0, 0, 0, .06);--stage-card-border-hover: rgba(59, 130, 246, .2);--stage-card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .08);--stage-icon-bg: rgba(0, 0, 0, .04);--stage-order-bg: rgba(0, 0, 0, .04);--version-panel-bg: rgba(255, 255, 255, .98);--version-item-bg: rgba(0, 0, 0, .02);--version-item-border: rgba(0, 0, 0, .04);--version-item-hover-bg: rgba(0, 0, 0, .04);--version-item-active-bg: rgba(59, 130, 246, .08);--version-item-active-border: rgba(59, 130, 246, .3);--premium-card-bg: rgba(255, 255, 255, .95);--premium-card-border: rgba(0, 0, 0, .08);--premium-card-border-hover: rgba(0, 0, 0, .15);--premium-card-shadow-hover: 0 20px 40px -12px rgba(0, 0, 0, .15);--premium-top-bg: linear-gradient(180deg, rgba(248, 250, 252, .98) 0%, rgba(241, 245, 249, .95) 100%);--premium-top-blue: linear-gradient(180deg, rgba(239, 246, 255, .98) 0%, rgba(219, 234, 254, .95) 100%);--premium-top-purple: linear-gradient(180deg, rgba(250, 245, 255, .98) 0%, rgba(243, 232, 255, .95) 100%);--premium-top-green: linear-gradient(180deg, rgba(240, 253, 244, .98) 0%, rgba(220, 252, 231, .95) 100%);--premium-top-teal: linear-gradient(180deg, rgba(240, 253, 250, .98) 0%, rgba(204, 251, 241, .95) 100%);--premium-top-indigo: linear-gradient(180deg, rgba(238, 242, 255, .98) 0%, rgba(224, 231, 255, .95) 100%);--premium-top-rose: linear-gradient(180deg, rgba(255, 241, 242, .98) 0%, rgba(254, 226, 226, .95) 100%);--premium-info-bg: rgba(255, 255, 255, .98);--premium-footer-bg: rgba(248, 250, 252, .95);--premium-footer-border: rgba(0, 0, 0, .04);--premium-icon-wrapper-border: rgba(0, 0, 0, .1);--premium-icon-wrapper-bg: linear-gradient(135deg, rgba(0, 0, 0, .04) 0%, rgba(0, 0, 0, .01) 100%);--premium-blue-border: rgba(59, 130, 246, .2);--premium-purple-border: rgba(168, 85, 247, .2);--premium-green-border: rgba(34, 197, 94, .2);--premium-teal-border: rgba(20, 184, 166, .2);--premium-indigo-border: rgba(99, 102, 241, .2);--premium-rose-border: rgba(244, 63, 94, .2);--premium-blue-icon-wrapper-border: rgba(59, 130, 246, .4);--premium-blue-icon-wrapper-bg: linear-gradient(135deg, rgba(59, 130, 246, .15) 0%, rgba(59, 130, 246, .03) 100%);--premium-purple-icon-wrapper-border: rgba(168, 85, 247, .4);--premium-purple-icon-wrapper-bg: linear-gradient(135deg, rgba(168, 85, 247, .15) 0%, rgba(168, 85, 247, .03) 100%);--premium-green-icon-wrapper-border: rgba(34, 197, 94, .4);--premium-green-icon-wrapper-bg: linear-gradient(135deg, rgba(34, 197, 94, .15) 0%, rgba(34, 197, 94, .03) 100%);--premium-teal-icon-wrapper-border: rgba(20, 184, 166, .4);--premium-teal-icon-wrapper-bg: linear-gradient(135deg, rgba(20, 184, 166, .15) 0%, rgba(20, 184, 166, .03) 100%);--premium-indigo-icon-wrapper-border: rgba(99, 102, 241, .4);--premium-indigo-icon-wrapper-bg: linear-gradient(135deg, rgba(99, 102, 241, .15) 0%, rgba(99, 102, 241, .03) 100%);--premium-rose-icon-wrapper-border: rgba(244, 63, 94, .4);--premium-rose-icon-wrapper-bg: linear-gradient(135deg, rgba(244, 63, 94, .15) 0%, rgba(244, 63, 94, .03) 100%);--premium-blue-icon: #2563eb;--premium-purple-icon: #9333ea;--premium-green-icon: #16a34a;--premium-teal-icon: #0d9488;--premium-indigo-icon: #4f46e5;--premium-rose-icon: #e11d48;--premium-blue-glow: rgba(59, 130, 246, .3);--premium-purple-glow: rgba(168, 85, 247, .3);--premium-green-glow: rgba(34, 197, 94, .3);--premium-teal-glow: rgba(20, 184, 166, .3);--premium-indigo-glow: rgba(99, 102, 241, .3);--premium-rose-glow: rgba(244, 63, 94, .3);--premium-status-active-bg: rgba(59, 130, 246, .12);--premium-status-active-color: #2563eb;--premium-status-active-border: rgba(59, 130, 246, .25);--premium-status-review-bg: rgba(168, 85, 247, .12);--premium-status-review-color: #9333ea;--premium-status-review-border: rgba(168, 85, 247, .25);--premium-status-completed-bg: rgba(34, 197, 94, .12);--premium-status-completed-color: #16a34a;--premium-status-completed-border: rgba(34, 197, 94, .25);--premium-status-onhold-bg: rgba(251, 191, 36, .12);--premium-status-onhold-color: #d97706;--premium-status-onhold-border: rgba(251, 191, 36, .25);--premium-status-locked-bg: rgba(100, 116, 139, .1);--premium-status-locked-color: #64748b;--premium-status-locked-border: rgba(100, 116, 139, .15);--premium-activity-bg: linear-gradient(145deg, rgba(248, 250, 252, .9) 0%, rgba(241, 245, 249, .7) 100%);--premium-activity-border: rgba(0, 0, 0, .06);--premium-activity-item-hover: rgba(59, 130, 246, .06);--premium-activity-icon-audio-bg: linear-gradient(135deg, rgba(59, 130, 246, .12), rgba(59, 130, 246, .06));--premium-activity-icon-audio-color: #2563eb;--premium-activity-icon-complete-bg: linear-gradient(135deg, rgba(34, 197, 94, .12), rgba(34, 197, 94, .06));--premium-activity-icon-complete-color: #16a34a;--premium-activity-icon-comment-bg: linear-gradient(135deg, rgba(168, 85, 247, .12), rgba(168, 85, 247, .06));--premium-activity-icon-comment-color: #9333ea;--premium-activity-icon-version-bg: linear-gradient(135deg, rgba(251, 191, 36, .12), rgba(251, 191, 36, .06));--premium-activity-icon-version-color: #d97706;--premium-activity-icon-upload-bg: linear-gradient(135deg, rgba(6, 182, 212, .12), rgba(6, 182, 212, .06));--premium-activity-icon-upload-color: #0891b2;--premium-activity-icon-mix-bg: linear-gradient(135deg, rgba(236, 72, 153, .12), rgba(236, 72, 153, .06));--premium-activity-icon-mix-color: #db2777;--premium-avatar-border: rgba(255, 255, 255, 1)}[data-theme=dark]{--color-background: #0a0f1a;--color-background-subtle: #0d1320;--color-background-muted: #111827;--color-background-elevated: #1a2234;--color-background-surface: #1e293b;--color-background-hover: #243352;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-disabled: #475569;--color-text-inverse: #0f172a;--color-border: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .04);--color-border-strong: rgba(255, 255, 255, .12);--color-border-light: rgba(255, 255, 255, .06);--color-hover-bg: rgba(255, 255, 255, .05);--color-hover-border: rgba(255, 255, 255, .15);--color-active-bg: rgba(255, 255, 255, .1);--color-focus-ring: var(--color-primary-400);--color-gray-50: #1e293b;--color-gray-100: #334155;--color-gray-200: #475569;--color-gray-300: #64748b;--color-gray-400: #94a3b8;--color-gray-500: #cbd5e1;--color-gray-600: #e2e8f0;--color-gray-700: #f1f5f9;--color-gray-800: #f8fafc;--color-gray-900: #ffffff;--glass-bg: rgba(17, 24, 39, .8);--glass-bg-strong: rgba(17, 24, 39, .95);--glass-border: rgba(255, 255, 255, .08);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6);--shadow-glow-primary: 0 0 40px rgba(0, 128, 255, .3);--shadow-glow-cyan: 0 0 40px rgba(6, 182, 212, .3);--shadow-glow-violet: 0 0 40px rgba(139, 92, 246, .25);--shadow-glow-emerald: 0 0 30px rgba(16, 185, 129, .25);--shadow-glow-amber: 0 0 30px rgba(245, 158, 11, .25);--shadow-glow-rose: 0 0 30px rgba(244, 63, 94, .25);--card-bg: rgba(17, 24, 39, .7);--card-bg-hover: rgba(17, 24, 39, .9);--card-border: rgba(255, 255, 255, .08);--card-border-hover: rgba(59, 130, 246, .4);--card-shadow: var(--shadow-lg);--card-shadow-hover: var(--shadow-xl), var(--shadow-glow-primary);--btn-primary-shadow: var(--shadow-md), 0 0 20px rgba(0, 128, 255, .2);--btn-primary-shadow-hover: var(--shadow-lg), 0 0 30px rgba(0, 128, 255, .3);--btn-secondary-shadow-hover: 0 0 20px rgba(0, 128, 255, .15);--input-bg: rgba(30, 41, 59, .5);--input-border: rgba(255, 255, 255, .08);--input-border-focus: var(--color-primary-400);--input-shadow-focus: 0 0 0 3px rgba(0, 128, 255, .15), 0 0 20px rgba(0, 128, 255, .1);--input-search-shadow-focus: 0 0 0 3px rgba(6, 182, 212, .15), 0 0 20px rgba(6, 182, 212, .1);--sidebar-bg: var(--glass-bg);--sidebar-border: var(--color-border);--sidebar-link-hover-bg: linear-gradient(90deg, rgba(0, 128, 255, .1), transparent);--sidebar-link-active-bg: linear-gradient(90deg, rgba(0, 128, 255, .15), transparent);--sidebar-link-active-border: var(--color-primary-400);--modal-bg: var(--color-background-elevated);--modal-border: var(--color-border);--modal-shadow: var(--shadow-2xl), 0 0 80px rgba(0, 0, 0, .5);--modal-backdrop: rgba(0, 0, 0, .7);--dropdown-bg: var(--glass-bg);--dropdown-border: var(--color-border);--dropdown-shadow: var(--shadow-xl), 0 0 40px rgba(0, 0, 0, .3);--dropdown-item-hover: rgba(0, 128, 255, .1);--status-completed-glow: 0 0 15px rgba(16, 185, 129, .2);--status-progress-glow: 0 0 15px rgba(0, 128, 255, .2);--status-review-glow: 0 0 15px rgba(245, 158, 11, .2);--progress-glow: 0 0 10px rgba(0, 128, 255, .3);--avatar-hover-shadow: var(--shadow-lg), 0 0 20px rgba(0, 128, 255, .3);--tooltip-bg: var(--color-background-elevated);--tooltip-border: var(--color-border);--tooltip-shadow: var(--shadow-lg), 0 0 20px rgba(0, 0, 0, .3);--tooltip-text: var(--color-text-primary);--bg-gradient-primary: radial-gradient(ellipse 80% 50% at 20% -10%, rgba(0, 128, 255, .08) 0%, transparent 50%);--bg-gradient-violet: radial-gradient(ellipse 60% 40% at 80% 0%, rgba(139, 92, 246, .06) 0%, transparent 50%);--bg-gradient-cyan: radial-gradient(ellipse 50% 30% at 10% 100%, rgba(6, 182, 212, .05) 0%, transparent 50%);--bg-gradient-base: linear-gradient(180deg, #0a0f1a 0%, #0d1320 50%, #111827 100%);--card-blue-top: linear-gradient(180deg, rgba(59, 130, 246, .15) 0%, rgba(59, 130, 246, .05) 100%);--card-blue-border-hover: rgba(59, 130, 246, .4);--card-blue-glow: 0 0 60px rgba(59, 130, 246, .15);--card-blue-icon: #60a5fa;--card-purple-top: linear-gradient(180deg, rgba(168, 85, 247, .15) 0%, rgba(168, 85, 247, .05) 100%);--card-purple-border-hover: rgba(168, 85, 247, .4);--card-purple-glow: 0 0 60px rgba(168, 85, 247, .15);--card-purple-icon: #c084fc;--card-green-top: linear-gradient(180deg, rgba(34, 197, 94, .15) 0%, rgba(34, 197, 94, .05) 100%);--card-green-border-hover: rgba(34, 197, 94, .4);--card-green-glow: 0 0 60px rgba(34, 197, 94, .15);--card-green-icon: #4ade80;--card-teal-top: linear-gradient(180deg, rgba(20, 184, 166, .15) 0%, rgba(20, 184, 166, .05) 100%);--card-teal-border-hover: rgba(20, 184, 166, .4);--card-teal-glow: 0 0 60px rgba(20, 184, 166, .15);--card-teal-icon: #2dd4bf;--card-indigo-top: linear-gradient(180deg, rgba(99, 102, 241, .15) 0%, rgba(99, 102, 241, .05) 100%);--card-indigo-border-hover: rgba(99, 102, 241, .4);--card-indigo-glow: 0 0 60px rgba(99, 102, 241, .15);--card-indigo-icon: #818cf8;--card-rose-top: linear-gradient(180deg, rgba(244, 63, 94, .15) 0%, rgba(244, 63, 94, .05) 100%);--card-rose-border-hover: rgba(244, 63, 94, .4);--card-rose-glow: 0 0 60px rgba(244, 63, 94, .15);--card-rose-icon: #fb7185;--stage-cyan-bg: rgba(0, 229, 255, .15);--stage-cyan-icon: #00e5ff;--stage-cyan-border-hover: rgba(0, 229, 255, .3);--stage-cyan-glow: 0 8px 30px rgba(0, 229, 255, .1);--stage-violet-bg: rgba(124, 77, 255, .15);--stage-violet-icon: #b388ff;--stage-violet-border-hover: rgba(124, 77, 255, .3);--stage-violet-glow: 0 8px 30px rgba(124, 77, 255, .1);--stage-rose-bg: rgba(255, 82, 82, .15);--stage-rose-icon: #ff5252;--stage-amber-bg: rgba(255, 196, 0, .15);--stage-amber-icon: #ffc400;--stage-emerald-bg: rgba(0, 230, 118, .15);--stage-emerald-icon: #00e676;--stage-blue-bg: rgba(0, 128, 255, .15);--stage-blue-icon: #1a93ff;--badge-active-bg: rgba(16, 185, 129, .15);--badge-active-text: #34d399;--badge-active-border: rgba(16, 185, 129, .3);--badge-progress-bg: rgba(59, 130, 246, .15);--badge-progress-text: #60a5fa;--badge-progress-border: rgba(59, 130, 246, .3);--badge-completed-bg: rgba(59, 130, 246, .15);--badge-completed-text: #60a5fa;--badge-completed-border: rgba(59, 130, 246, .3);--badge-review-bg: rgba(245, 158, 11, .15);--badge-review-text: #fbbf24;--badge-review-border: rgba(245, 158, 11, .3);--badge-draft-bg: rgba(100, 116, 139, .15);--badge-draft-text: #94a3b8;--badge-draft-border: rgba(100, 116, 139, .3);--activity-bg: linear-gradient(145deg, rgba(17, 24, 39, .9) 0%, rgba(15, 23, 42, .95) 100%);--activity-item-hover: rgba(0, 128, 255, .08);--activity-icon-audio-bg: linear-gradient(135deg, rgba(0, 128, 255, .2), rgba(0, 128, 255, .1));--activity-icon-audio-color: #1a93ff;--activity-icon-complete-bg: linear-gradient(135deg, rgba(0, 230, 118, .2), rgba(0, 230, 118, .1));--activity-icon-complete-color: #00e676;--activity-icon-comment-bg: linear-gradient(135deg, rgba(124, 77, 255, .2), rgba(124, 77, 255, .1));--activity-icon-comment-color: #b388ff;--header-bg: rgba(10, 15, 26, .8);--header-border: rgba(255, 255, 255, .06);--header-shadow: 0 1px 3px rgba(0, 0, 0, .3);--nav-link-active-color: var(--color-primary-400);--nav-link-underline: linear-gradient(90deg, var(--color-primary-400), var(--color-cyan-400));--nav-link-underline-glow: 0 0 10px var(--color-primary-400);--sidebar-link-hover-color: var(--color-primary-400);--sidebar-section-title-color: var(--color-cyan-400);--btn-ghost-hover-bg: rgba(0, 128, 255, .1);--btn-ghost-hover-border: rgba(0, 128, 255, .3);--btn-success-shadow-hover: 0 4px 8px rgba(0, 0, 0, .2), 0 8px 24px rgba(16, 185, 129, .3);--btn-danger-shadow-hover: 0 4px 8px rgba(0, 0, 0, .2), 0 8px 24px rgba(244, 63, 94, .3);--btn-icon-hover-bg: rgba(0, 128, 255, .1);--btn-icon-hover-border: rgba(0, 128, 255, .3);--card-title-hover-color: var(--color-primary-400);--view-toggle-bg: var(--color-background-muted);--view-toggle-active-bg: var(--color-background-elevated);--view-toggle-active-color: var(--color-primary-400);--view-toggle-active-shadow: 0 2px 12px rgba(0, 0, 0, .3);--dashboard-title-gradient: linear-gradient(135deg, #ffffff 0%, #94a3b8 100%);--dashboard-title-icon-color: var(--color-warning-400);--stat-card-bg: linear-gradient(135deg, rgba(30, 41, 59, .6) 0%, rgba(15, 23, 42, .4) 100%);--stat-card-border: rgba(255, 255, 255, .08);--stat-card-border-hover: rgba(59, 130, 246, .3);--stat-card-shadow-hover: 0 20px 40px -12px rgba(0, 0, 0, .4), 0 0 60px rgba(59, 130, 246, .1);--stat-card-glow-line: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, .5) 50%, transparent 100%);--stat-icon-bg: linear-gradient(135deg, rgba(59, 130, 246, .2), rgba(139, 92, 246, .1));--stat-icon-color: var(--color-primary-400);--stat-value-gradient: linear-gradient(135deg, #ffffff 0%, #94a3b8 100%);--project-meta-border: rgba(255, 255, 255, .06);--bg-mesh-primary: radial-gradient(ellipse 80% 50% at 0% 0%, rgba(59, 130, 246, .15) 0%, transparent 50%);--bg-mesh-violet: radial-gradient(ellipse 60% 40% at 100% 0%, rgba(139, 92, 246, .12) 0%, transparent 50%);--bg-mesh-cyan: radial-gradient(ellipse 50% 40% at 0% 100%, rgba(6, 182, 212, .1) 0%, transparent 50%);--bg-mesh-emerald: radial-gradient(ellipse 40% 30% at 100% 100%, rgba(16, 185, 129, .08) 0%, transparent 50%);--bg-mesh-base: linear-gradient(180deg, #0a0f1a 0%, #050810 100%);--aurora-opacity: 1;--aurora-speed: 60s;--aurora-color-1: rgba(59, 130, 246, .05);--aurora-color-2: rgba(139, 92, 246, .04);--aurora-color-3: rgba(6, 182, 212, .05);--particles-white-opacity: .3;--particles-color-opacity: .5;--orb-1-color: rgba(59, 130, 246, .3);--orb-2-color: rgba(139, 92, 246, .25);--orb-3-color: rgba(6, 182, 212, .25);--orb-opacity: .8;--orb-blur: 100px;--grid-line-color: rgba(255, 255, 255, .03);--noise-opacity: .02;--beam-opacity: .5;--page-title-gradient: linear-gradient(135deg, #ffffff 0%, #94a3b8 100%);--tabs-bg: rgba(17, 24, 39, .4);--tab-hover-bg: rgba(255, 255, 255, .05);--tab-active-bg: rgba(59, 130, 246, .15);--tab-active-color: var(--color-primary-400);--tab-count-bg: rgba(255, 255, 255, .1);--tab-count-active-bg: rgba(59, 130, 246, .3);--filter-bar-bg: rgba(17, 24, 39, .6);--filter-bar-border: rgba(255, 255, 255, .08);--filter-input-bg: rgba(30, 41, 59, .5);--filter-input-border: rgba(255, 255, 255, .08);--filter-input-border-hover: rgba(255, 255, 255, .15);--project-card-bg: rgba(17, 24, 39, .7);--project-card-border: rgba(255, 255, 255, .08);--project-card-border-hover: rgba(59, 130, 246, .4);--project-card-shadow-hover: 0 20px 40px -12px rgba(0, 0, 0, .4), 0 0 60px rgba(59, 130, 246, .15);--project-card-icon-bg: linear-gradient(135deg, rgba(59, 130, 246, .2), rgba(139, 92, 246, .1));--project-card-icon-color: var(--color-primary-400);--project-card-footer-bg: rgba(0, 0, 0, .2);--detail-header-bg: rgba(17, 24, 39, .8);--detail-header-icon-bg: linear-gradient(135deg, rgba(59, 130, 246, .2), rgba(139, 92, 246, .1));--detail-header-icon-color: var(--color-primary-400);--detail-stats-border: rgba(255, 255, 255, .06);--track-card-bg: rgba(17, 24, 39, .6);--track-card-border: rgba(255, 255, 255, .08);--track-card-border-hover: rgba(59, 130, 246, .3);--track-card-drag-bg: rgba(59, 130, 246, .08);--track-progress-bg: rgba(255, 255, 255, .1);--track-progress-fill: linear-gradient(90deg, var(--color-primary-500), var(--color-cyan-500));--stage-card-bg: rgba(17, 24, 39, .6);--stage-card-border: rgba(255, 255, 255, .08);--stage-card-border-hover: rgba(59, 130, 246, .3);--stage-card-shadow-hover: 0 8px 30px rgba(0, 0, 0, .3), 0 0 40px rgba(59, 130, 246, .1);--stage-icon-bg: rgba(255, 255, 255, .08);--stage-order-bg: rgba(255, 255, 255, .08);--version-panel-bg: rgba(17, 24, 39, .95);--version-item-bg: rgba(255, 255, 255, .03);--version-item-border: rgba(255, 255, 255, .06);--version-item-hover-bg: rgba(255, 255, 255, .06);--version-item-active-bg: rgba(0, 128, 255, .1);--version-item-active-border: rgba(0, 128, 255, .4);--premium-card-bg: rgba(15, 23, 42, .6);--premium-card-border: rgba(255, 255, 255, .08);--premium-card-border-hover: rgba(255, 255, 255, .15);--premium-card-shadow-hover: 0 20px 40px -12px rgba(0, 0, 0, .4);--premium-top-bg: linear-gradient(180deg, rgba(8, 12, 24, .95) 0%, rgba(12, 18, 35, .9) 100%);--premium-top-blue: linear-gradient(180deg, rgba(10, 20, 45, .95) 0%, rgba(15, 25, 50, .9) 100%);--premium-top-purple: linear-gradient(180deg, rgba(25, 10, 45, .95) 0%, rgba(30, 15, 50, .9) 100%);--premium-top-green: linear-gradient(180deg, rgba(8, 30, 20, .95) 0%, rgba(10, 35, 25, .9) 100%);--premium-top-teal: linear-gradient(180deg, rgba(8, 30, 30, .95) 0%, rgba(10, 35, 35, .9) 100%);--premium-top-indigo: linear-gradient(180deg, rgba(15, 12, 40, .95) 0%, rgba(20, 18, 50, .9) 100%);--premium-top-rose: linear-gradient(180deg, rgba(35, 8, 20, .95) 0%, rgba(40, 12, 25, .9) 100%);--premium-info-bg: rgba(16, 21, 32, .98);--premium-footer-bg: rgba(15, 20, 35, .95);--premium-footer-border: rgba(255, 255, 255, .04);--premium-icon-wrapper-border: rgba(255, 255, 255, .15);--premium-icon-wrapper-bg: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .02) 100%);--premium-blue-border: rgba(59, 130, 246, .2);--premium-purple-border: rgba(168, 85, 247, .2);--premium-green-border: rgba(34, 197, 94, .2);--premium-teal-border: rgba(20, 184, 166, .2);--premium-indigo-border: rgba(99, 102, 241, .2);--premium-rose-border: rgba(244, 63, 94, .2);--premium-blue-icon-wrapper-border: rgba(59, 130, 246, .5);--premium-blue-icon-wrapper-bg: linear-gradient(135deg, rgba(59, 130, 246, .25) 0%, rgba(59, 130, 246, .05) 100%);--premium-purple-icon-wrapper-border: rgba(168, 85, 247, .5);--premium-purple-icon-wrapper-bg: linear-gradient(135deg, rgba(168, 85, 247, .25) 0%, rgba(168, 85, 247, .05) 100%);--premium-green-icon-wrapper-border: rgba(34, 197, 94, .5);--premium-green-icon-wrapper-bg: linear-gradient(135deg, rgba(34, 197, 94, .25) 0%, rgba(34, 197, 94, .05) 100%);--premium-teal-icon-wrapper-border: rgba(20, 184, 166, .5);--premium-teal-icon-wrapper-bg: linear-gradient(135deg, rgba(20, 184, 166, .25) 0%, rgba(20, 184, 166, .05) 100%);--premium-indigo-icon-wrapper-border: rgba(99, 102, 241, .5);--premium-indigo-icon-wrapper-bg: linear-gradient(135deg, rgba(99, 102, 241, .25) 0%, rgba(99, 102, 241, .05) 100%);--premium-rose-icon-wrapper-border: rgba(244, 63, 94, .5);--premium-rose-icon-wrapper-bg: linear-gradient(135deg, rgba(244, 63, 94, .25) 0%, rgba(244, 63, 94, .05) 100%);--premium-blue-icon: #60a5fa;--premium-purple-icon: #c084fc;--premium-green-icon: #4ade80;--premium-teal-icon: #2dd4bf;--premium-indigo-icon: #818cf8;--premium-rose-icon: #fb7185;--premium-blue-glow: rgba(59, 130, 246, .5);--premium-purple-glow: rgba(168, 85, 247, .5);--premium-green-glow: rgba(34, 197, 94, .5);--premium-teal-glow: rgba(20, 184, 166, .5);--premium-indigo-glow: rgba(99, 102, 241, .5);--premium-rose-glow: rgba(244, 63, 94, .5);--premium-status-active-bg: rgba(59, 130, 246, .2);--premium-status-active-color: #60a5fa;--premium-status-active-border: rgba(59, 130, 246, .3);--premium-status-review-bg: rgba(168, 85, 247, .2);--premium-status-review-color: #c084fc;--premium-status-review-border: rgba(168, 85, 247, .3);--premium-status-completed-bg: rgba(34, 197, 94, .2);--premium-status-completed-color: #4ade80;--premium-status-completed-border: rgba(34, 197, 94, .3);--premium-status-onhold-bg: rgba(251, 191, 36, .2);--premium-status-onhold-color: #fbbf24;--premium-status-onhold-border: rgba(251, 191, 36, .3);--premium-status-locked-bg: rgba(100, 116, 139, .15);--premium-status-locked-color: #64748b;--premium-status-locked-border: rgba(100, 116, 139, .2);--premium-activity-bg: linear-gradient(145deg, rgba(30, 41, 59, .6) 0%, rgba(15, 23, 42, .4) 100%);--premium-activity-border: rgba(255, 255, 255, .08);--premium-activity-item-hover: rgba(59, 130, 246, .1);--premium-activity-icon-audio-bg: linear-gradient(135deg, rgba(59, 130, 246, .2), rgba(59, 130, 246, .1));--premium-activity-icon-audio-color: #60a5fa;--premium-activity-icon-complete-bg: linear-gradient(135deg, rgba(34, 197, 94, .2), rgba(34, 197, 94, .1));--premium-activity-icon-complete-color: #4ade80;--premium-activity-icon-comment-bg: linear-gradient(135deg, rgba(168, 85, 247, .2), rgba(168, 85, 247, .1));--premium-activity-icon-comment-color: #c084fc;--premium-activity-icon-version-bg: linear-gradient(135deg, rgba(251, 191, 36, .2), rgba(251, 191, 36, .1));--premium-activity-icon-version-color: #fbbf24;--premium-activity-icon-upload-bg: linear-gradient(135deg, rgba(6, 182, 212, .2), rgba(6, 182, 212, .1));--premium-activity-icon-upload-color: #22d3ee;--premium-activity-icon-mix-bg: linear-gradient(135deg, rgba(236, 72, 153, .2), rgba(236, 72, 153, .1));--premium-activity-icon-mix-color: #f472b6;--premium-avatar-border: rgba(25, 35, 52, 1)}:root{--sidebar-accent-opacity: .7;--card-project-shadow-hover: 0 16px 32px -4px rgba(0, 0, 0, .1), 0 8px 16px -4px rgba(0, 0, 0, .05);--dropdown-item-hover-color: var(--color-primary-600);--table-row-hover-bg: var(--color-gray-50);--table-header-bg: var(--color-gray-50);--table-header-border: var(--color-gray-200);--table-stripe-bg: var(--color-gray-50);--tab-active-underline: linear-gradient(90deg, var(--color-primary-500), var(--color-cyan-500));--breadcrumb-hover-color: var(--color-primary-600);--breadcrumb-separator-color: var(--color-gray-400);--skeleton-bg: linear-gradient( 90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75% );--spinner-track: var(--color-gray-200);--spinner-fill: var(--color-primary-500);--badge-shadow: 0 1px 2px rgba(0, 0, 0, .05);--badge-shadow-hover: 0 2px 4px rgba(0, 0, 0, .1);--badge-primary-bg: var(--color-primary-100);--badge-primary-text: var(--color-primary-800);--badge-success-bg: var(--color-success-100);--badge-success-text: var(--color-success-800);--badge-warning-bg: var(--color-warning-100);--badge-warning-text: var(--color-warning-800);--badge-danger-bg: var(--color-error-100);--badge-danger-text: var(--color-error-800);--alert-shadow: 0 1px 3px rgba(0, 0, 0, .08);--alert-info-bg: var(--color-info-50);--alert-info-border: var(--color-info-500);--alert-info-text: var(--color-info-800);--alert-success-bg: var(--color-success-50);--alert-success-border: var(--color-success-500);--alert-success-text: var(--color-success-800);--alert-warning-bg: var(--color-warning-50);--alert-warning-border: var(--color-warning-500);--alert-warning-text: var(--color-warning-800);--alert-error-bg: var(--color-error-50);--alert-error-border: var(--color-error-500);--alert-error-text: var(--color-error-800);--pagination-hover-shadow: 0 4px 8px rgba(0, 0, 0, .1);--pagination-active-bg: var(--color-primary-500);--pagination-active-color: #ffffff;--pagination-active-shadow: 0 2px 8px rgba(59, 130, 246, .3);--empty-state-bg: var(--color-gray-50);--empty-state-border: var(--color-gray-200);--empty-state-icon-color: var(--color-gray-400)}[data-theme=dark]{--sidebar-accent-opacity: .9;--card-project-shadow-hover: 0 20px 40px -4px rgba(0, 0, 0, .5), 0 0 50px rgba(0, 128, 255, .15);--dropdown-item-hover-color: var(--color-primary-400);--table-row-hover-bg: var(--color-background-muted);--table-header-bg: var(--color-background-subtle);--table-header-border: var(--color-border-strong);--table-stripe-bg: rgba(255, 255, 255, .02);--tab-active-underline: linear-gradient(90deg, var(--color-primary-400), var(--color-cyan-400));--breadcrumb-hover-color: var(--color-primary-400);--breadcrumb-separator-color: var(--color-gray-600);--skeleton-bg: linear-gradient( 90deg, var(--color-gray-800) 25%, var(--color-gray-700) 50%, var(--color-gray-800) 75% );--spinner-track: var(--color-gray-700);--spinner-fill: var(--color-primary-400);--badge-shadow: 0 1px 3px rgba(0, 0, 0, .3);--badge-shadow-hover: 0 2px 6px rgba(0, 0, 0, .4);--badge-primary-bg: rgba(59, 130, 246, .2);--badge-primary-text: var(--color-primary-300);--badge-success-bg: rgba(34, 197, 94, .2);--badge-success-text: var(--color-success-300);--badge-warning-bg: rgba(245, 158, 11, .2);--badge-warning-text: var(--color-warning-300);--badge-danger-bg: rgba(239, 68, 68, .2);--badge-danger-text: var(--color-error-300);--alert-shadow: 0 1px 3px rgba(0, 0, 0, .3);--alert-info-bg: rgba(14, 165, 233, .15);--alert-info-border: var(--color-info-400);--alert-info-text: var(--color-info-300);--alert-success-bg: rgba(34, 197, 94, .15);--alert-success-border: var(--color-success-400);--alert-success-text: var(--color-success-300);--alert-warning-bg: rgba(245, 158, 11, .15);--alert-warning-border: var(--color-warning-400);--alert-warning-text: var(--color-warning-300);--alert-error-bg: rgba(239, 68, 68, .15);--alert-error-border: var(--color-error-400);--alert-error-text: var(--color-error-300);--pagination-hover-shadow: 0 4px 12px rgba(0, 0, 0, .3);--pagination-active-bg: var(--color-primary-500);--pagination-active-color: #ffffff;--pagination-active-shadow: 0 2px 12px rgba(59, 130, 246, .4);--empty-state-bg: var(--color-background-subtle);--empty-state-border: var(--color-border);--empty-state-icon-color: var(--color-gray-500)}:root{--dropdown-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dropdown-danger-color: var(--color-error-600);--dropdown-danger-hover-bg: var(--color-error-50);--dropdown-danger-hover-color: var(--color-error-700);--input-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .1);--input-success-shadow: 0 0 0 3px rgba(34, 197, 94, .1);--input-error-shadow: 0 0 0 3px rgba(239, 68, 68, .1);--input-success-bg: var(--color-success-50);--input-error-bg: var(--color-error-50);--notification-error-bg: var(--color-error-50);--notification-error-border: var(--color-error-200);--notification-error-text: var(--color-error-700);--notification-success-bg: var(--color-success-50);--notification-success-border: var(--color-success-200);--notification-success-text: var(--color-success-700);--notification-warning-bg: var(--color-warning-50);--notification-warning-border: var(--color-warning-200);--notification-warning-text: var(--color-warning-700);--notification-info-bg: var(--color-primary-50);--notification-info-border: var(--color-primary-200);--notification-info-text: var(--color-primary-700);--toast-shadow: 0 8px 24px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .08);--toast-hover-shadow: 0 12px 32px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .12);--toast-success-icon-bg: var(--color-success-50);--toast-success-icon-color: var(--color-success-600);--toast-success-title: var(--color-success-700);--toast-error-icon-bg: var(--color-error-50);--toast-error-icon-color: var(--color-error-600);--toast-error-title: var(--color-error-700);--toast-warning-icon-bg: var(--color-warning-50);--toast-warning-icon-color: var(--color-warning-600);--toast-warning-title: var(--color-warning-700);--toast-info-icon-bg: var(--color-primary-50);--toast-info-icon-color: var(--color-primary-600);--toast-info-title: var(--color-primary-700);--filter-tab-active-bg: var(--color-primary-50);--filter-tab-active-color: var(--color-primary-600);--waveform-loading-overlay-bg: rgba(255, 255, 255, .95);--waveform-panel-active-shadow: 0 0 20px rgba(59, 130, 246, .2);--waveform-panel-a-shadow: 0 0 20px rgba(59, 130, 246, .3);--waveform-panel-b-shadow: 0 0 20px rgba(139, 92, 246, .3);--play-btn-gradient-start: var(--color-primary-500);--play-btn-gradient-end: var(--color-primary-600);--play-btn-shadow: 0 4px 14px rgba(59, 130, 246, .4);--play-btn-hover-shadow: 0 6px 20px rgba(59, 130, 246, .5);--marker-selected-bg: var(--color-primary-100);--marker-selected-shadow: 0 2px 8px rgba(59, 130, 246, .2);--marker-hover-bg: var(--color-primary-50);--marker-time-color: var(--color-primary-600);--add-comment-hint-bg: var(--color-primary-50);--add-comment-hint-border: var(--color-primary-300);--add-comment-hint-color: var(--color-primary-700);--upload-icon-gradient-start: var(--color-primary-500);--upload-icon-gradient-end: var(--color-primary-600);--upload-icon-shadow: 0 8px 24px rgba(59, 130, 246, .3);--drag-state-bg: var(--color-primary-50);--drag-state-shadow: 0 8px 16px rgba(59, 130, 246, .2);--ai-toggle-bg: rgba(59, 130, 246, .05);--ai-toggle-border: rgba(59, 130, 246, .2);--track-card-hover-shadow: 0 2px 8px rgba(59, 130, 246, .1);--artwork-badge-bg: var(--color-success-100);--artwork-badge-color: var(--color-success-700);--progress-step-active-bg: var(--color-primary-50);--progress-step-active-border: var(--color-primary-200);--progress-step-complete-bg: var(--color-success-50);--success-icon-gradient-start: var(--color-success-500);--success-icon-gradient-end: var(--color-success-600);--success-icon-shadow: 0 8px 24px rgba(16, 185, 129, .3);--success-title-color: var(--color-success-700);--error-banner-bg: var(--color-error-50);--error-banner-border: var(--color-error-200);--error-banner-color: var(--color-error-700);--mode-btn-active-bg: var(--color-primary-500);--mode-btn-active-border: var(--color-primary-600);--mode-btn-active-shadow: 0 2px 8px rgba(59, 130, 246, .3);--sync-btn-active-bg: var(--color-success-100);--sync-btn-active-border: var(--color-success-400);--sync-btn-active-color: var(--color-success-700);--version-label-a-bg: var(--color-primary-500);--version-label-b-bg: #8b5cf6;--version-number-bg: var(--color-primary-100);--version-number-color: var(--color-primary-700)}[data-theme=dark]{--dropdown-shadow: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .5);--dropdown-danger-color: var(--color-error-400);--dropdown-danger-hover-bg: rgba(239, 68, 68, .15);--dropdown-danger-hover-color: var(--color-error-300);--input-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .2);--input-success-shadow: 0 0 0 3px rgba(34, 197, 94, .2);--input-error-shadow: 0 0 0 3px rgba(239, 68, 68, .2);--input-success-bg: rgba(34, 197, 94, .1);--input-error-bg: rgba(239, 68, 68, .1);--notification-error-bg: rgba(239, 68, 68, .15);--notification-error-border: rgba(239, 68, 68, .3);--notification-error-text: var(--color-error-300);--notification-success-bg: rgba(34, 197, 94, .15);--notification-success-border: rgba(34, 197, 94, .3);--notification-success-text: var(--color-success-300);--notification-warning-bg: rgba(245, 158, 11, .15);--notification-warning-border: rgba(245, 158, 11, .3);--notification-warning-text: var(--color-warning-300);--notification-info-bg: rgba(59, 130, 246, .15);--notification-info-border: rgba(59, 130, 246, .3);--notification-info-text: var(--color-primary-300);--toast-shadow: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--toast-hover-shadow: 0 12px 32px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4);--toast-success-icon-bg: rgba(34, 197, 94, .15);--toast-success-icon-color: var(--color-success-400);--toast-success-title: var(--color-success-300);--toast-error-icon-bg: rgba(239, 68, 68, .15);--toast-error-icon-color: var(--color-error-400);--toast-error-title: var(--color-error-300);--toast-warning-icon-bg: rgba(245, 158, 11, .15);--toast-warning-icon-color: var(--color-warning-400);--toast-warning-title: var(--color-warning-300);--toast-info-icon-bg: rgba(59, 130, 246, .15);--toast-info-icon-color: var(--color-primary-400);--toast-info-title: var(--color-primary-300);--filter-tab-active-bg: rgba(59, 130, 246, .15);--filter-tab-active-color: var(--color-primary-400);--waveform-loading-overlay-bg: rgba(17, 24, 39, .95);--waveform-panel-active-shadow: 0 0 20px rgba(59, 130, 246, .15);--waveform-panel-a-shadow: 0 0 20px rgba(59, 130, 246, .2);--waveform-panel-b-shadow: 0 0 20px rgba(139, 92, 246, .2);--play-btn-gradient-start: rgba(59, 130, 246, .7);--play-btn-gradient-end: rgba(37, 99, 235, .7);--play-btn-shadow: 0 4px 14px rgba(59, 130, 246, .3);--play-btn-hover-shadow: 0 6px 20px rgba(59, 130, 246, .4);--marker-selected-bg: rgba(59, 130, 246, .15);--marker-selected-shadow: 0 2px 8px rgba(59, 130, 246, .25);--marker-hover-bg: rgba(59, 130, 246, .1);--marker-time-color: var(--color-primary-400);--add-comment-hint-bg: rgba(59, 130, 246, .1);--add-comment-hint-border: rgba(59, 130, 246, .3);--add-comment-hint-color: var(--color-primary-400);--upload-icon-gradient-start: rgba(59, 130, 246, .6);--upload-icon-gradient-end: rgba(37, 99, 235, .6);--upload-icon-shadow: 0 8px 24px rgba(59, 130, 246, .2);--drag-state-bg: rgba(59, 130, 246, .1);--drag-state-shadow: 0 8px 16px rgba(59, 130, 246, .15);--ai-toggle-bg: rgba(59, 130, 246, .1);--ai-toggle-border: rgba(59, 130, 246, .3);--track-card-hover-shadow: 0 2px 8px rgba(59, 130, 246, .15);--artwork-badge-bg: rgba(34, 197, 94, .15);--artwork-badge-color: var(--color-success-400);--progress-step-active-bg: rgba(59, 130, 246, .1);--progress-step-active-border: rgba(59, 130, 246, .3);--progress-step-complete-bg: rgba(34, 197, 94, .1);--success-icon-gradient-start: rgba(16, 185, 129, .6);--success-icon-gradient-end: rgba(5, 150, 105, .6);--success-icon-shadow: 0 8px 24px rgba(16, 185, 129, .2);--success-title-color: var(--color-success-400);--error-banner-bg: rgba(239, 68, 68, .15);--error-banner-border: rgba(239, 68, 68, .3);--error-banner-color: var(--color-error-300);--mode-btn-active-bg: rgba(59, 130, 246, .6);--mode-btn-active-border: var(--color-primary-500);--mode-btn-active-shadow: 0 2px 8px rgba(59, 130, 246, .3);--sync-btn-active-bg: rgba(34, 197, 94, .15);--sync-btn-active-border: rgba(34, 197, 94, .4);--sync-btn-active-color: var(--color-success-400);--version-label-a-bg: rgba(59, 130, 246, .6);--version-label-b-bg: rgba(139, 92, 246, .6);--version-number-bg: rgba(59, 130, 246, .2);--version-number-color: var(--color-primary-400)}:root{--select-arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");--dropdown-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dropdown-danger-color: var(--color-error-600);--dropdown-danger-hover-bg: var(--color-error-50);--dropdown-danger-hover-color: var(--color-error-700);--input-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .1);--input-success-shadow: 0 0 0 3px rgba(34, 197, 94, .1);--input-error-shadow: 0 0 0 3px rgba(239, 68, 68, .1);--input-success-bg: var(--color-success-50);--input-error-bg: var(--color-error-50);--form-info-box-bg: var(--color-primary-50);--form-info-box-border: var(--color-primary-200);--form-info-box-title: var(--color-primary-700);--form-info-box-text: var(--color-primary-700);--form-feedback-success-color: var(--color-success-600);--form-feedback-error-color: var(--color-error-600);--form-feedback-warning-color: var(--color-warning-600);--file-input-hover-bg: var(--color-primary-50);--file-input-dragover-bg: var(--color-primary-100);--range-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .2);--range-thumb-hover-shadow: 0 4px 8px rgba(59, 130, 246, .4);--track-icon-bg: var(--color-primary-100);--track-icon-color: var(--color-primary-600);--icon-btn-success-hover-bg: var(--color-success-50);--btn-primary-hover-shadow: 0 4px 12px rgba(37, 99, 235, .3);--marker-delete-hover-bg: var(--color-error-100);--marker-delete-hover-color: var(--color-error-700);--zoom-btn-hover-bg: var(--color-primary-50);--zoom-btn-hover-border: var(--color-primary-300);--zoom-btn-hover-color: var(--color-primary-600);--mode-btn-hover-bg: var(--color-primary-50);--sync-btn-hover-bg: var(--color-primary-50);--control-btn-hover-bg: var(--color-primary-50);--volume-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .2);--notification-error-bg: var(--color-error-50);--notification-error-border: var(--color-error-200);--notification-error-text: var(--color-error-700);--notification-success-bg: var(--color-success-50);--notification-success-border: var(--color-success-200);--notification-success-text: var(--color-success-700);--notification-warning-bg: var(--color-warning-50);--notification-warning-border: var(--color-warning-200);--notification-warning-text: var(--color-warning-700);--notification-info-bg: var(--color-primary-50);--notification-info-border: var(--color-primary-200);--notification-info-text: var(--color-primary-700);--toast-shadow: 0 8px 24px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .08);--toast-hover-shadow: 0 12px 32px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .12);--toast-success-icon-bg: var(--color-success-50);--toast-success-icon-color: var(--color-success-600);--toast-success-title: var(--color-success-700);--toast-error-icon-bg: var(--color-error-50);--toast-error-icon-color: var(--color-error-600);--toast-error-title: var(--color-error-700);--toast-warning-icon-bg: var(--color-warning-50);--toast-warning-icon-color: var(--color-warning-600);--toast-warning-title: var(--color-warning-700);--toast-info-icon-bg: var(--color-primary-50);--toast-info-icon-color: var(--color-primary-600);--toast-info-title: var(--color-primary-700);--filter-tab-active-bg: var(--color-primary-50);--filter-tab-active-color: var(--color-primary-600);--waveform-loading-overlay-bg: rgba(255, 255, 255, .95);--waveform-panel-active-shadow: 0 0 20px rgba(59, 130, 246, .2);--waveform-panel-a-shadow: 0 0 20px rgba(59, 130, 246, .3);--waveform-panel-b-shadow: 0 0 20px rgba(139, 92, 246, .3);--play-btn-gradient-start: var(--color-primary-500);--play-btn-gradient-end: var(--color-primary-600);--play-btn-shadow: 0 4px 14px rgba(59, 130, 246, .4);--play-btn-hover-shadow: 0 6px 20px rgba(59, 130, 246, .5);--marker-selected-bg: var(--color-primary-100);--marker-selected-shadow: 0 2px 8px rgba(59, 130, 246, .2);--marker-hover-bg: var(--color-primary-50);--marker-time-color: var(--color-primary-600);--add-comment-hint-bg: var(--color-primary-50);--add-comment-hint-border: var(--color-primary-300);--add-comment-hint-color: var(--color-primary-700);--upload-icon-gradient-start: var(--color-primary-500);--upload-icon-gradient-end: var(--color-primary-600);--upload-icon-shadow: 0 8px 24px rgba(59, 130, 246, .3);--drag-state-bg: var(--color-primary-50);--drag-state-shadow: 0 8px 16px rgba(59, 130, 246, .2);--ai-toggle-bg: rgba(59, 130, 246, .05);--ai-toggle-border: rgba(59, 130, 246, .2);--track-card-hover-shadow: 0 2px 8px rgba(59, 130, 246, .1);--artwork-badge-bg: var(--color-success-100);--artwork-badge-color: var(--color-success-700);--progress-step-active-bg: var(--color-primary-50);--progress-step-active-border: var(--color-primary-200);--progress-step-complete-bg: var(--color-success-50);--success-icon-gradient-start: var(--color-success-500);--success-icon-gradient-end: var(--color-success-600);--success-icon-shadow: 0 8px 24px rgba(16, 185, 129, .3);--success-title-color: var(--color-success-700);--error-banner-bg: var(--color-error-50);--error-banner-border: var(--color-error-200);--error-banner-color: var(--color-error-700);--mode-btn-active-bg: var(--color-primary-500);--mode-btn-active-border: var(--color-primary-600);--mode-btn-active-shadow: 0 2px 8px rgba(59, 130, 246, .3);--sync-btn-active-bg: var(--color-success-100);--sync-btn-active-border: var(--color-success-400);--sync-btn-active-color: var(--color-success-700);--version-label-a-bg: var(--color-primary-500);--version-label-b-bg: #8b5cf6;--version-number-bg: var(--color-primary-100);--version-number-color: var(--color-primary-700)}[data-theme=dark]{--select-arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239CA3AF' d='M6 9L1 4h10z'/%3E%3C/svg%3E");--dropdown-shadow: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .5);--dropdown-danger-color: var(--color-error-400);--dropdown-danger-hover-bg: rgba(239, 68, 68, .15);--dropdown-danger-hover-color: var(--color-error-300);--input-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .2);--input-success-shadow: 0 0 0 3px rgba(34, 197, 94, .2);--input-error-shadow: 0 0 0 3px rgba(239, 68, 68, .2);--input-success-bg: rgba(34, 197, 94, .1);--input-error-bg: rgba(239, 68, 68, .1);--form-info-box-bg: rgba(59, 130, 246, .1);--form-info-box-border: rgba(59, 130, 246, .3);--form-info-box-title: var(--color-primary-400);--form-info-box-text: var(--color-primary-300);--form-feedback-success-color: var(--color-success-400);--form-feedback-error-color: var(--color-error-400);--form-feedback-warning-color: var(--color-warning-400);--file-input-hover-bg: rgba(59, 130, 246, .1);--file-input-dragover-bg: rgba(59, 130, 246, .15);--range-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .4);--range-thumb-hover-shadow: 0 4px 8px rgba(59, 130, 246, .5);--track-icon-bg: rgba(59, 130, 246, .15);--track-icon-color: var(--color-primary-400);--icon-btn-success-hover-bg: rgba(34, 197, 94, .15);--btn-primary-hover-shadow: 0 4px 12px rgba(37, 99, 235, .3);--marker-delete-hover-bg: rgba(239, 68, 68, .15);--marker-delete-hover-color: var(--color-error-300);--zoom-btn-hover-bg: rgba(59, 130, 246, .1);--zoom-btn-hover-border: rgba(59, 130, 246, .4);--zoom-btn-hover-color: var(--color-primary-400);--mode-btn-hover-bg: rgba(59, 130, 246, .1);--sync-btn-hover-bg: rgba(59, 130, 246, .1);--control-btn-hover-bg: rgba(59, 130, 246, .1);--volume-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .4);--notification-error-bg: rgba(239, 68, 68, .15);--notification-error-border: rgba(239, 68, 68, .3);--notification-error-text: var(--color-error-300);--notification-success-bg: rgba(34, 197, 94, .15);--notification-success-border: rgba(34, 197, 94, .3);--notification-success-text: var(--color-success-300);--notification-warning-bg: rgba(245, 158, 11, .15);--notification-warning-border: rgba(245, 158, 11, .3);--notification-warning-text: var(--color-warning-300);--notification-info-bg: rgba(59, 130, 246, .15);--notification-info-border: rgba(59, 130, 246, .3);--notification-info-text: var(--color-primary-300);--toast-shadow: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--toast-hover-shadow: 0 12px 32px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4);--toast-success-icon-bg: rgba(34, 197, 94, .15);--toast-success-icon-color: var(--color-success-400);--toast-success-title: var(--color-success-300);--toast-error-icon-bg: rgba(239, 68, 68, .15);--toast-error-icon-color: var(--color-error-400);--toast-error-title: var(--color-error-300);--toast-warning-icon-bg: rgba(245, 158, 11, .15);--toast-warning-icon-color: var(--color-warning-400);--toast-warning-title: var(--color-warning-300);--toast-info-icon-bg: rgba(59, 130, 246, .15);--toast-info-icon-color: var(--color-primary-400);--toast-info-title: var(--color-primary-300);--filter-tab-active-bg: rgba(59, 130, 246, .15);--filter-tab-active-color: var(--color-primary-400);--waveform-loading-overlay-bg: rgba(17, 24, 39, .95);--waveform-panel-active-shadow: 0 0 20px rgba(59, 130, 246, .15);--waveform-panel-a-shadow: 0 0 20px rgba(59, 130, 246, .2);--waveform-panel-b-shadow: 0 0 20px rgba(139, 92, 246, .2);--play-btn-gradient-start: rgba(59, 130, 246, .7);--play-btn-gradient-end: rgba(37, 99, 235, .7);--play-btn-shadow: 0 4px 14px rgba(59, 130, 246, .3);--play-btn-hover-shadow: 0 6px 20px rgba(59, 130, 246, .4);--marker-selected-bg: rgba(59, 130, 246, .15);--marker-selected-shadow: 0 2px 8px rgba(59, 130, 246, .25);--marker-hover-bg: rgba(59, 130, 246, .1);--marker-time-color: var(--color-primary-400);--add-comment-hint-bg: rgba(59, 130, 246, .1);--add-comment-hint-border: rgba(59, 130, 246, .3);--add-comment-hint-color: var(--color-primary-400);--upload-icon-gradient-start: rgba(59, 130, 246, .6);--upload-icon-gradient-end: rgba(37, 99, 235, .6);--upload-icon-shadow: 0 8px 24px rgba(59, 130, 246, .2);--drag-state-bg: rgba(59, 130, 246, .1);--drag-state-shadow: 0 8px 16px rgba(59, 130, 246, .15);--ai-toggle-bg: rgba(59, 130, 246, .1);--ai-toggle-border: rgba(59, 130, 246, .3);--track-card-hover-shadow: 0 2px 8px rgba(59, 130, 246, .15);--artwork-badge-bg: rgba(34, 197, 94, .15);--artwork-badge-color: var(--color-success-400);--progress-step-active-bg: rgba(59, 130, 246, .1);--progress-step-active-border: rgba(59, 130, 246, .3);--progress-step-complete-bg: rgba(34, 197, 94, .1);--success-icon-gradient-start: rgba(16, 185, 129, .6);--success-icon-gradient-end: rgba(5, 150, 105, .6);--success-icon-shadow: 0 8px 24px rgba(16, 185, 129, .2);--success-title-color: var(--color-success-400);--error-banner-bg: rgba(239, 68, 68, .15);--error-banner-border: rgba(239, 68, 68, .3);--error-banner-color: var(--color-error-300);--mode-btn-active-bg: rgba(59, 130, 246, .6);--mode-btn-active-border: var(--color-primary-500);--mode-btn-active-shadow: 0 2px 8px rgba(59, 130, 246, .3);--sync-btn-active-bg: rgba(34, 197, 94, .15);--sync-btn-active-border: rgba(34, 197, 94, .4);--sync-btn-active-color: var(--color-success-400);--version-label-a-bg: rgba(59, 130, 246, .6);--version-label-b-bg: rgba(139, 92, 246, .6);--version-number-bg: rgba(59, 130, 246, .2);--version-number-color: var(--color-primary-400)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-background-subtle);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.6}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.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}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}@media(min-width:640px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-white{color:#fff}.text-italic{font-style:italic}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.metadata-text{font-size:var(--text-sm);color:var(--color-text-muted)}.body-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.caption{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.subheading{font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-text-primary)}.heading-with-description{display:flex;flex-direction:column;gap:var(--space-2)}.heading-with-description .heading{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight);margin:0}.heading-with-description .description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.user-info-text .user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--space-1)}.user-info-text .user-email{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-text{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize;letter-spacing:.025em}.text-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.status-text{font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-normal)}.empty-state-text .title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state-text .description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media(max-width:768px){.text-4xl{font-size:var(--text-3xl)}.text-3xl{font-size:var(--text-2xl)}.text-2xl{font-size:var(--text-xl)}}@media(max-width:480px){.text-4xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-lg)}}.p-0{padding:0!important}.p-1{padding:var(--space-1)!important}.p-2{padding:var(--space-2)!important}.p-3{padding:var(--space-3)!important}.p-4{padding:var(--space-4)!important}.p-5{padding:var(--space-5)!important}.p-6{padding:var(--space-6)!important}.p-8{padding:var(--space-8)!important}.p-10{padding:var(--space-10)!important}.p-12{padding:var(--space-12)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--space-1)!important}.pt-2{padding-top:var(--space-2)!important}.pt-3{padding-top:var(--space-3)!important}.pt-4{padding-top:var(--space-4)!important}.pt-5{padding-top:var(--space-5)!important}.pt-6{padding-top:var(--space-6)!important}.pt-8{padding-top:var(--space-8)!important}.pt-10{padding-top:var(--space-10)!important}.pt-12{padding-top:var(--space-12)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--space-1)!important}.pb-2{padding-bottom:var(--space-2)!important}.pb-3{padding-bottom:var(--space-3)!important}.pb-4{padding-bottom:var(--space-4)!important}.pb-5{padding-bottom:var(--space-5)!important}.pb-6{padding-bottom:var(--space-6)!important}.pb-8{padding-bottom:var(--space-8)!important}.pb-10{padding-bottom:var(--space-10)!important}.pb-12{padding-bottom:var(--space-12)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--space-1)!important}.pl-2{padding-left:var(--space-2)!important}.pl-3{padding-left:var(--space-3)!important}.pl-4{padding-left:var(--space-4)!important}.pl-5{padding-left:var(--space-5)!important}.pl-6{padding-left:var(--space-6)!important}.pl-8{padding-left:var(--space-8)!important}.pl-10{padding-left:var(--space-10)!important}.pl-12{padding-left:var(--space-12)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--space-1)!important}.pr-2{padding-right:var(--space-2)!important}.pr-3{padding-right:var(--space-3)!important}.pr-4{padding-right:var(--space-4)!important}.pr-5{padding-right:var(--space-5)!important}.pr-6{padding-right:var(--space-6)!important}.pr-8{padding-right:var(--space-8)!important}.pr-10{padding-right:var(--space-10)!important}.pr-12{padding-right:var(--space-12)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--space-1)!important;padding-right:var(--space-1)!important}.px-2{padding-left:var(--space-2)!important;padding-right:var(--space-2)!important}.px-3{padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.px-4{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}.px-5{padding-left:var(--space-5)!important;padding-right:var(--space-5)!important}.px-6{padding-left:var(--space-6)!important;padding-right:var(--space-6)!important}.px-8{padding-left:var(--space-8)!important;padding-right:var(--space-8)!important}.px-10{padding-left:var(--space-10)!important;padding-right:var(--space-10)!important}.px-12{padding-left:var(--space-12)!important;padding-right:var(--space-12)!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:var(--space-1)!important;padding-bottom:var(--space-1)!important}.py-2{padding-top:var(--space-2)!important;padding-bottom:var(--space-2)!important}.py-3{padding-top:var(--space-3)!important;padding-bottom:var(--space-3)!important}.py-4{padding-top:var(--space-4)!important;padding-bottom:var(--space-4)!important}.py-5{padding-top:var(--space-5)!important;padding-bottom:var(--space-5)!important}.py-6{padding-top:var(--space-6)!important;padding-bottom:var(--space-6)!important}.py-8{padding-top:var(--space-8)!important;padding-bottom:var(--space-8)!important}.py-10{padding-top:var(--space-10)!important;padding-bottom:var(--space-10)!important}.py-12{padding-top:var(--space-12)!important;padding-bottom:var(--space-12)!important}.m-0{margin:0!important}.m-1{margin:var(--space-1)!important}.m-2{margin:var(--space-2)!important}.m-3{margin:var(--space-3)!important}.m-4{margin:var(--space-4)!important}.m-5{margin:var(--space-5)!important}.m-6{margin:var(--space-6)!important}.m-8{margin:var(--space-8)!important}.m-10{margin:var(--space-10)!important}.m-12{margin:var(--space-12)!important}.m-auto{margin:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--space-1)!important}.mt-2{margin-top:var(--space-2)!important}.mt-3{margin-top:var(--space-3)!important}.mt-4{margin-top:var(--space-4)!important}.mt-5{margin-top:var(--space-5)!important}.mt-6{margin-top:var(--space-6)!important}.mt-8{margin-top:var(--space-8)!important}.mt-10{margin-top:var(--space-10)!important}.mt-12{margin-top:var(--space-12)!important}.mt-auto{margin-top:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-1)!important}.mb-2{margin-bottom:var(--space-2)!important}.mb-3{margin-bottom:var(--space-3)!important}.mb-4{margin-bottom:var(--space-4)!important}.mb-5{margin-bottom:var(--space-5)!important}.mb-6{margin-bottom:var(--space-6)!important}.mb-8{margin-bottom:var(--space-8)!important}.mb-10{margin-bottom:var(--space-10)!important}.mb-12{margin-bottom:var(--space-12)!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--space-1)!important}.ml-2{margin-left:var(--space-2)!important}.ml-3{margin-left:var(--space-3)!important}.ml-4{margin-left:var(--space-4)!important}.ml-5{margin-left:var(--space-5)!important}.ml-6{margin-left:var(--space-6)!important}.ml-8{margin-left:var(--space-8)!important}.ml-10{margin-left:var(--space-10)!important}.ml-12{margin-left:var(--space-12)!important}.ml-auto{margin-left:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--space-1)!important}.mr-2{margin-right:var(--space-2)!important}.mr-3{margin-right:var(--space-3)!important}.mr-4{margin-right:var(--space-4)!important}.mr-5{margin-right:var(--space-5)!important}.mr-6{margin-right:var(--space-6)!important}.mr-8{margin-right:var(--space-8)!important}.mr-10{margin-right:var(--space-10)!important}.mr-12{margin-right:var(--space-12)!important}.mr-auto{margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--space-1)!important;margin-right:var(--space-1)!important}.mx-2{margin-left:var(--space-2)!important;margin-right:var(--space-2)!important}.mx-3{margin-left:var(--space-3)!important;margin-right:var(--space-3)!important}.mx-4{margin-left:var(--space-4)!important;margin-right:var(--space-4)!important}.mx-5{margin-left:var(--space-5)!important;margin-right:var(--space-5)!important}.mx-6{margin-left:var(--space-6)!important;margin-right:var(--space-6)!important}.mx-8{margin-left:var(--space-8)!important;margin-right:var(--space-8)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:var(--space-1)!important;margin-bottom:var(--space-1)!important}.my-2{margin-top:var(--space-2)!important;margin-bottom:var(--space-2)!important}.my-3{margin-top:var(--space-3)!important;margin-bottom:var(--space-3)!important}.my-4{margin-top:var(--space-4)!important;margin-bottom:var(--space-4)!important}.my-5{margin-top:var(--space-5)!important;margin-bottom:var(--space-5)!important}.my-6{margin-top:var(--space-6)!important;margin-bottom:var(--space-6)!important}.my-8{margin-top:var(--space-8)!important;margin-bottom:var(--space-8)!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.gap-0{gap:0!important}.gap-1{gap:var(--space-1)!important}.gap-2{gap:var(--space-2)!important}.gap-3{gap:var(--space-3)!important}.gap-4{gap:var(--space-4)!important}.gap-5{gap:var(--space-5)!important}.gap-6{gap:var(--space-6)!important}.gap-8{gap:var(--space-8)!important}.gap-10{gap:var(--space-10)!important}.gap-12{gap:var(--space-12)!important}.gap-x-0{column-gap:0!important}.gap-x-1{column-gap:var(--space-1)!important}.gap-x-2{column-gap:var(--space-2)!important}.gap-x-3{column-gap:var(--space-3)!important}.gap-x-4{column-gap:var(--space-4)!important}.gap-x-5{column-gap:var(--space-5)!important}.gap-x-6{column-gap:var(--space-6)!important}.gap-x-8{column-gap:var(--space-8)!important}.gap-y-0{row-gap:0!important}.gap-y-1{row-gap:var(--space-1)!important}.gap-y-2{row-gap:var(--space-2)!important}.gap-y-3{row-gap:var(--space-3)!important}.gap-y-4{row-gap:var(--space-4)!important}.gap-y-5{row-gap:var(--space-5)!important}.gap-y-6{row-gap:var(--space-6)!important}.gap-y-8{row-gap:var(--space-8)!important}@media(max-width:768px){.sm\:p-3{padding:var(--space-3)!important}.sm\:p-4{padding:var(--space-4)!important}.sm\:px-3{padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.sm\:px-4{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}.sm\:py-3{padding-top:var(--space-3)!important;padding-bottom:var(--space-3)!important}.sm\:py-4{padding-top:var(--space-4)!important;padding-bottom:var(--space-4)!important}.sm\:m-3{margin:var(--space-3)!important}.sm\:m-4{margin:var(--space-4)!important}.sm\:gap-3{gap:var(--space-3)!important}.sm\:gap-4{gap:var(--space-4)!important}}@media(max-width:480px){.xs\:p-2{padding:var(--space-2)!important}.xs\:p-3{padding:var(--space-3)!important}.xs\:px-2{padding-left:var(--space-2)!important;padding-right:var(--space-2)!important}.xs\:px-3{padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.xs\:py-2{padding-top:var(--space-2)!important;padding-bottom:var(--space-2)!important}.xs\:py-3{padding-top:var(--space-3)!important;padding-bottom:var(--space-3)!important}.xs\:m-2{margin:var(--space-2)!important}.xs\:m-3{margin:var(--space-3)!important}.xs\:gap-2{gap:var(--space-2)!important}.xs\:gap-3{gap:var(--space-3)!important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.break-words{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.break-all{word-break:break-all}.min-w-card{min-width:280px}.min-w-card-sm{min-width:200px}.min-w-card-lg{min-width:350px}.min-h-content{min-height:100px}.min-h-card{min-height:200px}.min-h-section{min-height:300px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto;overflow-y:hidden}.overflow-y-auto{overflow-x:hidden;overflow-y:auto}.overflow-x-hide-scrollbar{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.overflow-x-hide-scrollbar::-webkit-scrollbar{display:none}.scrollbar-styled{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.scrollbar-styled::-webkit-scrollbar{width:8px;height:8px}.scrollbar-styled::-webkit-scrollbar-track{background:transparent}.scrollbar-styled::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.scrollbar-styled::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media(max-width:768px){.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}.focus-ring:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.focus-ring-inset:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px;border-radius:var(--radius-sm)}.focus-ring-success:focus-visible{outline-color:var(--color-success-500)}.focus-ring-error:focus-visible{outline-color:var(--color-error-500)}.focus-ring-warning:focus-visible{outline-color:var(--color-warning-500)}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-100) 50%,var(--color-gray-200) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm);opacity:.7}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton,[class*=animate-],[class*=transition-]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.skeleton{background:var(--color-gray-300)}.focus-ring:focus-visible{outline-width:3px}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background-subtle)}.app-content{display:flex;flex:1;overflow:hidden}.main-content{flex:1;padding:var(--space-6);overflow-y:auto;background:var(--color-background-subtle)}.header{background:var(--color-background);border-bottom:1px solid var(--color-border);padding:0 var(--space-6);height:64px;display:flex;align-items:center;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-bold);font-size:var(--text-xl)}.logo:hover{text-decoration:none;color:var(--color-primary-600)}.nav{display:flex;gap:var(--space-6);margin-left:auto;margin-right:auto}.nav-link{text-decoration:none;color:var(--color-text-secondary);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-primary-600);background-color:var(--color-primary-50);text-decoration:none}.header-actions{display:flex;gap:var(--space-2)}.analysis-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500}.analysis-status.analyzing{background:#eff6ff;color:#1e40af}.analysis-status.failed{background:#fef2f2;color:#991b1b}.analysis-complete{display:inline-flex;align-items:center;gap:8px;color:#059669;font-size:14px;font-weight:500}.spin{animation:spin 1s linear infinite}.btn-retry{margin-left:8px;padding:4px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:4px;font-size:13px;cursor:pointer}.btn-retry:hover{background:#f9fafb}.btn-retry:disabled{opacity:.5;cursor:not-allowed}.sidebar{width:250px;background:var(--color-background);border-right:1px solid var(--color-border);flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto}.sidebar-section{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6)}.sidebar-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.sidebar-link:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.sidebar-link.active{background:var(--color-primary-50);color:var(--color-primary-600)}.sidebar-link svg{flex-shrink:0;display:block}.sidebar-nav ul .sidebar-link svg{width:14px;height:14px}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.button-primary,.btn--primary,.btn-primary{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.button-primary:hover:not(:disabled),.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-600)}.button-secondary,.btn--secondary,.btn-secondary{background:var(--btn-secondary-bg, var(--color-background));color:var(--btn-secondary-color, var(--color-text-primary));border-color:var(--btn-secondary-border, var(--color-border))}.button-secondary:hover:not(:disabled),.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-bg-hover, var(--color-background-subtle));border-color:var(--btn-secondary-border-hover, var(--color-primary-400));color:var(--btn-secondary-color-hover, var(--color-primary-600))}.button-ghost,.btn--ghost{background:transparent;color:var(--btn-ghost-color, var(--color-text-secondary));border-color:var(--btn-ghost-border, transparent)}.button-ghost:hover:not(:disabled),.btn--ghost:hover:not(:disabled){background:var(--btn-ghost-bg-hover, var(--color-background-subtle));border-color:var(--btn-ghost-border-hover, var(--color-border-strong));color:var(--btn-ghost-color-hover, var(--color-text-primary))}.button-danger,.btn-danger,.btn--danger{background:var(--color-error-500);color:#fff;border-color:var(--color-error-500)}.button-danger:hover:not(:disabled),.btn-danger:hover:not(:disabled),.btn--danger:hover:not(:disabled){background:var(--color-error-600);border-color:var(--color-error-600)}.button--sm,.btn-sm,.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.button--lg,.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg)}.icon-button,.btn--icon,.button--icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.icon-button:hover,.btn--icon:hover,.button--icon:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.modal-close{composes:icon-button}.button:active:not(:disabled),.btn:active:not(:disabled){transform:scale(.98)}.button-primary:active:not(:disabled),.btn--primary:active:not(:disabled),.btn-primary:active:not(:disabled){background:var(--color-primary-700);border-color:var(--color-primary-700)}.button--loading,.btn--loading{position:relative;pointer-events:none;color:transparent}.button--loading:after,.btn--loading:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:button-spin .6s linear infinite;color:#fff}.button--loading.button-secondary:after,.btn--loading.btn--secondary:after,.btn--loading.btn-secondary:after{color:var(--color-primary-500)}@keyframes button-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;box-shadow:0 0 0 4px #3b82f61a}.icon-button:active:not(:disabled),.btn--icon:active:not(:disabled){transform:scale(.95)}.icon-button:focus-visible,.btn--icon:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.card-content{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--color-border-subtle);background:var(--color-background-subtle)}.stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-align:center;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600))}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);flex-shrink:0}.stat-icon--projects{background:var(--color-primary-100);color:var(--color-primary-600)}.stat-icon--tracks{background:var(--color-success-100);color:var(--color-success-600)}.stat-icon--members{background:var(--color-purple-100);color:var(--color-purple-600)}.stat-icon--due{background:var(--color-warning-100);color:var(--color-warning-600)}.stat-content{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium);margin:0}.form-group{margin-bottom:var(--space-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;color:var(--color-text-primary);background:var(--color-background);transition:all var(--transition-fast)}.form-textarea{resize:vertical;min-height:100px}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.field-error{font-size:var(--text-xs);color:var(--color-error-600);margin-top:var(--space-1);display:block}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error-500)}.form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px var(--color-error-50)}.form-info-box{padding:var(--space-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.form-info-box h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-700);margin:0 0 var(--space-2) 0}.form-info-box li{font-size:var(--text-sm);color:var(--color-primary-700);margin-bottom:var(--space-1)}.checkbox-label:hover .checkbox-text{color:var(--color-text-primary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex!important;justify-content:center!important;align-items:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease-out}.modal{background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;margin:0 auto}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-large{max-width:900px}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2,.modal-header h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal-header-content{display:flex;align-items:center;gap:var(--space-3)}.modal-header-content svg{color:var(--color-primary-600)}.modal-content{padding:var(--space-6);overflow-y:auto;flex:1 1 auto;min-height:0}.modal-footer,.modal-actions{padding:var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .modal{background:var(--color-background-elevated);border:1px solid var(--color-border);box-shadow:0 20px 25px -5px #00000080}[data-theme=dark] .modal-footer,[data-theme=dark] .modal-actions{border-top-color:var(--color-border)}[data-theme=dark] .modal-header[style*=background],[data-theme=dark] .modal-content[style*=background],[data-theme=dark] .modal-footer[style*=background],[data-theme=dark] .modal-body[style*=background],[data-theme=dark] div[style*="background: '#ffffff'"],[data-theme=dark] div[style*='background: "#ffffff"'],[data-theme=dark] div[style*="background:#ffffff"],[data-theme=dark] form[style*="background: '#ffffff'"],[data-theme=dark] form[style*='background: "#ffffff"']{background:var(--color-background-elevated)!important}@media(max-width:768px){.modal-overlay{padding:var(--space-2)}.modal{max-width:100%;margin:0}.modal-large{max-width:100%}.modal-actions,.modal-footer{flex-direction:column-reverse}.modal-actions .btn,.modal-footer .btn,.modal-actions button,.modal-footer button{width:100%}}.confirm-message{color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.alert-icon{color:var(--color-warning-500)}.projects-filters,.tracks-filters{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap}.search-input{position:relative;max-width:300px;width:100%}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-input-field{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-background);transition:all var(--transition-fast)}.search-input-field:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);padding:var(--space-1);background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.search-clear:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.filter-controls{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-left:auto}.filter-section{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.filter-select{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);min-width:140px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;padding-right:var(--space-6)}.filter-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.view-toggle-btn:hover,.view-toggle-button:hover,.view-button:hover{color:var(--color-text-primary);background:#0000000d}.view-toggle-btn--active,.view-toggle-btn.active,.view-toggle-button.active,.view-button.active{background:var(--color-background);color:var(--color-primary-600);box-shadow:var(--shadow-sm);font-weight:var(--font-semibold)}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.results-count{font-weight:var(--font-semibold);color:var(--color-text-primary)}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:var(--color-text-secondary)}.breadcrumb-segment{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease;display:flex;align-items:center;gap:4px}.breadcrumb-segment:hover{color:var(--color-primary-600);text-decoration:none}.breadcrumb-segment.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-medium)}.breadcrumb-separator{color:var(--color-text-muted);flex-shrink:0}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-medium)}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.status-indicator--active,.status-indicator--in-progress{background:var(--color-primary-100);color:var(--color-primary-700)}.status-indicator--completed{background:var(--color-success-100);color:var(--color-success-700)}.status-indicator--on-hold,.status-indicator--hold{background:var(--color-warning-100);color:var(--color-warning-700)}.status-indicator--archived,.status-indicator--not-started{background:var(--color-gray-100);color:var(--color-gray-700)}.status-badge{display:inline-flex;align-items:center;height:28px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;line-height:1;white-space:nowrap;border:1px solid}.status-badge--active,.status-badge--in-progress{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}.status-badge--completed,.status-badge--complete{background:var(--color-success-50);color:var(--color-success-600);border-color:var(--color-success-200)}.status-badge--on-hold,.status-badge--hold{background:var(--color-warning-50);color:var(--color-warning-600);border-color:var(--color-warning-200)}.status-badge--cancelled,.status-badge--canceled{background:var(--color-error-50);color:var(--color-error-600);border-color:var(--color-error-200)}.status-badge--not-started,.status-badge--default,.status-badge--pending{background:var(--color-gray-50);color:var(--color-gray-600);border-color:var(--color-gray-200)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-gray-100);color:var(--color-gray-700)}.role-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.role-badge--admin{background:var(--color-error-100);color:var(--color-error-700)}.role-badge--producer{background:var(--color-purple-100);color:var(--color-purple-700)}.role-badge--engineer{background:var(--color-primary-100);color:var(--color-primary-700)}.role-badge--artist{background:var(--color-success-100);color:var(--color-success-700)}.page-metadata{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-top:8px}.metadata-item{display:flex;align-items:center;gap:6px}.metadata-icon{display:inline-flex;align-items:center;font-size:16px;opacity:.8}.metadata-separator{color:var(--color-text-muted);font-weight:400}.error-message{padding:var(--space-4);background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-md);color:var(--color-error-700);margin-bottom:var(--space-4)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-subtle) 100%);border:2px dashed var(--color-border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,var(--color-primary-50) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--color-success-50) 0%,transparent 50%);opacity:.3;pointer-events:none}.empty-state>*{position:relative;z-index:1}.empty-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);border-radius:var(--radius-full);color:var(--color-primary-500);animation:float 3s ease-in-out infinite;box-shadow:0 8px 24px #3b82f626}.empty-icon svg{width:64px;height:64px}.empty-state--projects .empty-icon{background:linear-gradient(135deg,var(--color-info-100) 0% var(--color-info-100) 100%)}.empty-state--tracks .empty-icon{background:linear-gradient(135deg,var(--color-info-50) 0%,var(--color-info-100) 100%);color:var(--color-info-600);box-shadow:0 8px 24px #22c55e26}.empty-state--users .empty-icon{background:linear-gradient(135deg,var(--color-info-50) 0%,var(--color-info-100) 100%);color:var(--color-info-600);box-shadow:0 8px 24px #0ea5e926}.empty-state--search .empty-icon{background:linear-gradient(135deg,var(--color-warning-50) 0%,var(--color-warning-100) 100%);color:var(--color-warning-600);box-shadow:0 8px 24px #f59e0b26}.empty-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.empty-actions .btn{min-width:140px}.empty-state--compact{min-height:300px;padding:var(--space-12) var(--space-6)}.empty-state--compact .empty-icon{width:80px;height:80px;margin-bottom:var(--space-4)}.empty-state--compact .empty-icon svg{width:48px;height:48px}.empty-state--compact .empty-title{font-size:var(--text-xl)}@media(prefers-reduced-motion:reduce){.empty-icon{animation:none}}.activity-feed-loading,.activity-feed-error,.activity-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-secondary)}.activity-feed-loading .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.activity-feed-empty .empty-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.activity-feed-empty .empty-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.activity-feed-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-feed-item{display:flex;flex-direction:column;padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.activity-feed-item:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-md);transform:translateY(-1px)}.activity-feed-item.priority-high{border-left:3px solid var(--color-warning-500)}.activity-feed-item.priority-urgent{border-left:3px solid var(--color-error-500)}.activity-feed-content{flex:1;min-width:0}.activity-feed-title{font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1);line-height:var(--leading-tight)}.activity-feed-message{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2);line-height:var(--leading-normal)}.activity-feed-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.meta-separator,.activity-feed-time{color:var(--color-text-muted)}.activity-feed-project{color:var(--color-primary-600);font-weight:var(--font-medium)}.activity-feed-action{display:none;margin-top:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-primary-500);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.activity-feed-item:hover .activity-feed-action{display:inline-block}.activity-feed-action:hover{background:var(--color-primary-600)}.activity-priority-badge{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-warning-500);color:#fff;border-radius:50%;font-weight:var(--font-bold);font-size:var(--text-xs)}.activity-priority-badge.urgent{background:var(--color-error-500)}.grid{display:grid;gap:var(--space-4)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.page{min-height:100vh;background:var(--color-background-subtle)}.page-container{max-width:var(--container-xl);margin:0 auto;padding:var(--space-8) var(--space-4)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);padding:var(--space-6);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.page-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.page-actions{display:flex;gap:var(--space-3);flex-shrink:0}.clickable{cursor:pointer}.danger{color:var(--color-error-500)}.danger:hover{background:var(--color-error-50)}.hidden-mobile{display:block}.hidden-desktop{display:none}@media(max-width:1024px){.sidebar{position:fixed;left:0;top:64px;height:calc(100vh - 64px);z-index:90;transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}.projects-grid,.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.sidebar{width:100%;transform:translateY(-100%)}.sidebar.open{transform:translateY(0)}.nav{display:none}.main-content{padding:var(--space-4)}.page-header{flex-direction:column;align-items:stretch}.page-actions{justify-content:stretch}.projects-filters,.tracks-filters{flex-direction:column;align-items:stretch}.projects-search,.tracks-search{max-width:100%}.filter-controls{width:100%;margin-left:0}.view-toggle{width:100%;justify-content:center}.grid--4,.grid--3,.grid--2,.projects-grid,.tracks-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.hidden-mobile{display:none!important}.hidden-desktop{display:block!important}.breadcrumb{flex-wrap:wrap}.page-header h1{font-size:28px}.page-metadata{flex-direction:column;align-items:flex-start;gap:8px}.metadata-separator{display:none}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.header{padding:0 var(--space-4)}.sidebar-section{padding:var(--space-3) var(--space-4)}.main-content{padding:var(--space-3)}}.breadcrumb-segment:focus{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:4px}.status-badge:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.sr-only,.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}.card:focus-visible,.card--clickable:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:3px;box-shadow:0 0 0 3px #3b82f61a}.dropdown-item:focus-visible,[role=menuitem]:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px;background:var(--color-primary-50)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary-600);color:#fff;padding:var(--space-3) var(--space-4);text-decoration:none;font-weight:var(--font-semibold);z-index:9999;border-radius:0 0 var(--radius-md) 0;transition:top var(--transition-fast)}.skip-link:focus{top:0;outline:3px solid var(--color-primary-300);outline-offset:2px}@media(hover:none)and (pointer:coarse){button,a,input[type=button],input[type=submit],input[type=reset],[role=button],.btn,.icon-button{min-width:44px;min-height:44px}.dropdown-item,[role=menuitem],[role=tab],.tab{min-height:44px;padding:var(--space-3) var(--space-4)}input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){button,input,select,textarea,.card,.btn{border-width:2px}:focus-visible{outline-width:4px;outline-offset:3px}.status-indicator,.badge{border-width:2px;font-weight:var(--font-bold)}}[aria-busy=true]{position:relative}[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}.skeleton-text{height:1em;margin:.5em 0;border-radius:var(--radius-xs)}.skeleton-title{height:1.5em;width:60%;margin:.5em 0;border-radius:var(--radius-sm)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full);flex-shrink:0}.skeleton-avatar-lg{width:80px;height:80px;border-radius:var(--radius-full);margin:0 auto}.skeleton-button{height:36px;width:100px;border-radius:var(--radius-md)}.skeleton-button-sm{height:32px;width:80px;border-radius:var(--radius-md)}.skeleton-stat{height:60px;width:100px;border-radius:var(--radius-md)}.skeleton-stage-number{width:32px;height:32px;border-radius:var(--radius-full);flex-shrink:0}.skeleton-stage-badge{width:80px;height:24px;border-radius:var(--radius-full);margin-top:var(--space-2)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:var(--space-4);padding:0;width:100%}.skeleton-card-wrapper{width:100%}.skeleton-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:0;min-height:200px;display:flex;flex-direction:column;overflow:hidden}.skeleton-card-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--space-4);align-items:flex-start;flex:0 0 auto}.skeleton-card-title-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-card-body{padding:var(--space-6);flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end;align-items:center}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-3);padding:0;width:100%}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:80px}.skeleton-list-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-list-actions{display:flex;gap:var(--space-2);flex-shrink:0}.skeleton-table{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.skeleton-table-header{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-background-subtle);border-bottom:1px solid var(--color-border)}.skeleton-table-row{display:flex;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-content{padding:var(--space-6);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.skeleton-stages{display:flex;gap:var(--space-4);padding:0;overflow-x:auto}.skeleton-stage-card{min-width:280px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start}.skeleton-stage-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-profile{padding:var(--space-8);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.skeleton-profile-stats{display:flex;gap:var(--space-6);justify-content:center;margin-top:var(--space-6)}.skeleton-simple{padding:0;width:100%}@media(max-width:768px){.skeleton-grid{grid-template-columns:1fr}.skeleton-stages{overflow-x:auto;-webkit-overflow-scrolling:touch}.skeleton-stage-card{min-width:240px}.skeleton-list-item{flex-direction:column;align-items:flex-start}.skeleton-list-actions{width:100%;justify-content:flex-start}.skeleton-table-header,.skeleton-table-row{font-size:var(--text-sm);padding:var(--space-3)}.skeleton-card-header,.skeleton-card-body{padding:var(--space-4)}.skeleton-card-footer{padding:var(--space-3) var(--space-4)}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--color-gray-200)}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-semibold);box-shadow:0 2px 8px #00000026;animation:slide-down .3s ease-out}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.app.offline{padding-top:48px}@media(max-width:768px){.offline-banner{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}}[data-theme=dark] .sidebar{background:var(--color-background);border-right-color:var(--color-border)}[data-theme=dark] .sidebar-link{color:var(--color-text-secondary)}[data-theme=dark] .sidebar-link:hover{background:var(--color-background-muted);color:var(--color-text-primary)}[data-theme=dark] .sidebar-link.active{background:#3b82f633;color:var(--color-primary-400);border-left:3px solid var(--color-primary-500);padding-left:calc(var(--space-3) - 3px)}[data-theme=dark] .header{background:var(--color-background);border-bottom-color:var(--color-border);box-shadow:0 1px 3px #0006}[data-theme=dark] .nav-link{color:var(--color-text-secondary)}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link.active{color:var(--color-primary-400);background-color:#3b82f626}[data-theme=dark] .view-toggle{background:var(--color-background-muted);border-color:var(--color-border)}[data-theme=dark] .view-toggle-btn,[data-theme=dark] .view-toggle-button,[data-theme=dark] .view-button{color:var(--color-text-secondary)}[data-theme=dark] .view-toggle-btn:hover,[data-theme=dark] .view-toggle-button:hover,[data-theme=dark] .view-button:hover{color:var(--color-text-primary);background:#ffffff0d}[data-theme=dark] .view-toggle-btn--active,[data-theme=dark] .view-toggle-btn.active,[data-theme=dark] .view-toggle-button.active,[data-theme=dark] .view-button.active{background:var(--color-background-elevated);color:var(--color-primary-400);box-shadow:var(--shadow-sm);font-weight:var(--font-semibold)}[data-theme=dark] .button-secondary,[data-theme=dark] .btn--secondary,[data-theme=dark] .btn-secondary{background:var(--color-background-muted);border-color:var(--color-border-strong);color:var(--color-text-primary)}[data-theme=dark] .button-secondary:hover:not(:disabled),[data-theme=dark] .btn--secondary:hover:not(:disabled),[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--color-background-subtle);border-color:var(--color-primary-500);color:var(--color-primary-400)}[data-theme=dark] .button-ghost,[data-theme=dark] .btn--ghost,[data-theme=dark] .btn-ghost{border-color:var(--color-border-strong);color:var(--color-text-secondary)}[data-theme=dark] .button-ghost:hover:not(:disabled),[data-theme=dark] .btn--ghost:hover:not(:disabled),[data-theme=dark] .btn-ghost:hover:not(:disabled){background:var(--color-background-muted);border-color:var(--color-primary-500);color:var(--color-text-primary)}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal-content{background:var(--color-background-elevated);border-color:var(--color-border);box-shadow:0 20px 25px -5px #00000080}[data-theme=dark] .modal-header{border-bottom-color:var(--color-border)}[data-theme=dark] .modal-footer{border-top-color:var(--color-border);background:var(--color-background-subtle)}[data-theme=dark] .card:hover{border-color:var(--color-border-strong)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:var(--color-background);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--color-primary-500);background:var(--color-background-elevated)}[data-theme=dark] .form-label{color:var(--color-text-secondary)}[data-theme=dark] .dropdown-menu{background:var(--color-background-elevated);border-color:var(--color-border);box-shadow:0 20px 25px -5px #00000080}[data-theme=dark] .dropdown-item{color:var(--color-text-primary)}[data-theme=dark] .dropdown-item:hover{background:var(--color-background-muted);color:var(--color-text-primary)}[data-theme=dark] .empty-state{background:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .empty-state-icon{color:var(--color-text-muted)}[data-theme=dark] .empty-state-title{color:var(--color-text-primary)}[data-theme=dark] .empty-state-description{color:var(--color-text-secondary)}[data-theme=dark] .modal{background:var(--color-background-elevated)!important;border:1px solid var(--color-border)}[data-theme=dark] .modal-header{background:var(--color-background-elevated)!important;border-bottom-color:var(--color-border)}[data-theme=dark] .modal-header h2,[data-theme=dark] .modal-header h3{color:var(--color-text-primary)}[data-theme=dark] .modal-body,[data-theme=dark] .modal-content{background:var(--color-background-elevated)!important;color:var(--color-text-primary)}[data-theme=dark] .modal-footer,[data-theme=dark] .modal-actions{background:var(--color-background-elevated)!important;border-top-color:var(--color-border)}[data-theme=dark] .modal input,[data-theme=dark] .modal textarea,[data-theme=dark] .modal select,[data-theme=dark] .modal-content input,[data-theme=dark] .modal-content textarea,[data-theme=dark] .modal-content select,[data-theme=dark] .modal-body input,[data-theme=dark] .modal-body textarea,[data-theme=dark] .modal-body select{background:var(--color-background-muted)!important;border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .modal input::placeholder,[data-theme=dark] .modal textarea::placeholder{color:var(--color-text-muted)}[data-theme=dark] .modal input:focus,[data-theme=dark] .modal textarea:focus,[data-theme=dark] .modal select:focus{background:var(--color-background-elevated)!important;border-color:var(--color-primary-500);outline:none}[data-theme=dark] .modal label,[data-theme=dark] .modal-content label,[data-theme=dark] .modal-body label{color:var(--color-text-secondary)}[data-theme=dark] .modal .form-helper,[data-theme=dark] .form-helper{color:var(--color-text-muted)}[data-theme=dark] .modal .form-info-box,[data-theme=dark] .form-info-box{background:#3b82f61a!important;border-color:#3b82f64d;color:var(--color-primary-300)}[data-theme=dark] .form-info-box strong{color:var(--color-primary-200)}[data-theme=dark] .dropdown-menu{background:var(--color-background-elevated)!important;border-color:var(--color-border)!important;box-shadow:0 20px 25px -5px #0009,0 8px 10px -6px #00000080!important}[data-theme=dark] .dropdown-item{color:var(--color-text-primary)!important}[data-theme=dark] .dropdown-item:hover{background:var(--color-background-muted)!important;color:var(--color-text-primary)!important}[data-theme=dark] .dropdown-item svg{color:var(--color-text-muted)!important}[data-theme=dark] .dropdown-item:hover svg{color:var(--color-text-primary)!important}[data-theme=dark] .dropdown-item--danger{color:var(--color-error-400)!important}[data-theme=dark] .dropdown-item--danger:hover{background:#ef444426!important;color:var(--color-error-300)!important}[data-theme=dark] .file-drop-zone{background:var(--color-background-muted);border-color:var(--color-primary-500);color:var(--color-text-primary)}[data-theme=dark] .file-drop-zone:hover{background:var(--color-background-subtle);border-color:var(--color-primary-400)}[data-theme=dark] .file-drop-zone p{color:var(--color-text-secondary)}[data-theme=dark] .checkbox-text,[data-theme=dark] .checkbox-label:hover .checkbox-text{color:var(--color-text-primary)}[data-theme=dark] .modal .alert,[data-theme=dark] .alert{background:var(--color-background-muted);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .alert--error{background:#ef444426;border-color:var(--color-error-600);color:var(--color-error-400)}[data-theme=dark] .alert--success{background:#22c55e26;border-color:var(--color-success-600);color:var(--color-success-400)}[data-theme=dark] .alert--warning{background:#f59e0b26;border-color:var(--color-warning-600);color:var(--color-warning-400)}[data-theme=dark] .confirm-message{color:var(--color-text-secondary)}[data-theme=dark] .delete-confirmation h3{color:var(--color-text-primary)}[data-theme=dark] .delete-confirmation p{color:var(--color-text-secondary)}[data-theme=dark] .delete-confirmation strong{color:var(--color-text-primary)}[data-theme=dark] .delete-confirmation-icon{background:#ef444426;color:var(--color-error-400)}[data-theme=dark] .modal-header .icon-button,[data-theme=dark] .icon-button{color:var(--color-text-muted)}[data-theme=dark] .modal-header .icon-button:hover,[data-theme=dark] .icon-button:hover{background:var(--color-background-muted);color:var(--color-text-primary)}[data-theme=dark] .modal-header[style*=background],[data-theme=dark] .modal-body[style*=background],[data-theme=dark] .modal-content[style*=background],[data-theme=dark] .modal-footer[style*=background],[data-theme=dark] div[style*="background: '#ffffff'"],[data-theme=dark] div[style*='background: "#ffffff"'],[data-theme=dark] div[style*="background:#ffffff"],[data-theme=dark] div[style*='background: "white"'],[data-theme=dark] div[style*="background: 'white'"],[data-theme=dark] form[style*="background: '#ffffff'"],[data-theme=dark] form[style*='background: "#ffffff"']{background:var(--color-background-elevated)!important}.sidebar{overflow-y:auto}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative;will-change:transform}.button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px -2px #0000001a}.button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(0);box-shadow:none;transition:all .1s ease}.button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-primary,.btn--primary,.btn-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border-color:var(--color-primary-500);box-shadow:0 2px 4px #3b82f633}.button-primary:hover:not(:disabled),.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border-color:var(--color-primary-600);box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.button-primary:active:not(:disabled),.btn--primary:active:not(:disabled),.btn-primary:active:not(:disabled){background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));transform:translateY(0);box-shadow:0 1px 2px #3b82f633}.button-secondary,.btn--secondary,.btn-secondary{background:var(--btn-secondary-bg, var(--color-background-subtle));color:var(--btn-secondary-color, var(--color-text-primary));border:1px solid var(--btn-secondary-border, var(--color-border-strong))}.button-secondary:hover:not(:disabled),.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-bg-hover, var(--color-background-muted));border-color:var(--btn-secondary-border-hover, var(--color-primary-400));color:var(--btn-secondary-color-hover, var(--color-primary-600))}.button-secondary:active:not(:disabled),.btn--secondary:active:not(:disabled),.btn-secondary:active:not(:disabled){background:var(--btn-secondary-bg-active, var(--color-background-muted));border-color:var(--color-primary-500)}.button-ghost,.btn--ghost,.btn-ghost{background:transparent;color:var(--btn-ghost-color, var(--color-text-secondary));border:1px solid var(--btn-ghost-border, var(--color-border))}.button-ghost:hover:not(:disabled),.btn--ghost:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--btn-ghost-bg-hover, var(--color-background-subtle));border-color:var(--btn-ghost-border-hover, var(--color-border-strong));color:var(--btn-ghost-color-hover, var(--color-text-primary))}.button-ghost:active:not(:disabled),.btn--ghost:active:not(:disabled),.btn-ghost:active:not(:disabled){background:var(--color-background-muted)}.button-danger,.btn-danger{background:linear-gradient(135deg,var(--color-error-500),var(--color-error-600));color:#fff;border-color:var(--color-error-500);box-shadow:0 2px 4px #ef444433}.button-danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-600),var(--color-error-700));border-color:var(--color-error-600);box-shadow:0 6px 12px #ef44444d;transform:translateY(-2px)}.button-danger:active:not(:disabled),.btn-danger:active:not(:disabled){background:linear-gradient(135deg,var(--color-error-700),var(--color-error-800));transform:translateY(0)}.button-success,.btn-success{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:#fff;border-color:var(--color-success-500);box-shadow:0 2px 4px #22c55e33}.button-success:hover:not(:disabled),.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-600),var(--color-success-700));box-shadow:0 6px 12px #22c55e4d;transform:translateY(-2px)}.button-success:active:not(:disabled),.btn-success:active:not(:disabled){background:linear-gradient(135deg,var(--color-success-700),var(--color-success-800));transform:translateY(0)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){background:var(--color-background-subtle);border-color:var(--color-border-strong);transform:translateY(-1px)}.button--sm,.button-small,.btn-sm,.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);height:32px}.button--md,.button-medium,.btn-md{padding:var(--space-2-5) var(--space-4);font-size:var(--text-base);height:40px}.button--lg,.button-large,.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--text-lg);height:48px}.btn-compact{padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm);height:auto;min-height:28px}.btn-icon,.icon-button{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--color-background-subtle);color:var(--color-text-primary);border-color:var(--color-border-strong);transform:scale(1.05)}.btn-icon:active:not(:disabled),.icon-button:active:not(:disabled){transform:scale(.95);background:var(--color-background-muted)}.btn-icon--small,.icon-button--small{width:32px;height:32px}.btn-icon--large,.icon-button--large{width:48px;height:48px}.btn--loading,.button--loading,.button-loading{pointer-events:none;color:transparent!important}.btn--loading:after,.button--loading:after,.button-loading: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:spinner-rotation .6s linear infinite;opacity:.6}@keyframes spinner-rotation{to{transform:translate(-50%,-50%) rotate(360deg)}}.btn-primary.btn--loading:after,.button-primary.button--loading:after{border-color:#fff;border-top-color:transparent}.btn-secondary.btn--loading:after,.button-secondary.button--loading:after{border-color:var(--color-primary-500);border-top-color:transparent}.btn-danger.btn--loading:after,.button-danger.button--loading:after{border-color:#fff;border-top-color:transparent}.btn-group{display:inline-flex;gap:var(--space-2)}.btn-group .btn:not(:last-child),.btn-group .button:not(:last-child){margin-right:-1px}.btn-group .btn:hover,.btn-group .button:hover{z-index:1}.btn-group--seamless{gap:0}.btn-group--seamless .btn:not(:first-child):not(:last-child),.btn-group--seamless .button:not(:first-child):not(:last-child){border-radius:0}.btn-group--seamless .btn:first-child,.btn-group--seamless .button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group--seamless .btn:last-child,.btn-group--seamless .button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border:none;box-shadow:0 4px 12px #3b82f666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);z-index:100}.fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 20px #3b82f680}.fab:active{transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.split-button{display:inline-flex;position:relative}.split-button__main{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.split-button__dropdown{border-top-left-radius:0;border-bottom-left-radius:0;min-width:auto;padding:0 var(--space-3)}.split-button__main:hover,.split-button__dropdown:hover{z-index:1}.btn-toggle{background:var(--btn-secondary-bg, var(--color-background-subtle));border:2px solid var(--color-border);transition:all var(--transition-fast)}.btn-toggle:hover:not(.active):not(:disabled){background:var(--color-background-muted);border-color:var(--color-primary-400)}.btn-toggle.active{background:var(--color-primary-500);border-color:var(--color-primary-600);color:#fff;box-shadow:0 2px 4px #3b82f64d}.btn-toggle.active:hover{background:var(--color-primary-600);transform:translateY(-1px)}.btn--icon-left,.btn--icon-right{display:inline-flex;align-items:center;gap:var(--space-2)}.btn--icon-left svg,.btn--icon-right svg{transition:transform var(--transition-fast)}.btn--icon-left:hover svg{transform:translate(-2px)}.btn--icon-right:hover svg{transform:translate(2px)}.btn-full,.btn-block{width:100%;justify-content:center}.btn--pulse{animation:button-pulse 2s ease-in-out infinite}@keyframes button-pulse{0%,to{box-shadow:0 2px 4px #3b82f633}50%{box-shadow:0 4px 12px #3b82f666}}.btn--ripple{overflow:hidden;position:relative}.btn--ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn--ripple:active:after{width:300px;height:300px}.view-toggle{display:inline-flex;background:var(--color-background-subtle);border-radius:var(--radius-lg);padding:var(--space-1);border:1px solid var(--color-border);gap:var(--space-1)}.view-toggle-btn,.view-toggle-button,.view-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.view-toggle-btn:hover,.view-toggle-button:hover,.view-button:hover{color:var(--color-text-primary);background:var(--color-hover-bg)}.view-toggle-btn--active,.view-toggle-btn.active,.view-toggle-button.active,.view-button.active{background:var(--color-background-elevated);color:var(--color-primary-500);box-shadow:var(--shadow-sm);font-weight:var(--font-semibold)}@media(prefers-reduced-motion:reduce){.button,.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-ghost,.btn-icon,.icon-button,.fab,.btn-toggle{transition:none}.button:hover,.btn:hover,.btn-icon:hover,.icon-button:hover,.fab:hover{transform:none}.btn--pulse{animation:none}.btn--ripple:after{display:none}}.form-group{margin-bottom:var(--space-5)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--color-text-primary);font-size:var(--text-sm)}.form-label.required:after{content:" *";color:var(--color-error-500);margin-left:var(--space-1)}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select,.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;color:var(--color-text-primary);background:var(--color-background);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,textarea:focus,select:focus,.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--input-focus-shadow)}input:not([type=checkbox]):not([type=radio]):not([type=range]):hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),.form-input:hover:not(:focus):not(:disabled),.form-textarea:hover:not(:focus):not(:disabled),.form-select:hover:not(:focus):not(:disabled){border-color:var(--color-gray-300);background:var(--color-background-subtle)}input:disabled,textarea:disabled,select:disabled,.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed;background:var(--color-gray-100)}.read-only-field{padding:var(--space-3) var(--space-4);background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-base)}textarea,.form-textarea{resize:vertical;min-height:100px;line-height:var(--leading-relaxed)}.form-select,select{appearance:none;background-image:var(--select-arrow-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E"));background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}.input--success,.form-input.is-valid,input.is-valid,textarea.is-valid{border-color:var(--color-success-500);background:var(--input-success-bg)}.input--success:focus,.form-input.is-valid:focus,input.is-valid:focus,textarea.is-valid:focus{box-shadow:var(--input-success-shadow)}.input--error,.form-input.is-invalid,input.is-invalid,textarea.is-invalid,.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error-500);background:var(--input-error-bg)}.input--error:focus,.form-input.is-invalid:focus,input.is-invalid:focus,input.error:focus,textarea.error:focus,textarea.is-invalid:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:var(--input-error-shadow)}.form-feedback{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm)}.form-feedback__icon{flex-shrink:0}.form-feedback--success,.field-success{color:var(--form-feedback-success-color, var(--color-success-600))}.form-feedback--error,.field-error{color:var(--form-feedback-error-color, var(--color-error-600))}.form-feedback--warning{color:var(--form-feedback-warning-color, var(--color-warning-600))}.field-help{color:var(--color-text-secondary);font-size:var(--text-xs);margin-top:var(--space-1);display:block}.input-wrapper,.input-with-icon{position:relative;display:flex;align-items:center}.input-wrapper__icon,.input-with-icon .input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;z-index:1;transition:color var(--transition-fast)}.input-wrapper__icon--right{right:var(--space-3);left:auto}.input-wrapper:focus-within .input-wrapper__icon,.input-with-icon:focus-within .input-icon{color:var(--color-primary-500)}.input-wrapper--left-icon input,.input-with-icon input,.input-with-icon .form-input{padding-left:calc(var(--space-3) + 28px)!important;width:100%}.input-wrapper--right-icon input{padding-right:calc(var(--space-3) + 28px)!important}.input-group--floating{position:relative}.input-group--floating label{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%);transition:all var(--transition-fast);pointer-events:none;color:var(--color-text-muted);background:var(--color-background);padding:0 var(--space-1)}.input-group--floating input:focus~label,.input-group--floating input:not(:placeholder-shown)~label,.input-group--floating textarea:focus~label,.input-group--floating textarea:not(:placeholder-shown)~label{top:0;font-size:var(--text-xs);color:var(--color-primary-500);transform:translateY(-50%)}input[type=checkbox],input[type=radio]{appearance:none;width:20px;height:20px;border:2px solid var(--color-border);background:var(--color-background);cursor:pointer;transition:all var(--transition-fast);position:relative;flex-shrink:0}input[type=checkbox]{border-radius:var(--radius-md)}input[type=radio]{border-radius:50%}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--color-primary-400);background:var(--color-primary-50)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--color-primary-500);border-color:var(--color-primary-500)}input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:6px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}input[type=checkbox]:focus,input[type=radio]:focus{outline:none;box-shadow:var(--input-focus-shadow)}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-2) 0}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary-500);margin:0;flex-shrink:0}.checkbox-text{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.5}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch__slider{position:absolute;cursor:pointer;inset:0;background:var(--color-gray-300);border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle-switch__slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all var(--transition-fast);box-shadow:var(--range-thumb-shadow)}.toggle-switch input:checked+.toggle-switch__slider{background:var(--color-primary-500)}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(24px)}.toggle-switch:hover .toggle-switch__slider{background:var(--color-gray-400)}.toggle-switch input:checked:hover+.toggle-switch__slider{background:var(--color-primary-600)}.toggle-switch input:focus+.toggle-switch__slider{box-shadow:var(--input-focus-shadow)}.file-input-wrapper{position:relative;display:inline-block}.file-input-wrapper input[type=file]{position:absolute;opacity:0;width:0;height:0}.file-input-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.file-input-label:hover{border-color:var(--color-primary-400);background:var(--file-input-hover-bg, var(--color-primary-50));color:var(--color-primary-600)}.file-input-wrapper input[type=file]:focus+.file-input-label{border-color:var(--color-primary-500);box-shadow:var(--input-focus-shadow)}.file-input-label--drag-over{border-color:var(--color-primary-500);background:var(--file-input-dragover-bg, var(--color-primary-100))}input[type=range]{appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--color-gray-200);outline:none;transition:all var(--transition-fast)}input[type=range]:hover{background:var(--color-gray-300)}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary-500);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--range-thumb-shadow)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--range-thumb-hover-shadow)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--color-primary-500);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--range-thumb-shadow)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--range-thumb-hover-shadow)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{position:relative;display:flex;align-items:center;max-width:300px;width:100%}.search-input .search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;z-index:1;flex-shrink:0;transition:color var(--transition-fast)}.search-input:focus-within .search-icon{color:var(--color-primary-500)}.search-input .search-input-field,.search-input input[type=text],.search-input input[type=search]{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) calc(var(--space-3) + 24px)!important;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-background);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input .search-input-field:focus,.search-input input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--input-focus-shadow)}.search-input .search-input-field:hover:not(:focus),.search-input input:hover:not(:focus){border-color:var(--color-gray-300)}.search-input .search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);padding:var(--space-1);background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);z-index:1}.search-input .search-clear:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.projects-filters .search-input,.tracks-filters .search-input{flex:1;max-width:400px;min-width:200px}.projects-filters .search-input .search-input-field,.tracks-filters .search-input .search-input-field{padding-left:calc(var(--space-3) + 24px)!important}.tracks-filters .search-input .search-icon{left:calc(var(--space-3) + 2px)}.tracks-filters .search-input .search-input-field{padding-left:calc(var(--space-3) + 30px)!important}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input,.password-input-wrapper .form-input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.password-toggle:hover{color:var(--color-text-primary);background:var(--color-background-subtle)}.password-toggle:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.form-section{margin:var(--space-6) 0;padding-top:var(--space-6);border-top:1px solid var(--color-border)}.form-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.form-info-box{padding:var(--space-4);background:var(--form-info-box-bg, var(--color-primary-50));border:1px solid var(--form-info-box-border, var(--color-primary-200));border-radius:var(--radius-md);margin-bottom:var(--space-6)}.form-info-box h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--form-info-box-title, var(--color-primary-700));margin:0 0 var(--space-2) 0}.form-info-box ul{margin:0;padding-left:var(--space-5);list-style:disc}.form-info-box li{font-size:var(--text-sm);color:var(--form-info-box-text, var(--color-primary-700));margin-bottom:var(--space-1)}.filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);min-width:140px;appearance:none;background-image:var(--select-arrow-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E"));background-repeat:no-repeat;background-position:right var(--space-2) center;padding-right:var(--space-6)}.filter-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--input-focus-shadow)}.filter-select:hover{border-color:var(--color-gray-300);background-color:var(--color-background-subtle)}@media(prefers-reduced-motion:reduce){input,textarea,select,.form-input,.form-textarea,.form-select,.toggle-switch__slider,.toggle-switch__slider:before,.file-input-label,input[type=checkbox],input[type=radio],input[type=range],input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb,.input-wrapper__icon,.input-icon,.form-feedback,.form-feedback__icon,.search-icon,.password-toggle{transition:none}}.modal .project-form-container,.modal-large .project-form-container,.modal .project-form-wrapper,.modal-large .project-form-wrapper{display:contents}.modal .project-form-container .modal-header,.modal-large .project-form-container .modal-header,.modal .project-form-wrapper .modal-header,.modal-large .project-form-wrapper .modal-header{display:none!important}.modal .project-form-container .modal-content,.modal-large .project-form-container .modal-content,.modal .project-form-wrapper .modal-content,.modal-large .project-form-wrapper .modal-content,.modal .project-form-container form.modal-content,.modal-large .project-form-container form.modal-content{padding:var(--space-6);overflow-y:auto;flex:1 1 auto;min-height:200px;max-height:calc(90vh - 180px);display:block}.modal .project-form-container .modal-actions,.modal-large .project-form-container .modal-actions,.modal .project-form-wrapper .modal-actions,.modal-large .project-form-wrapper .modal-actions{padding:var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0;background:var(--color-background)}.modal.modal-large{display:flex;flex-direction:column;max-height:90vh;min-height:300px}.modal.modal-large>.modal-header{flex-shrink:0}.modal.modal-large>.project-form-container,.modal.modal-large>.modal-content,.modal.modal-large>form{flex:1 1 auto;overflow-y:auto;min-height:0}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute!important;top:calc(100% + 4px)!important;right:0!important;left:auto!important;margin:0!important;background:var(--color-background-elevated)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--dropdown-shadow, var(--shadow-lg))!important;min-width:160px!important;padding:var(--space-2)!important;z-index:var(--z-dropdown, 1000)!important;display:block!important}.dropdown-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:var(--space-2)!important;padding:var(--space-2) var(--space-3)!important;width:100%!important;text-align:left!important;border:none!important;background:transparent!important;border-radius:var(--radius-md)!important;cursor:pointer!important;font-size:var(--text-sm)!important;font-weight:var(--font-medium)!important;color:var(--color-text-primary)!important;transition:all var(--transition-fast)!important;white-space:nowrap!important;margin-bottom:2px!important}.dropdown-item:last-child{margin-bottom:0!important}.dropdown-item svg{flex-shrink:0!important;width:14px!important;height:14px!important;color:var(--color-text-muted)!important;transition:color var(--transition-fast)!important}.dropdown-item:hover{background:var(--color-background-muted)!important;color:var(--color-text-primary)!important}.dropdown-item:hover svg{color:var(--color-text-primary)!important}.dropdown-item--danger{color:var(--dropdown-danger-color, var(--color-error-600))!important}.dropdown-item--danger:hover{background:var(--dropdown-danger-hover-bg, var(--color-error-50))!important;color:var(--dropdown-danger-hover-color, var(--color-error-700))!important}.dropdown-backdrop{position:fixed!important;inset:0!important;z-index:calc(var(--z-dropdown, 1000) - 1)!important;background:transparent!important}@media(max-width:768px){.card-actions{opacity:1!important}}.user-menu-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.user-menu-button:hover{background-color:var(--color-hover-bg)}.user-menu-button .user-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);box-shadow:0 1px 3px #0000001f}.user-menu-button .chevron-icon{transition:transform .2s ease;color:var(--color-text-muted)}.user-menu-button .chevron-icon.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:240px;max-width:280px;padding:0;z-index:var(--z-dropdown);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-background-elevated);border:1px solid var(--color-border)}.user-menu-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-background-subtle)}.user-menu-header-content{display:flex;align-items:center;gap:var(--space-3)}.user-menu-header .user-avatar-large{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0;box-shadow:0 2px 4px #0000001a}.user-menu-info{flex:1;min-width:0}.user-menu-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-role-badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-background-muted);border-radius:var(--radius-sm);text-transform:capitalize;margin-top:var(--space-2)}.user-menu-items{padding:var(--space-2)}.user-menu-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);transition:all var(--transition-fast);text-align:left}.user-menu-item svg{color:var(--color-text-muted);flex-shrink:0}.user-menu-item:hover{background:var(--color-hover-bg)}.user-menu-item:hover svg{color:var(--color-text-primary)}.user-menu-divider{height:1px;background:var(--color-border);margin:var(--space-1) 0}.user-menu-item.danger{color:var(--color-error-600)}.user-menu-item.danger svg{color:var(--color-error-600)}.user-menu-item.danger:hover{background:var(--color-error-50);color:var(--color-error-700)}.user-menu-item.danger:hover svg{color:var(--color-error-700)}[data-theme=dark] .user-menu-button:hover{background-color:var(--color-background-muted)}[data-theme=dark] .user-menu-dropdown{background:var(--color-background-elevated);border-color:var(--color-border);box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080}[data-theme=dark] .user-menu-header{background:var(--color-background-subtle);border-bottom-color:var(--color-border)}[data-theme=dark] .user-menu-role-badge{background:var(--color-background-muted);color:var(--color-text-secondary)}[data-theme=dark] .user-menu-item:hover{background:var(--color-background-muted)}[data-theme=dark] .user-menu-item.danger:hover{background:#ef444426;color:var(--color-error-400)}[data-theme=dark] .user-menu-item.danger:hover svg{color:var(--color-error-400)}[data-theme=dark] .user-menu-button .user-avatar,[data-theme=dark] .user-menu-header .user-avatar-large{box-shadow:0 2px 4px #0000004d}.version-control{display:flex;flex-direction:column;height:100%;background:var(--color-background);border-radius:var(--radius-lg);overflow:hidden}.version-control-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-background-subtle);gap:12px}.version-control-title-row{display:flex;align-items:baseline;gap:8px}.version-control-title{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary)}.version-control-count{font-size:11px;color:var(--color-text-muted)}.version-control-actions{display:flex;gap:6px;align-items:center}.version-compare-banner{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--color-primary-50);border-bottom:1px solid var(--color-primary-200)}.version-compare-banner-content{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-primary-700)}.version-compare-counter{display:flex;gap:6px}.version-compare-counter span{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:11px;font-weight:700;background:var(--color-background);color:var(--color-text-muted);border:1px solid var(--color-border);transition:all .15s ease}.version-compare-counter span.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.version-list{flex:1;overflow-y:auto;padding:12px}.version-timeline-container{display:flex;flex-direction:column}.version-item{display:flex;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;margin-bottom:4px}.version-item:hover{background:var(--color-background-subtle)}.version-item--current{background:var(--color-success-50);border-color:var(--color-success-200)}.version-item--current:hover{background:var(--color-success-100)}.version-item--selected{background:var(--color-primary-50);border-color:var(--color-primary-300);box-shadow:0 0 0 2px var(--color-primary-100)}.version-item--selected:hover{background:var(--color-primary-100)}.version-item--compare-a{background:var(--color-primary-50);border-color:var(--color-primary-300)}.version-item--compare-b{background:#f5f3ff;border-color:#c4b5fd}.version-timeline{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0;padding-top:4px}.version-dot{width:12px;height:12px;border-radius:50%;background:var(--color-background);border:2px solid var(--color-border);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.version-dot--current{background:var(--color-success-500);border-color:var(--color-success-500)}.version-dot--selected{background:var(--color-primary-500);border-color:var(--color-primary-500)}.version-dot--compare{width:18px;height:18px;background:var(--color-primary-500);border-color:var(--color-primary-500)}.version-dot-label{font-size:10px;font-weight:700;color:#fff}.version-line{flex:1;width:2px;background:var(--color-border);min-height:20px;margin-top:4px}.version-content{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.version-header{flex:1;min-width:0}.version-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.version-number{font-size:13px;font-weight:600;color:var(--color-text-primary)}.version-auto-badge{font-size:9px;padding:2px 6px;background:var(--color-background-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.version-current-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:var(--color-success-100);color:var(--color-success-700);border-radius:4px}.version-viewing-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:var(--color-primary-100);color:var(--color-primary-700);border-radius:4px}.version-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-secondary)}.version-separator{opacity:.5}.version-author{font-weight:500}.version-time{cursor:help}.version-note{margin:6px 0 0;padding:6px 10px;font-size:11px;font-style:italic;color:var(--color-text-secondary);background:var(--color-background-subtle);border-radius:4px;border-left:2px solid var(--color-border)}.version-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.version-item:hover .version-actions{opacity:1}.version-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.version-action-btn:hover{background:var(--color-background-muted);color:var(--color-text-primary)}.version-menu-wrapper{position:relative}.version-menu-backdrop{position:fixed;inset:0;z-index:99}.version-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:140px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.version-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--color-text-primary);font-size:13px;cursor:pointer;transition:background .1s ease;text-align:left}.version-dropdown-item:hover{background:var(--color-background-subtle)}.version-dropdown-item--danger{color:var(--color-error-600)}.version-dropdown-item--danger:hover{background:var(--color-error-50)}.version-compare-indicator{display:flex;align-items:center}.version-checkbox{width:20px;height:20px;border-radius:4px;border:2px solid var(--color-border);background:var(--color-background);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.version-checkbox--checked{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.version-loading,.version-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--color-text-secondary)}.version-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}.version-empty-title{margin:12px 0 4px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.version-empty-text{font-size:12px}.version-delete-message{text-align:center}.version-delete-warning{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-error-600);margin-bottom:8px}.version-delete-warning p{margin:0;font-size:14px}.version-delete-note{margin:0;font-size:12px;color:var(--color-text-secondary)}@media(prefers-color-scheme:dark){.version-control-header{background:var(--color-background-muted)}.version-compare-banner{background:#3b82f626;border-color:#3b82f64d}.version-compare-banner-content{color:var(--color-primary-400)}.version-item--current{background:#22c55e1a;border-color:#22c55e4d}.version-item--selected{background:#3b82f61a;border-color:#3b82f666}.version-item--compare-b{background:#8b5cf61a;border-color:#8b5cf64d}.version-current-badge{background:#22c55e33;color:var(--color-success-400)}.version-viewing-badge{background:#3b82f633;color:var(--color-primary-400)}.version-dropdown{background:var(--color-background-muted);border-color:var(--color-border)}.version-action-btn{background:var(--color-background-muted)}.version-action-btn:hover{background:var(--color-background-subtle)}}@media(max-width:640px){.version-control-header{flex-direction:column;align-items:stretch;gap:8px}.version-control-actions{justify-content:flex-end}.version-actions{opacity:1}}.auth-page-ultra{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:transparent;position:relative}.auth-container-ultra{width:100%;max-width:440px;z-index:1;animation:fadeUp .6s cubic-bezier(.16,1,.3,1)}.auth-container-ultra.auth-container-wide{max-width:900px;display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-8);align-items:center}@media(max-width:768px){.auth-container-ultra.auth-container-wide{grid-template-columns:1fr;max-width:440px}.auth-info-ultra{display:none}}.auth-card-ultra{background:#111827b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:var(--space-8);box-shadow:0 4px 24px #0006,0 0 60px #0080ff14,inset 0 1px #ffffff0d}.auth-header-ultra{text-align:center;margin-bottom:var(--space-6)}.auth-icon-ultra{width:60px;height:60px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#0080ff,#06c);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #0080ff66,inset 0 1px #fff3}.auth-title-ultra{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 var(--space-2);background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle-ultra{font-size:.95rem;color:#94a3b8;margin:0}.auth-error-ultra{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;font-size:.875rem;margin-bottom:var(--space-5)}.auth-error-ultra svg{flex-shrink:0;color:#f87171}.auth-form-ultra{display:flex;flex-direction:column;gap:var(--space-4)}.auth-field-ultra{display:flex;flex-direction:column;gap:var(--space-2)}.auth-label-ultra{font-size:.875rem;font-weight:500;color:#e2e8f0}.auth-label-ultra .required{color:#f87171;margin-left:2px}.auth-input-ultra{width:100%;padding:14px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.auth-input-ultra::placeholder{color:#64748b}.auth-input-ultra:focus{outline:none;border-color:#0080ff;background:#0080ff14;box-shadow:0 0 0 3px #0080ff26,0 0 20px #0080ff1a}.auth-input-ultra:disabled{opacity:.5;cursor:not-allowed}.auth-select-ultra{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:44px;cursor:pointer}.auth-select-ultra option{background:#1a2234;color:#fff}.auth-password-wrapper-ultra{position:relative;display:flex;align-items:center}.auth-password-wrapper-ultra .auth-input-ultra{padding-right:48px}.auth-password-toggle-ultra{position:absolute;right:12px;background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.auth-password-toggle-ultra:hover:not(:disabled){color:#94a3b8}.auth-password-toggle-ultra:disabled{cursor:not-allowed;opacity:.5}.auth-hint-ultra{font-size:.75rem;color:#64748b;margin:var(--space-1) 0 0 0}.auth-submit-ultra{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 24px;margin-top:var(--space-2);background:linear-gradient(135deg,#0080ff,#06c);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0003,0 4px 16px #0080ff4d,inset 0 1px #ffffff1a}.auth-submit-ultra:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000040,0 8px 24px #0080ff66,inset 0 1px #ffffff26}.auth-submit-ultra:active:not(:disabled){transform:translateY(0)}.auth-submit-ultra:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer-ultra{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.08);text-align:center}.auth-footer-ultra p{font-size:.875rem;color:#94a3b8;margin:0}.auth-link-ultra{color:#60a5fa;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link-ultra:hover{color:#93c5fd;text-decoration:underline}.auth-info-ultra{padding:var(--space-6);animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .1s both}.auth-info-ultra h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 var(--space-4);background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-info-ultra p{font-size:1rem;color:#94a3b8;line-height:1.7;margin:0}@media(max-width:480px){.auth-page-ultra{padding:var(--space-4)}.auth-card-ultra{padding:var(--space-6);border-radius:20px}.auth-title-ultra{font-size:1.5rem}.auth-icon-ultra{width:52px;height:52px}}.auth-invitation-details-ultra{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:var(--space-5);margin-bottom:var(--space-5)}.auth-invitation-details-ultra .invitation-project{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 var(--space-3)}.auth-invitation-details-ultra .invitation-role{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:#0080ff26;border-radius:20px;font-size:.875rem;color:#60a5fa;font-weight:500}.auth-invitation-details-ultra .invitation-inviter{font-size:.875rem;color:#94a3b8;margin-top:var(--space-3)}.auth-loading-ultra{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8)}.auth-loading-ultra .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#0080ff;border-radius:50%;animation:spin .8s linear infinite}.card-list{display:grid;gap:var(--space-4);width:100%;max-width:100%}.card-list--grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.card-list--list{grid-template-columns:1fr;gap:var(--space-3)}.card-list--horizontal{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--space-3);align-items:stretch}.card-list--project{grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:var(--space-6)}.card-list--track{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:var(--space-4)}.card-list--stage{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:var(--space-3)}.card-list--user{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-4)}.status-indicator,.status-badge,.status--completed,.status--in-progress,.status--progress,.status--review,.status--pending,.status--not-started,.status--locked,.status-indicator--completed,.status-indicator--in-progress,.status-indicator--progress,.status-indicator--review,.status-indicator--pending,.status-indicator--not-started,.status-indicator--locked{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:capitalize;white-space:nowrap;transition:all var(--transition-fast);line-height:1.2}.status-indicator--completed,.status--completed{background:var(--color-status-completed-bg);color:var(--color-status-completed-text);border:1px solid var(--color-status-completed-border)}.status-indicator--completed:before,.status--completed:before{content:"✓";font-weight:var(--font-bold);margin-right:var(--space-1)}.status-indicator--in-progress,.status--in-progress,.status-indicator--progress,.status--progress{background:var(--color-status-progress-bg);color:var(--color-status-progress-text);border:1px solid var(--color-status-progress-border)}.status-indicator--in-progress:before,.status--in-progress:before,.status-indicator--progress:before,.status--progress:before{content:"◐";animation:rotate 2s linear infinite;display:inline-block;margin-right:var(--space-1)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-indicator--review,.status--review,.status-indicator--pending,.status--pending{background:var(--color-status-review-bg);color:var(--color-status-review-text);border:1px solid var(--color-status-review-border)}.status-indicator--review:before,.status--review:before,.status-indicator--pending:before,.status--pending:before{content:"⏱";margin-right:var(--space-1)}.status-indicator--not-started,.status--not-started{background:var(--color-gray-50);color:var(--color-gray-600);border:1px solid var(--color-gray-200)}.status-indicator--not-started:before,.status--not-started:before{content:"○";margin-right:var(--space-1)}.status-indicator--locked,.status--locked{background:var(--color-gray-100);color:var(--color-gray-500);border:1px solid var(--color-gray-300);opacity:.7}.status-indicator--locked:before,.status--locked:before{content:"🔒";margin-right:var(--space-1);font-size:var(--text-xs)}@media(prefers-reduced-motion:reduce){.status-indicator--in-progress:before,.status--in-progress:before,.status-indicator--progress:before,.status--progress:before{animation:none}}button.status-indicator:focus-visible,a.status-indicator:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}button.status-indicator:hover:not(.status-indicator--locked),a.status-indicator:hover:not(.status-indicator--locked){transform:translateY(-1px);box-shadow:var(--shadow-sm)}button.status-indicator:active:not(.status-indicator--locked),a.status-indicator:active:not(.status-indicator--locked){transform:translateY(0)}.card--project,.card--track,.card--stage,.card--user{min-height:180px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all var(--transition-normal);will-change:transform}.card--project{min-height:220px}.card--track{min-height:200px}.card--stage{min-height:160px}.card--user{min-height:180px}.card--clickable:not(.status-indicator--locked):hover,.card.clickable:not(.status-indicator--locked):hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);cursor:pointer}.card--project.card--clickable:not(.status-indicator--locked):hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px #0000001f,0 6px 12px -2px #00000014}.card--track.card--clickable:not(.status-indicator--locked):hover{transform:translateY(-3px)}.card--stage.card--horizontal.card--clickable:not(.status-indicator--locked):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card--user.card--clickable:not(.status-indicator--locked):hover{transform:translateY(-3px)}.card--clickable:active{transform:translateY(-1px);box-shadow:var(--shadow-sm);transition:all .1s ease}.card--stage.card--horizontal.status-indicator--locked:hover{transform:none;box-shadow:var(--shadow-sm);cursor:not-allowed}.card--loading{opacity:.7;pointer-events:none;position:relative}.card--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:card-spin .6s linear infinite}@keyframes card-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.card--horizontal{flex-direction:row;align-items:stretch;min-height:100px;max-height:120px;padding:0}.card--horizontal .card-header{flex:0 0 auto;width:140px;border-bottom:none;border-right:1px solid var(--color-border-subtle);margin-right:0;margin-bottom:0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-4)}.card--horizontal .card-content{flex:1;padding:var(--space-4);display:flex;flex-direction:column;justify-content:center;min-width:0}.card--horizontal .card-footer{border-top:none;margin-top:0;padding:var(--space-2) var(--space-4);background:transparent}.card--horizontal .card-title{font-size:var(--text-sm);margin-bottom:var(--space-1)}.card--horizontal .card-title-section{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.card--horizontal .card-title-content{width:100%}.card-title-section{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.card-title-content{flex:1;min-width:0}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;line-height:var(--leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:color var(--transition-fast)}.card--project .card-header,.card--track .card-header,.card--stage .card-header,.card--user .card-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-primary-50);color:var(--color-primary-500);flex-shrink:0;transition:all var(--transition-fast)}.card--clickable:hover .card-icon{transform:scale(1.05)}.card--horizontal .card-icon{width:32px;height:32px}.stage-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm)}.stage-number.status-indicator--completed{background:var(--color-success-500)}.stage-number.status-indicator--in-progress{background:var(--color-primary-500)}.stage-number.status-indicator--review{background:var(--color-warning-500)}.stage-number.status-indicator--not-started{background:var(--color-gray-400)}.stage-number.status-indicator--locked{background:var(--color-gray-300)}.card-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.card-metadata{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:auto;align-items:center}.card-meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;transition:color var(--transition-fast)}.card--clickable:hover .card-meta-item{color:var(--color-text-primary)}.card-meta-icon{color:var(--color-text-muted);display:flex;align-items:center;flex-shrink:0}.card-meta-text{overflow:hidden;text-overflow:ellipsis;max-width:150px;white-space:nowrap}.card-progress{margin-top:var(--space-3);width:100%}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.progress-percentage{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.progress-bar{width:100%;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));transition:width var(--transition-normal);border-radius:var(--radius-full)}.card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);opacity:0;transition:opacity var(--transition-fast)}.card:hover .card-actions,.card--clickable:hover .card-actions{opacity:1}.card-action-button{padding:var(--space-2);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.card-action-button:hover{background:var(--color-background-subtle);color:var(--color-text-primary);transform:scale(1.1)}.card-action-button:active{transform:scale(.95)}.card--project .card-icon{background:var(--color-primary-50);color:var(--color-primary-500)}.card--project:hover{border-color:var(--color-primary-200)}.card--project.card--clickable:hover .card-title{color:var(--color-primary-600)}.card--track .card-icon{background:var(--color-primary-50);color:var(--color-primary-500)}.card--track:hover{border-color:var(--color-primary-300)}.card--track.card--clickable:hover .card-title{color:var(--color-primary-600)}.card--stage .card-icon{background:var(--color-warning-50);color:var(--color-warning-500)}.card--stage.card--horizontal{border-left:4px solid transparent;transition:all var(--transition-normal)}.card--stage.card--horizontal.status-indicator--completed{border-left-color:var(--color-success-500);background:linear-gradient(90deg,rgba(34,197,94,.02),transparent)}.card--stage.card--horizontal.status-indicator--in-progress{border-left-color:var(--color-primary-500);background:linear-gradient(90deg,rgba(59,130,246,.02),transparent)}.card--stage.card--horizontal.status-indicator--locked{opacity:.6;cursor:not-allowed}.card--user .card-icon{background:var(--color-gray-100);color:var(--color-gray-600)}.card--user:hover{border-color:var(--color-gray-300)}.card:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.card--clickable:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media(prefers-contrast:high){.card{border-width:2px}.status-indicator{border-width:2px;font-weight:var(--font-bold)}}@media(prefers-reduced-motion:reduce){.card,.card--clickable,.progress-fill,.card-icon,.card-action-button,.card-meta-item,.card-title{transition:none}.card--clickable:hover{transform:none}.card--loading:after{animation:none}}.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-meta-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.stage-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .card--track .card-icon{background:#3b82f626;color:var(--color-primary-400)}[data-theme=dark] .card--track:hover{border-color:var(--color-primary-500)}[data-theme=dark] .card--track.card--clickable:hover .card-title{color:var(--color-primary-400)}[data-theme=dark] .card{background:var(--color-background-elevated);border-color:var(--color-border)}[data-theme=dark] .card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}[data-theme=dark] .card--clickable:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-lg);transform:translateY(-2px)}[data-theme=dark] .card-header{border-bottom-color:var(--color-border);background:var(--color-background-subtle)}[data-theme=dark] .card-title{color:var(--color-text-primary)}[data-theme=dark] .card-subtitle{color:var(--color-text-secondary)}[data-theme=dark] .card-content{color:var(--color-text-primary)}[data-theme=dark] .card-description{color:var(--color-text-secondary)}[data-theme=dark] .card-meta{color:var(--color-text-muted)}[data-theme=dark] .card-footer{border-top-color:var(--color-border);background:transparent}[data-theme=dark] .card-icon{background:#3b82f626;color:var(--color-primary-400)}[data-theme=dark] .card-icon-wrapper{background:var(--color-background-subtle);border-color:var(--color-border)}[data-theme=dark] .card-badge{background:var(--color-background-muted);color:var(--color-text-secondary);border-color:var(--color-border)}[data-theme=dark] .card-badge--primary{background:#3b82f626;color:var(--color-primary-400);border-color:var(--color-primary-500)}[data-theme=dark] .card-badge--success{background:#22c55e26;color:var(--color-success-300);border-color:var(--color-success-500)}[data-theme=dark] .card-badge--warning{background:#f59e0b26;color:var(--color-warning-300);border-color:var(--color-warning-500)}[data-theme=dark] .card-badge--error{background:#ef444426;color:var(--color-error-300);border-color:var(--color-error-500)}[data-theme=dark] .card--horizontal{background:var(--color-background-elevated);border-color:var(--color-border)}[data-theme=dark] .card--horizontal:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-lg)}[data-theme=dark] .cards-grid .card{background:var(--color-background-elevated)}[data-theme=dark] .cards-grid .card:hover{box-shadow:var(--shadow-lg)}[data-theme=dark] .card--compact{background:var(--color-background-elevated);border-color:var(--color-border)}[data-theme=dark] .card--compact:hover{background:var(--color-background-muted);border-color:var(--color-border-strong)}[data-theme=dark] .card-divider{background:var(--color-border)}.ab-comparison-player{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.ab-comparison-player .comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.ab-comparison-player .comparison-title{display:flex;align-items:center;gap:var(--space-3)}.ab-comparison-player .comparison-title h3{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.ab-comparison-player .comparison-controls-top{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ab-comparison-player .mode-btn{padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.ab-comparison-player .mode-btn:hover{background:var(--color-background-subtle);border-color:var(--color-primary-400);color:var(--color-primary-600)}.ab-comparison-player .mode-btn.active{background:var(--color-primary-500);border-color:var(--color-primary-600);color:#fff;box-shadow:0 2px 8px #3b82f64d}.ab-comparison-player .interval-select{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.ab-comparison-player .sync-btn,.ab-comparison-player .swap-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.ab-comparison-player .sync-btn:hover,.ab-comparison-player .swap-btn:hover{background:var(--color-background-subtle);border-color:var(--color-primary-400);color:var(--color-primary-600)}.ab-comparison-player .sync-btn.active{background:var(--color-success-100);border-color:var(--color-success-500);color:var(--color-success-700)}.ab-comparison-player .main-playback-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-background-subtle);border-radius:var(--radius-lg)}.ab-comparison-player .reset-btn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.ab-comparison-player .reset-btn:hover{background:var(--color-background-subtle);border-color:var(--color-danger-400);color:var(--color-danger-600);transform:scale(1.05)}.ab-comparison-player .play-pause-btn-large{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-primary-600);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px #3b82f666}.ab-comparison-player .play-pause-btn-large:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));transform:scale(1.08);box-shadow:0 6px 20px #3b82f680}.ab-comparison-player .match-btn{width:auto!important;height:auto!important;min-width:120px;padding:var(--space-3) var(--space-6);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.ab-comparison-player .match-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-400);color:var(--color-primary-600);transform:translateY(-1px)}.ab-comparison-player .match-btn:active{transform:translateY(0)}.ab-comparison-player .waveform-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.ab-comparison-player .waveform-panel{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.ab-comparison-player .waveform-panel.active{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.ab-comparison-player .waveform-panel.version-a.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ab-comparison-player .waveform-panel.version-b.active{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.ab-comparison-player .panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.ab-comparison-player .panel-title{display:flex;align-items:center;gap:var(--space-2)}.ab-comparison-player .version-label{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary-500);color:#fff;border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-base)}.ab-comparison-player .version-b .version-label{background:#8b5cf6}.ab-comparison-player .panel-title h4{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.ab-comparison-player .version-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.ab-comparison-player .version-number,.ab-comparison-player .version-date{font-size:var(--text-xs);color:var(--color-text-secondary)}.ab-comparison-player .panel-controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.ab-comparison-player .time-display{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.ab-comparison-player .volume-control{display:flex;align-items:center;gap:var(--space-2)}.ab-comparison-player .volume-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.ab-comparison-player .volume-btn:hover{background:var(--color-background-subtle);border-color:var(--color-primary-400);color:var(--color-primary-600)}.ab-comparison-player .volume-slider{width:100px;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-background-subtle);border-radius:var(--radius-full);cursor:pointer;outline:none}.ab-comparison-player .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary-500);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all var(--transition-fast)}.ab-comparison-player .volume-slider::-webkit-slider-thumb:hover{background:var(--color-primary-600);transform:scale(1.2)}.ab-comparison-player .volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-primary-500);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all var(--transition-fast)}.ab-comparison-player .volume-slider::-moz-range-thumb:hover{background:var(--color-primary-600);transform:scale(1.2)}.ab-comparison-player .volume-level{min-width:36px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-align:right;font-variant-numeric:tabular-nums}.ab-comparison-player .comparison-info{display:flex;justify-content:space-around;padding:var(--space-4);background:var(--color-background-subtle);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.ab-comparison-player .info-item{display:flex;flex-direction:column;gap:var(--space-1)}.ab-comparison-player .info-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ab-comparison-player .info-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.advanced-waveform-viewer{width:100%}.advanced-waveform-viewer .waveform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.advanced-waveform-viewer .waveform-info{display:flex;align-items:center;gap:var(--space-3)}.advanced-waveform-viewer .hover-time{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-600);font-variant-numeric:tabular-nums}.advanced-waveform-viewer .waveform-controls{display:flex;align-items:center;gap:var(--space-2)}.advanced-waveform-viewer .zoom-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.advanced-waveform-viewer .zoom-btn:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-400);color:var(--color-primary-600)}.advanced-waveform-viewer .zoom-btn:disabled{opacity:.4;cursor:not-allowed}.advanced-waveform-viewer .zoom-level{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);min-width:32px;text-align:center}.advanced-waveform-viewer .waveform-canvas-container{position:relative;background:var(--color-background-subtle);border-radius:var(--radius-md);padding:var(--space-2);border:1px solid var(--color-border);margin-bottom:var(--space-3)}.advanced-waveform-viewer .waveform-canvas{width:100%;height:auto;display:block;border-radius:var(--radius-sm)}.advanced-waveform-viewer .waveform-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe6;border-radius:var(--radius-md);gap:var(--space-2)}.advanced-waveform-viewer .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.advanced-waveform-viewer .waveform-loading-overlay span{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.advanced-waveform-viewer .comment-markers-list{margin-top:var(--space-4)}.advanced-waveform-viewer .comment-markers-list h4{margin:0 0 var(--space-3);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.advanced-waveform-viewer .markers-scroll{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.advanced-waveform-viewer .marker-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.advanced-waveform-viewer .marker-item:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.advanced-waveform-viewer .marker-item.selected{background:var(--color-primary-100);border-color:var(--color-primary-500)}.advanced-waveform-viewer .marker-time{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary-600)}.advanced-waveform-viewer .marker-comment{font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.advanced-waveform-viewer .marker-meta{display:flex;justify-content:space-between;align-items:center}.advanced-waveform-viewer .marker-user{font-size:var(--text-xs);color:var(--color-text-secondary)}.advanced-waveform-viewer .marker-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-danger-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.advanced-waveform-viewer .marker-delete:hover{background:var(--color-danger-50);border-color:var(--color-danger-400)}.advanced-waveform-viewer .add-comment-hint{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-background-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary)}@media(max-width:1024px){.ab-comparison-player .waveform-comparison-grid{grid-template-columns:1fr;gap:var(--space-6)}.ab-comparison-player .comparison-controls-top{justify-content:center}}@media(max-width:768px){.ab-comparison-player{padding:var(--space-4)}.ab-comparison-player .comparison-header{flex-direction:column;gap:var(--space-4);align-items:stretch}.ab-comparison-player .comparison-controls-top{flex-wrap:wrap;justify-content:center}.ab-comparison-player .main-playback-controls{flex-wrap:wrap}.ab-comparison-player .play-pause-btn-large{width:64px;height:64px}}.stage-detail-page{min-height:100vh;background:var(--color-background-page)}.stage-header{background:var(--color-background-subtle);border-bottom:1px solid var(--color-border-light);padding:var(--space-6) 0}.stage-breadcrumb{max-width:var(--max-width-container);padding:0 var(--space-6);margin-bottom:var(--space-4)}.stage-title-section{max-width:var(--max-width-container);padding:0 var(--space-6);display:flex;align-items:center;gap:var(--space-6)}.stage-number{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff;flex-shrink:0}.stage-number.stage-status-pending{background:var(--color-gray-400)}.stage-number.stage-status-active{background:var(--color-primary-500)}.stage-number.stage-status-review{background:var(--color-warning-500)}.stage-number.stage-status-completed{background:var(--color-success-500)}.stage-number.stage-status-hold{background:var(--color-gray-500)}.stage-check{font-size:var(--text-xl)}.stage-info{flex:1}.stage-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.stage-description{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.stage-custom-actions{display:flex;gap:var(--space-3)}.stage-detail-content{max-width:var(--max-width-container);margin:0 auto;padding:var(--space-8) var(--space-6)}.stage-content-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--space-6);align-items:start}.stage-main-content{display:flex;flex-direction:column;gap:var(--space-4)}.stage-sidebar{position:sticky;top:var(--space-4)}.stage-meta{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.stage-meta h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;gap:var(--space-2)}.stage-meta-item{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.stage-meta-item strong{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;font-weight:var(--font-semibold)}.stage-meta-item span{font-size:var(--text-sm);color:var(--color-text-primary)}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.meta-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.025em}.meta-value{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-semibold)}.text-editor-stage{width:100%}.editor-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-background-subtle)}.editor-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.editor-toolbar{display:flex;align-items:center;gap:var(--space-2)}.unsaved-indicator{font-size:var(--text-sm);color:var(--color-warning-600);font-weight:var(--font-medium)}.saving-indicator{font-size:var(--text-sm);color:var(--color-text-muted)}.editor-content-wrapper{min-height:500px}.editor-textarea{width:100%;min-height:500px;padding:var(--space-5);border:none;resize:vertical;font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--leading-relaxed);background:var(--color-background);color:var(--color-text-primary)}.editor-preview{padding:var(--space-5);min-height:500px;font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--leading-relaxed);white-space:pre-wrap;word-wrap:break-word}.editor-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.editor-button:hover{background:var(--color-background);color:var(--color-text-primary)}.editor-button.active{background:var(--color-primary-100);color:var(--color-primary-600)}.audio-stage,.voice-recording-stage{width:100%}.audio-player-card,.recording-player-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.audio-info,.recording-header{margin-bottom:var(--space-6)}.audio-info h3,.recording-info h3{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold)}.audio-notes,.recording-notes{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.recording-header{display:flex;align-items:center;gap:var(--space-4)}.recording-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:var(--radius-lg)}.audio-waveform-placeholder,.recording-waveform-placeholder{height:120px;background:var(--color-background-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.waveform-bars{display:flex;align-items:center;justify-content:space-around;height:100%;padding:0 var(--space-4)}.waveform-bar{width:2px;background:var(--color-primary-500);border-radius:var(--radius-sm);transition:all .2s ease}.audio-timeline,.recording-timeline{margin-bottom:var(--space-3);cursor:pointer}.timeline-track{height:8px;background:var(--color-background-subtle);border-radius:var(--radius-full);overflow:hidden}.timeline-progress{height:100%;background:var(--color-primary-500);transition:width .1s linear}.audio-time-display,.recording-time-display{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.audio-controls,.recording-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.control-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover:not(:disabled){background:var(--color-background-subtle);color:var(--color-text-primary);transform:scale(1.05)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn-primary{width:56px;height:56px;background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.control-btn-primary:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.volume-control{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-4)}.volume-slider{width:100px;height:4px;border-radius:var(--radius-full);background:var(--color-background-subtle);cursor:pointer}.no-audio-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:var(--spacing-8, 2rem);background:linear-gradient(135deg,#3b82f60d,#60a5fa14,#93c5fd0d);border-radius:var(--radius-card, 12px);border:2px dashed rgba(59,130,246,.2);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.no-audio-state:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(59,130,246,.03) 0%,transparent 70%);animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(180deg);opacity:.8}}.no-audio-state:hover{border-color:#3b82f666;background:linear-gradient(135deg,#3b82f614,#60a5fa1f,#93c5fd14);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f626,0 4px 8px #3b82f61a}.no-audio-content{position:relative;z-index:1;text-align:center;max-width:400px;margin:0 auto}.upload-icon{width:80px;height:80px;margin:0 auto var(--spacing-6, 1.5rem);position:relative;animation:float-icon 3s ease-in-out infinite}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-icon svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3));color:var(--color-primary-500, #3b82f6);animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.upload-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at center,rgba(59,130,246,.2) 0%,transparent 70%);border-radius:50%;animation:ring-pulse 2s ease-in-out infinite}@keyframes ring-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.no-audio-state h3{font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #111827);margin-bottom:var(--spacing-3, .75rem);background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.no-audio-state p{color:var(--color-text-secondary, #6b7280);font-size:var(--font-size-base, 1rem);line-height:1.6;margin-bottom:var(--spacing-6, 1.5rem)}.no-audio-state button,.upload-button{position:relative;padding:var(--spacing-4, 1rem) var(--spacing-8, 2rem);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-semibold, 600);color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:var(--radius-button, 8px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f64d,0 2px 4px #3b82f633,inset 0 1px #fff3;overflow:hidden;z-index:1}.no-audio-state button:before,.upload-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;z-index:-1}.no-audio-state button:hover:before,.upload-button:hover:before{left:100%}.no-audio-state button:hover,.upload-button:hover{transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #3b82f666,0 4px 8px #3b82f64d,inset 0 1px #ffffff4d}.no-audio-state button:active,.upload-button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #3b82f64d,inset 0 2px 4px #0000001a}.no-audio-state button:focus,.upload-button:focus{outline:none;box-shadow:0 4px 12px #3b82f64d,0 0 0 3px #3b82f633}.file-drop-zone{border:2px dashed rgba(59,130,246,.3);border-radius:var(--radius-card, 12px);padding:var(--spacing-8, 2rem);text-align:center;background:linear-gradient(135deg,#3b82f608,#60a5fa0d);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.file-drop-zone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(59,130,246,.05) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.file-drop-zone:hover,.file-drop-zone.drag-active{border-color:var(--color-primary-500, #3b82f6);background:linear-gradient(135deg,#3b82f614,#60a5fa1f);transform:scale(1.01);box-shadow:0 8px 24px #3b82f626,inset 0 1px 2px #3b82f61a}.file-drop-zone:hover:before,.file-drop-zone.drag-active:before{opacity:1}.file-drop-zone.drag-active{border-style:solid;border-width:3px;animation:drop-zone-pulse .6s ease-in-out infinite}@keyframes drop-zone-pulse{0%,to{border-color:#3b82f699}50%{border-color:#3b82f6}}.file-drop-zone p{color:var(--color-text-secondary, #6b7280);font-size:var(--font-size-sm, .875rem);margin-top:var(--spacing-4, 1rem)}.file-drop-zone:hover p{color:var(--color-primary-500, #3b82f6);font-weight:var(--font-weight-medium, 500)}@media(max-width:640px){.no-audio-state{min-height:280px;padding:var(--spacing-6, 1.5rem)}.upload-icon{width:64px;height:64px}.no-audio-state h3{font-size:var(--font-size-xl, 1.25rem)}.no-audio-state button,.upload-button{padding:var(--spacing-3, .75rem) var(--spacing-6, 1.5rem);font-size:var(--font-size-sm, .875rem)}.file-drop-zone{padding:var(--spacing-6, 1.5rem)}}.no-audio-state button:focus-visible,.upload-button:focus-visible{outline:3px solid var(--color-primary-500, #3b82f6);outline-offset:2px}@media(prefers-reduced-motion:reduce){.no-audio-state,.upload-icon,.upload-icon svg,.no-audio-state button,.upload-button,.file-drop-zone{animation:none;transition:none}.no-audio-state:before,.upload-icon:before,.no-audio-state button:before,.upload-button:before{animation:none}}.upload-button.loading{pointer-events:none;opacity:.7;position:relative}.upload-button.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:8px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:button-spinner .6s linear infinite}@keyframes button-spinner{to{transform:rotate(360deg)}}.upload-success{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4, 1rem);background:linear-gradient(135deg,#3b82f61a,#60a5fa26);border-radius:var(--radius-card, 12px);border:2px solid rgba(59,130,246,.3);animation:success-fade-in .4s ease-out}@keyframes success-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upload-success-icon{color:var(--color-primary-500, #3b82f6);margin-right:var(--spacing-2, .5rem);animation:success-check .5s ease-out}@keyframes success-check{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.upload-success-text{color:var(--color-primary-600, #2563eb);font-weight:var(--font-weight-semibold, 600)}.artwork-stage{width:100%}.artwork-viewer-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.artwork-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.artwork-info h3{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold)}.artwork-notes{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.artwork-actions{display:flex;gap:var(--space-2)}.artwork-display{margin-bottom:var(--space-6);border-radius:var(--radius-md);overflow:hidden;background:var(--color-background-subtle);display:flex;align-items:center;justify-content:center;min-height:400px}.artwork-image{max-width:100%;height:auto;display:block;cursor:pointer;transition:transform var(--transition-fast)}.artwork-image:hover{transform:scale(1.02)}.artwork-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.metadata-item{display:flex;flex-direction:column;gap:var(--space-1)}.metadata-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;font-weight:var(--font-semibold);letter-spacing:.5px}.metadata-value{font-size:var(--text-base);color:var(--color-text-primary);font-weight:var(--font-medium)}.artwork-recommendations{background:var(--color-background-subtle);padding:var(--space-4);border-radius:var(--radius-md)}.artwork-recommendations h4{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;color:var(--color-text-secondary)}.artwork-recommendations ul{margin:0;padding-left:var(--space-5)}.artwork-recommendations li{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.empty-artwork-state{text-align:center;padding:var(--space-12);color:var(--color-text-secondary)}.empty-artwork-state svg{color:var(--color-text-muted);margin-bottom:var(--space-4)}.artwork-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.artwork-item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-background-subtle)}.artwork-item img{width:100%;height:100%;object-fit:cover}.artwork-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.artwork-item:hover .artwork-overlay{opacity:1}.lightbox-overlay{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.lightbox-content{width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;background:var(--color-background);border-radius:var(--radius-lg);overflow:hidden}.lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.lightbox-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.lightbox-controls{display:flex;align-items:center;gap:var(--space-2)}.lightbox-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.lightbox-btn:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.zoom-level{font-size:var(--text-sm);color:var(--color-text-secondary);min-width:50px;text-align:center}.lightbox-image-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:var(--space-6);background:var(--color-gray-900)}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease}.lightbox-footer{padding:var(--space-4);border-top:1px solid var(--color-border)}.image-info{display:flex;gap:var(--space-4);justify-content:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.image-info span:not(:last-child):after{content:"•";margin-left:var(--space-4)}.assets-stage{width:100%}.assets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.assets-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold)}.assets-filter,.recording-filter{margin-bottom:var(--space-4)}.filter-select,.recording-filter select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer}.assets-grid{display:grid;gap:var(--space-3)}.asset-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.asset-card:hover{background:var(--color-background-subtle);border-color:var(--color-primary-500)}.asset-card.selected{background:var(--color-primary-50);border-color:var(--color-primary-500)}.asset-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.asset-info{flex:1;min-width:0}.asset-name{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:var(--font-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.asset-notes{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.asset-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.asset-actions{display:flex;gap:var(--space-2)}.empty-assets-state{text-align:center;padding:var(--space-12);color:var(--color-text-secondary)}.empty-assets-state svg{color:var(--color-text-muted);margin-bottom:var(--space-4)}.selected-asset-details{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.selected-asset-details h4{margin:0 0 var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold)}.detail-item{margin-bottom:var(--space-3)}.detail-label{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.detail-value{display:block;font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-word}.detail-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.assets-upload{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;background:var(--color-background-subtle);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-6)}.assets-upload:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.version-control{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.version-control-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-background)}.version-control-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.version-list{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);max-height:600px;overflow-y:auto}.version-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.version-item:hover{background:var(--color-background-subtle);border-color:var(--color-primary-400);transform:translate(2px)}.version-item.selected{background:var(--color-primary-50);border-color:var(--color-primary-500)}.version-item.current{border-color:var(--color-success-500)}.version-item--current{border-color:var(--color-primary-500);background:var(--color-primary-50)}.version-header{display:flex;justify-content:space-between;align-items:center}.version-main{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.version-badge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);flex-shrink:0}.current-badge{font-size:var(--text-xs);padding:2px 6px;background:var(--color-success-100);color:var(--color-success-700);border-radius:var(--radius-sm)}.version-name{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-info{flex:1}.version-number{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.version-timestamp{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1)}.expand-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0}.expand-btn:hover{background:var(--color-background);color:var(--color-text-primary)}.version-details{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.version-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary)}.version-notes{margin-bottom:var(--space-3);padding:var(--space-2);background:var(--color-background);border-radius:var(--radius-sm)}.version-notes p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.version-stats{display:flex;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.version-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.empty-versions{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.empty-versions p{margin:0;font-size:var(--text-sm)}.empty-versions .text-muted{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.version-control-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-muted)}.file-upload-modal .modal-content{max-width:600px;max-height:80vh;overflow-y:auto}.file-drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;background:var(--color-background-subtle);transition:all var(--transition-fast);cursor:pointer;position:relative;margin-bottom:var(--space-4)}.file-drop-zone:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.file-drop-zone.dragging,.file-drop-zone.drag-active{border-color:var(--color-primary-500);background:var(--color-primary-100)}.file-drop-zone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);pointer-events:none}.upload-icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-primary-100);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center}.upload-prompt h3,.upload-prompt h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.upload-prompt p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;text-align:center}.upload-prompt .button{pointer-events:auto}.file-formats{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.upload-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.selected-files{margin-top:var(--space-6);margin-bottom:var(--space-4)}.selected-files h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.file-list{display:flex;flex-direction:column;gap:var(--space-2)}.file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.file-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0;overflow:hidden}.file-preview{width:100%;height:100%;object-fit:cover}.file-item-info,.file-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.file-item-name,.file-name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.file-item-size,.file-size{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;margin:0}.validation-errors{padding:var(--space-3);background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.error-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-error-700);margin-bottom:var(--space-1)}.error-item:last-child{margin-bottom:0}.notes-field{margin-bottom:var(--space-4)}.notes-field label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.notes-field textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-sans);resize:vertical;background:var(--color-background);color:var(--color-text-primary)}.notes-field textarea:focus{outline:none;border-color:var(--color-primary-500)}.upload-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-error-700);margin-bottom:var(--space-4)}.empty-state{text-align:center;padding:var(--space-12);color:var(--color-text-secondary);background:var(--color-background-subtle);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:var(--color-background-muted);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.loading-state{text-align:center;padding:var(--space-12);color:var(--color-text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-background-subtle);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:spin .6s linear infinite;margin:0 auto var(--space-3)}.error-state{text-align:center;padding:var(--space-12);color:var(--color-error-600);background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-lg)}@media(max-width:1024px){.stage-content-grid{grid-template-columns:1fr}.stage-sidebar{position:static}}@media(max-width:768px){.stage-title-section{flex-direction:column;align-items:flex-start}.stage-custom-actions{width:100%}.editor-toolbar,.audio-controls,.recording-controls{flex-wrap:wrap}.volume-control{width:100%;margin-left:0;margin-top:var(--space-2)}.artwork-header{flex-direction:column;gap:var(--space-4)}.artwork-actions{width:100%}.meta-grid{grid-template-columns:1fr}.artwork-preview{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.lightbox-image-container{padding:var(--space-3)}.assets-grid{grid-template-columns:1fr}.asset-card{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.stage-detail-content{padding:var(--space-4) var(--space-3)}.stage-title{font-size:var(--text-2xl)}.stage-number{width:48px;height:48px;font-size:var(--text-base)}.stage-main-content{padding:var(--space-3)}.editor-content-wrapper{min-height:400px}.version-card__actions{flex-direction:column}.version-card__actions .button,.version-card__actions .btn{width:100%}}.text-editor-stage{width:100%;height:100%}.text-editor-stage .stage-content-grid{height:calc(100vh - 280px);min-height:600px}.text-editor-stage .stage-main-content{height:100%;min-width:0}.text-editor-stage .stage-sidebar{height:100%;overflow:hidden;display:flex;flex-direction:column}.editor-card{background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border);height:100%;display:flex;flex-direction:column}.editor-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:var(--color-background-subtle)}.editor-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.editor-toolbar{display:flex;align-items:center;gap:var(--space-3)}.editor-content-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.editor-textarea{width:100%;height:100%;padding:var(--space-6);border:none;resize:none;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-background)}.editor-textarea:focus{outline:none}.editor-textarea::placeholder{color:var(--color-text-muted)}.editor-preview{padding:var(--space-6);overflow-y:auto;flex:1}.editor-preview pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.version-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.version-item.compare-mode{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.version-item.compare-mode.selected{background:var(--color-primary-50);border-color:var(--color-primary-500)}.version-item.compare-mode.selected:before{content:"✓";position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm)}.compare-view{display:flex;flex-direction:column;gap:var(--space-4)}.compare-header{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.compare-column-header{display:flex;flex-direction:column;gap:var(--space-1)}.compare-column-header h4{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.compare-column-header p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.diff-view{max-height:500px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background)}.diff-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--color-border-subtle)}.diff-row:last-child{border-bottom:none}.diff-line-container{display:flex;align-items:flex-start;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:var(--text-sm);line-height:1.5;border-right:1px solid var(--color-border-subtle)}.diff-line-container:last-child{border-right:none}.line-number{flex-shrink:0;width:50px;padding:var(--space-2);text-align:right;color:var(--color-text-muted);background:var(--color-background-subtle);border-right:1px solid var(--color-border);-webkit-user-select:none;user-select:none;font-size:var(--text-xs)}.diff-line{flex:1;padding:var(--space-2) var(--space-3);min-height:30px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.diff-same .diff-line{background:var(--color-background);color:var(--color-text-primary)}.diff-added .diff-line{background:#d1f4d1;color:#0d5d0d}.diff-removed .diff-line{background:#ffd6d6;color:#8b0000}.diff-changed .diff-line{background:#fff4cc;color:#7d5c00}.diff-legend{display:flex;gap:var(--space-4);padding:var(--space-3);background:var(--color-background-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2)}.legend-color{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0}.legend-color.diff-same{background:var(--color-background)}.legend-color.diff-added{background:#d1f4d1}.legend-color.diff-removed{background:#ffd6d6}.legend-color.diff-changed{background:#fff4cc}.confirm-message{color:var(--color-text-secondary);margin:var(--space-2) 0;line-height:var(--leading-relaxed);font-size:var(--text-sm)}.confirm-message strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}@media(max-width:1024px){.text-editor-stage .stage-content-grid{grid-template-columns:1fr;height:auto}.text-editor-stage .stage-sidebar{max-height:500px}.compare-header{grid-template-columns:1fr;gap:var(--space-2)}.diff-row{grid-template-columns:1fr}.diff-row .diff-line-container:first-child{border-bottom:1px solid var(--color-border);border-right:none}}@media(max-width:768px){.editor-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.editor-toolbar{justify-content:space-between}.version-control-header{padding:var(--space-3) var(--space-4)}.version-actions{flex-direction:column}.version-actions .btn{width:100%}.diff-legend{flex-direction:column;gap:var(--space-2)}}.enhanced-audio-player{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-subtle) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.enhanced-audio-player:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600),var(--color-success-500));opacity:.8}.enhanced-audio-player:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.enhanced-audio-player .player-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.enhanced-audio-player .track-info{flex:1}.enhanced-audio-player .track-title{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.enhanced-audio-player .track-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.enhanced-audio-player .time-display{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.5px}.enhanced-audio-player .playback-rate-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.5px}.enhanced-audio-player .player-action-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.enhanced-audio-player .player-action-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-600);transform:scale(1.05)}.enhanced-audio-player .waveform-container{position:relative;margin-bottom:var(--space-6);background:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border);min-height:120px;box-shadow:inset 0 2px 4px #0000000d}.enhanced-audio-player .waveform{width:100%;min-height:100px}.enhanced-audio-player .waveform-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;gap:var(--space-3)}.enhanced-audio-player .loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.enhanced-audio-player .waveform-loading p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.enhanced-audio-player .player-controls-section{display:flex;flex-direction:column;gap:var(--space-6)}.enhanced-audio-player .main-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.enhanced-audio-player .control-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.enhanced-audio-player .control-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-primary-100);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.enhanced-audio-player .control-btn:hover:before{width:100%;height:100%}.enhanced-audio-player .control-btn:hover{border-color:var(--color-primary-400);color:var(--color-primary-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.enhanced-audio-player .control-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.enhanced-audio-player .control-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.enhanced-audio-player .control-btn:disabled:hover{border-color:var(--color-border);color:var(--color-text-primary);transform:none;box-shadow:none}.enhanced-audio-player .skip-btn{width:56px;height:56px;flex-direction:column;font-size:var(--text-xs);padding:var(--space-2)}.enhanced-audio-player .skip-label{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.5px;position:relative;z-index:1}.enhanced-audio-player .play-pause-btn{width:72px;height:72px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-color:var(--color-primary-600);color:#fff;box-shadow:0 4px 14px #3b82f666}.enhanced-audio-player .play-pause-btn:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border-color:var(--color-primary-700);color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #3b82f680}.enhanced-audio-player .play-pause-btn:active{transform:translateY(-1px) scale(1.02)}.enhanced-audio-player .play-pause-btn:disabled{background:var(--color-background-subtle);border-color:var(--color-border);color:var(--color-text-muted);box-shadow:none}.enhanced-audio-player .secondary-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-4);background:var(--color-background-subtle);border-radius:var(--radius-lg);flex-wrap:wrap}.enhanced-audio-player .loop-btn{width:44px;height:44px}.enhanced-audio-player .loop-btn.active{background:var(--color-success-100);border-color:var(--color-success-400);color:var(--color-success-700)}.enhanced-audio-player .loop-btn.active:hover{background:var(--color-success-200);border-color:var(--color-success-500)}.enhanced-audio-player .speed-control{display:flex;align-items:center;gap:var(--space-2)}.enhanced-audio-player .speed-select{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center}.enhanced-audio-player .speed-select:hover{border-color:var(--color-primary-400);background-color:var(--color-primary-50)}.enhanced-audio-player .speed-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.enhanced-audio-player .volume-control{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-background);border-radius:var(--radius-full);border:1px solid var(--color-border)}.enhanced-audio-player .volume-btn{width:36px;height:36px;border:none;background:transparent}.enhanced-audio-player .volume-btn:hover{background:var(--color-background-subtle);border-color:transparent}.enhanced-audio-player .volume-slider{width:120px;height:6px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none}.enhanced-audio-player .volume-slider::-webkit-slider-track{height:6px;background:var(--color-background-subtle);border-radius:var(--radius-full)}.enhanced-audio-player .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary-500);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003;transition:all var(--transition-fast)}.enhanced-audio-player .volume-slider::-webkit-slider-thumb:hover{background:var(--color-primary-600);transform:scale(1.2);box-shadow:0 3px 8px #3b82f666}.enhanced-audio-player .volume-slider::-moz-range-track{height:6px;background:var(--color-background-subtle);border-radius:var(--radius-full)}.enhanced-audio-player .volume-slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary-500);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003;transition:all var(--transition-fast)}.enhanced-audio-player .volume-slider::-moz-range-thumb:hover{background:var(--color-primary-600);transform:scale(1.2)}.enhanced-audio-player .volume-level{min-width:36px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-align:right;font-variant-numeric:tabular-nums}.enhanced-audio-player .keyboard-shortcuts-hint{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-background-subtle);border-radius:var(--radius-md);border:1px dashed var(--color-border);text-align:center}.enhanced-audio-player .keyboard-shortcuts-hint small{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.enhanced-audio-player .keyboard-shortcuts-hint strong{color:var(--color-text-secondary);font-weight:var(--font-bold);padding:1px var(--space-1);background:var(--color-background);border-radius:var(--radius-sm);border:1px solid var(--color-border);margin:0 var(--space-1);font-family:Courier New,monospace;font-size:var(--text-2xs)}.enhanced-audio-player.error{border-color:var(--color-danger-300);background:var(--color-danger-50)}.enhanced-audio-player .error-message{padding:var(--space-6);text-align:center;color:var(--color-danger-700)}.enhanced-audio-player .error-message p{margin:0;font-weight:var(--font-semibold)}@media(max-width:768px){.enhanced-audio-player{padding:var(--space-6)}.enhanced-audio-player .track-title{font-size:var(--text-xl)}.enhanced-audio-player .main-controls{gap:var(--space-3)}.enhanced-audio-player .skip-btn{width:48px;height:48px}.enhanced-audio-player .play-pause-btn{width:64px;height:64px}.enhanced-audio-player .secondary-controls{gap:var(--space-4);flex-wrap:wrap}.enhanced-audio-player .volume-slider{width:80px}.enhanced-audio-player .keyboard-shortcuts-hint{font-size:var(--text-2xs)}}@media(max-width:480px){.enhanced-audio-player{padding:var(--space-4)}.enhanced-audio-player .player-header{flex-direction:column;gap:var(--space-3)}.enhanced-audio-player .track-title{font-size:var(--text-lg)}.enhanced-audio-player .secondary-controls{flex-direction:column;gap:var(--space-3)}.enhanced-audio-player .volume-control{width:100%;justify-content:space-between}.enhanced-audio-player .volume-slider{flex:1}}@media(prefers-color-scheme:dark){.enhanced-audio-player{background:linear-gradient(135deg,#1f2937,#111827)}.enhanced-audio-player .waveform-container{background:#1f2937;box-shadow:inset 0 2px 4px #0000004d}.enhanced-audio-player .secondary-controls,.enhanced-audio-player .keyboard-shortcuts-hint{background:#1f2937}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.enhanced-audio-player .play-pause-btn.playing{animation:pulse 2s ease-in-out infinite}.enhanced-audio-player .control-btn:focus-visible,.enhanced-audio-player .player-action-btn:focus-visible,.enhanced-audio-player .speed-select:focus-visible{outline:3px solid var(--color-primary-400);outline-offset:2px}[data-theme=dark] .enhanced-audio-player .loop-btn.active{background:#22c55e26;border-color:#22c55e66;color:#86efac}[data-theme=dark] .enhanced-audio-player .loop-btn.active:hover{background:#22c55e40;border-color:#22c55e80}[data-theme=dark] .loop-marker-item.active,[data-theme=dark] .region-item.active,[data-theme=dark] .marker-item.active{background:#22c55e1f;border-color:#22c55e4d;color:var(--color-text-primary)}[data-theme=dark] .loop-marker-item.active .marker-time,[data-theme=dark] .region-item.active .region-time{color:#86efac}[data-theme=dark] .enhanced-audio-player .play-pause-btn{background:linear-gradient(135deg,#3b82f699,#2563eb99);border-color:#3b82f680;box-shadow:0 4px 14px #3b82f640}[data-theme=dark] .enhanced-audio-player .play-pause-btn:hover{background:linear-gradient(135deg,#3b82f6b3,#2563ebb3);border-color:#3b82f699;box-shadow:0 6px 20px #3b82f64d}[data-theme=dark] .enhanced-audio-player .control-btn:hover:before{background:#3b82f61a}[data-theme=dark] .enhanced-audio-player .control-btn:hover{border-color:#3b82f680;color:#93c5fd}[data-theme=dark] .timeline-add-btn,[data-theme=dark] .add-comment-btn,[data-theme=dark] .btn--timeline{background:linear-gradient(135deg,#3b82f699,#2563eb99);border-color:#3b82f680;box-shadow:0 2px 4px #3b82f626}[data-theme=dark] .timeline-add-btn:hover,[data-theme=dark] .add-comment-btn:hover,[data-theme=dark] .btn--timeline:hover{background:linear-gradient(135deg,#3b82f6b3,#2563ebb3);box-shadow:0 4px 8px #3b82f633}[data-theme=dark] .advanced-waveform-viewer .zoom-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f680;color:#93c5fd}.global-search-modal{background:var(--color-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:640px;max-width:90vw;max-height:600px;display:flex;flex-direction:column;overflow:hidden}.search-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.search-header .search-icon{color:var(--color-text-muted);flex-shrink:0}.search-header .search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--text-base);color:var(--color-text-primary);padding:0}.search-header .search-input::placeholder{color:var(--color-text-muted)}.search-results{flex:1;overflow-y:auto;min-height:0;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.search-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-secondary)}.search-empty-state .empty-icon{color:var(--color-text-muted);margin-bottom:var(--space-4);opacity:.5}.search-empty-state h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.search-empty-state p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.search-empty-state .text-muted{color:var(--color-text-muted);font-size:var(--text-sm)}.search-empty-state strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.search-empty-state .spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.search-results-list{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}.search-section{margin:0 0 var(--space-1) 0!important;padding:0!important;width:100%!important;max-width:100%!important}.search-section:last-child{margin-bottom:0!important}.search-section-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-background-subtle)}.search-section-header .result-count{margin-left:auto;padding:2px 8px;background:var(--color-background);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%!important;max-width:100%!important;margin:0!important}.search-result-item:hover,.search-result-item.selected{background:var(--color-primary-50)}.search-result-item.selected{box-shadow:inset 3px 0 0 var(--color-primary-500)}.result-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0;transition:all var(--transition-fast)}.result-icon--project{background:var(--color-primary-100);color:var(--color-primary-600)}.result-icon--track{background:var(--color-success-100);color:var(--color-success-600)}.search-result-item:hover .result-icon,.search-result-item.selected .result-icon{transform:scale(1.05)}.result-content{flex:1;min-width:0}.result-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-subtitle{font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-background-subtle);flex-shrink:0}.keyboard-shortcuts{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.keyboard-shortcuts kbd{display:inline-block;padding:3px 6px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:SF Mono,Monaco,Courier New,monospace;font-weight:var(--font-semibold);color:var(--color-text-primary);box-shadow:0 1px 2px #0000000d;margin:0 2px}[data-theme=dark] .global-search-modal{background:var(--color-background-elevated);border:1px solid var(--color-border)}[data-theme=dark] .search-header{border-bottom-color:var(--color-border)}[data-theme=dark] .search-footer{border-top-color:var(--color-border);background:var(--color-background-muted)}[data-theme=dark] .search-result-item:hover,[data-theme=dark] .search-result-item.selected{background:#3b82f626}[data-theme=dark] .search-result-item.selected{box-shadow:inset 3px 0 0 var(--color-primary-400)}[data-theme=dark] .result-icon--project{background:#3b82f633;color:var(--color-primary-400)}[data-theme=dark] .result-icon--track{background:#22c55e33;color:var(--color-success-400)}[data-theme=dark] .keyboard-shortcuts kbd{background:var(--color-background-elevated);border-color:var(--color-border)}@media(max-width:768px){.global-search-modal{width:100%;max-width:100vw;max-height:80vh}.search-header{padding:var(--space-3)}.search-result-item{padding:var(--space-2) var(--space-3)}.result-icon{width:36px;height:36px}.keyboard-shortcuts{gap:var(--space-2);flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.search-result-item:hover .result-icon,.search-result-item.selected .result-icon{transform:none}}.search-result-item:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.stage-workflow-indicator{display:none}.stage-workflow{display:grid;gap:var(--space-3)}.stage-workflow .card-list--horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);width:100%;margin-top:0}.stage-workflow .card-list--horizontal .card{height:150px;min-height:150px;max-height:150px;display:flex;flex-direction:column}.stage-number{display:none}.stage-workflow .card--horizontal{flex-direction:column}.stage-workflow .card--horizontal .card-header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);flex:0 0 auto;width:100%;min-height:60px;border-right:none;border-bottom:none;position:relative}.stage-workflow .card--horizontal .card-title-section{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3);flex:1;min-width:0}.stage-workflow .card--horizontal .card-title-content{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0;align-items:flex-start}.stage-workflow .card--horizontal .card-title-content>*{margin-top:0}.stage-workflow .card--horizontal .card-title{font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.stage-workflow .card--horizontal .status-indicator{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-md);border-width:1px;text-transform:capitalize;white-space:nowrap;width:fit-content;margin-top:0;line-height:1.2;letter-spacing:.01em;min-height:32px;opacity:1;visibility:visible}.stage-workflow .card--horizontal .status-indicator--completed{background:var(--color-success-50);color:var(--color-success-700);border:2px solid var(--color-success-200)}.stage-workflow .card--horizontal .status-indicator--in-progress{background:var(--color-primary-50);color:var(--color-primary-700);border:2px solid var(--color-primary-200)}.stage-workflow .card--horizontal .status-indicator--review{background:var(--color-warning-50);color:var(--color-warning-700);border:2px solid var(--color-warning-200)}.stage-workflow .card--horizontal .status-indicator--not-started{background:var(--color-gray-50);color:var(--color-gray-600);border:2px solid var(--color-gray-200)}.stage-workflow .card--horizontal .status-indicator--locked{background:var(--color-gray-100);color:var(--color-gray-500);border:2px solid var(--color-gray-300)}.stage-workflow .card--horizontal .card-content{flex:1 1 auto;padding:var(--space-4);display:flex;flex-direction:column;justify-content:center;min-width:0;gap:var(--space-2);overflow:hidden}.stage-workflow .card--horizontal .card-footer{border-top:none;margin-top:0;padding:var(--space-2) var(--space-4);background:transparent}.stage-workflow .card--horizontal .card-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-50));color:var(--color-primary-600)}.track-detail-page .page-header{padding:var(--space-6);margin-bottom:var(--space-6)}.track-detail-page .page-title{font-size:var(--text-3xl);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.stage-workflow .card--clickable:hover,.stage-workflow .card.clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-400)}.stage-workflow .card{transition:all var(--transition-normal);border:2px solid var(--color-border);overflow:hidden}.stage-workflow .card.status-indicator--in-progress{border-color:var(--color-primary-200);background:linear-gradient(135deg,rgba(59,130,246,.03),transparent)}.stage-workflow .card.status-indicator--completed{border-color:var(--color-success-200);background:linear-gradient(135deg,rgba(34,197,94,.03),transparent)}.stage-workflow .card-actions{position:absolute;top:var(--space-2);right:var(--space-2);z-index:10;opacity:1}.stage-workflow .btn--icon,.stage-workflow .card-actions .btn,.stage-workflow .card-actions button{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.stage-workflow .btn--icon:hover,.stage-workflow .card-actions .btn:hover,.stage-workflow .card-actions button:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.stage-workflow .dropdown{position:relative;display:inline-block}.stage-workflow .card .dropdown-menu,.stage-workflow .card-actions .dropdown-menu,.stage-workflow .dropdown .dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;left:auto;margin:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:160px;padding:var(--space-2);z-index:1000;display:block}.stage-workflow .card .dropdown-item,.stage-workflow .card-actions .dropdown-item,.stage-workflow .dropdown .dropdown-item{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);width:100%;text-align:left;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);transition:background-color var(--transition-fast);white-space:nowrap;margin-bottom:2px}.stage-workflow .dropdown-item:last-child{margin-bottom:0}.stage-workflow .dropdown-item svg{flex-shrink:0;width:14px;height:14px}.stage-workflow .dropdown-item:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.stage-workflow .dropdown-item.danger,.stage-workflow .dropdown-item--danger{color:var(--color-error-600)}.stage-workflow .dropdown-item.danger:hover,.stage-workflow .dropdown-item--danger:hover{background:var(--color-error-50);color:var(--color-error-700)}.stage-workflow .dropdown-backdrop{position:fixed;inset:0;z-index:999;background:transparent}.stage-workflow .card-meta{margin-top:var(--space-2)}.stage-workflow .card-meta-item{font-size:var(--text-xs);color:var(--color-text-secondary)}.stage-workflow-loading,.stage-workflow-error{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-secondary)}.stage-workflow-error{color:var(--color-error-600)}@media(min-width:1400px){.stage-workflow .card-list--horizontal{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stage-workflow .card-list--horizontal .card{height:150px;min-height:150px;max-height:150px}}@media(min-width:1024px)and (max-width:1399px){.stage-workflow .card-list--horizontal{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stage-workflow .card-list--horizontal .card{height:150px;min-height:150px;max-height:150px}}@media(min-width:768px)and (max-width:1023px){.stage-workflow .card-list--horizontal{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.stage-workflow .card-list--horizontal .card{height:140px;min-height:140px;max-height:140px}.stage-workflow .card--horizontal .card-header,.stage-workflow .card--horizontal .card-content{padding:var(--space-3)}.stage-workflow .card--horizontal .card-footer{padding:var(--space-2) var(--space-3)}.track-detail-page .page-header{padding:var(--space-4);margin-bottom:var(--space-4)}}@media(min-width:640px)and (max-width:767px){.stage-workflow .card-list--horizontal{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stage-workflow .card-list--horizontal .card{height:130px;min-height:130px;max-height:130px}.stage-workflow .card--horizontal .card-header{padding:var(--space-3)}.stage-workflow .card--horizontal .card-content{padding:var(--space-2) var(--space-3)}}@media(max-width:639px){.stage-workflow .card-list--horizontal{grid-template-columns:1fr;gap:var(--space-3)}.stage-workflow .card-list--horizontal .card{height:auto;min-height:120px;max-height:none}.stage-workflow .card--horizontal{flex-direction:column}.stage-workflow .card--horizontal .card-header{width:100%;border-right:none;border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3)}.stage-workflow .card--horizontal .card-content{padding:var(--space-3)}}@media(max-width:480px){.stage-workflow .card--horizontal .card-header{padding:var(--space-2);gap:var(--space-2)}.stage-workflow .card--horizontal .card-title-section{gap:var(--space-2)}.stage-workflow .card--horizontal .card-content{padding:var(--space-2)}.stage-workflow .card--horizontal .card-title{font-size:var(--text-sm)}.stage-workflow .card--horizontal .card-meta{font-size:var(--text-xs)}}@media(hover:none)and (pointer:coarse){.stage-workflow .card-actions button{min-width:44px;min-height:44px;padding:var(--space-3)}.stage-workflow .dropdown-trigger{min-width:44px;min-height:44px}.stage-workflow .card--clickable{min-height:80px}}.stage-workflow .card:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:3px}@media(prefers-contrast:high){.stage-workflow .card{border-width:3px}.stage-workflow .status-indicator{font-weight:var(--font-bold);border-width:2px}}@media(prefers-reduced-motion:reduce){.stage-workflow .card,.stage-workflow .card--clickable{transition:none}.stage-workflow .card--clickable:hover{transform:none}}@supports (padding: max(0px)){.stage-workflow{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}[data-theme=dark] .stage-workflow .card{background:var(--color-background-elevated);border-color:var(--color-border)}[data-theme=dark] .stage-workflow .card:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-lg)}[data-theme=dark] .stage-workflow .card.status-indicator--in-progress{border-color:var(--color-primary-500);background:linear-gradient(135deg,rgba(59,130,246,.05),transparent)}[data-theme=dark] .stage-workflow .status-indicator--completed{background:#22c55e26;color:var(--color-success-300);border-color:#22c55e4d}[data-theme=dark] .stage-workflow .status-indicator--in-progress{background:#3b82f626;color:var(--color-primary-300);border-color:#3b82f64d}[data-theme=dark] .stage-workflow .status-indicator--review{background:#f59e0b26;color:var(--color-warning-300);border-color:#f59e0b4d}[data-theme=dark] .stage-workflow .status-indicator--not-started{background:#64748b26;color:var(--color-gray-300);border-color:#64748b4d}[data-theme=dark] .stage-workflow .status-indicator--locked{background:#64748b1a;color:var(--color-gray-400);border-color:#64748b33}[data-theme=dark] .stage-workflow .card-icon{background:#3b82f626;color:var(--color-primary-400)}[data-theme=dark] .stage-workflow .card-title{color:var(--color-text-primary)}[data-theme=dark] .stage-workflow .card-description,[data-theme=dark] .stage-workflow .card-meta{color:var(--color-text-secondary)}[data-theme=dark] .stage-workflow .card-footer{border-top-color:var(--color-border);background:transparent}[data-theme=dark] .stage-actions{background:var(--color-background-subtle);border-color:var(--color-border)}[data-theme=dark] .stage-header{background:var(--color-background-elevated);border-color:var(--color-border)}[data-theme=dark] .stage-title{color:var(--color-text-primary)}.delete-confirmation{text-align:center;padding:var(--space-8) var(--space-4)}.delete-confirmation-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-status-error-bg);color:var(--color-error-500);margin:0 auto var(--space-6);transition:all var(--transition-normal)}.delete-confirmation-icon svg{animation:warning-pulse 2s ease-in-out infinite}@keyframes warning-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.delete-confirmation h3{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.delete-confirmation p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:500px;margin:0 auto}.delete-confirmation strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.delete-warning-box{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-status-error-bg);border:1px solid var(--color-status-error-border);border-radius:var(--radius-md);margin-top:var(--space-4);text-align:left}.delete-warning-box svg{flex-shrink:0;color:var(--color-error-500)}.delete-warning-box p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.form-section{margin-bottom:var(--space-6)}.form-section:last-child{margin-bottom:0}.form-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.form-helper{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.form-helper--error{color:var(--color-error-500)}.form-helper--success{color:var(--color-success-500)}.form-info-box{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-status-info-bg);border:1px solid var(--color-status-info-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-4)}.form-info-box svg{flex-shrink:0;color:var(--color-info-500)}.form-info-box strong{color:var(--color-text-primary);font-weight:var(--font-semibold);margin-right:var(--space-2)}.form-info-box--warning{background:var(--color-status-review-bg);border-color:var(--color-status-review-border)}.form-info-box--warning svg{color:var(--color-warning-500)}.form-info-box--success{background:var(--color-status-completed-bg);border-color:var(--color-status-completed-border)}.form-info-box--success svg{color:var(--color-success-500)}.modal-footer--with-delete{display:flex;justify-content:space-between;align-items:center}.modal-footer--with-delete .btn--danger{margin-right:auto}.modal-footer--with-delete .modal-actions{display:flex;gap:var(--space-3)}.status-select-wrapper{position:relative}.status-select-wrapper select{padding-left:var(--space-8)}.status-select-indicator{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:var(--radius-full)}.status-select-indicator--active{background:var(--color-success-500)}.status-select-indicator--in-progress{background:var(--color-primary-500)}.status-select-indicator--on-hold{background:var(--color-warning-500)}.status-select-indicator--completed{background:var(--color-success-500)}.status-select-indicator--archived{background:var(--color-gray-400)}.char-count{display:flex;justify-content:flex-end;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.char-count--warning{color:var(--color-warning-500)}.char-count--error{color:var(--color-error-500)}@media(max-width:640px){.form-row{grid-template-columns:1fr}.delete-confirmation{padding:var(--space-6) var(--space-4)}.delete-confirmation-icon{width:64px;height:64px}.delete-confirmation h3{font-size:var(--text-xl)}.modal-footer--with-delete{flex-direction:column;gap:var(--space-3)}.modal-footer--with-delete .btn--danger{width:100%;margin-right:0;order:1}.modal-footer--with-delete .modal-actions{width:100%;order:0}.modal-footer--with-delete .modal-actions .btn{flex:1}}@media(prefers-reduced-motion:reduce){.delete-confirmation-icon svg{animation:none}}.voice-memo-fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary-600);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-fast) ease;z-index:1000}.voice-memo-fab:hover{transform:scale(1.1);background:var(--color-primary-700);box-shadow:var(--shadow-xl)}.voice-memo-fab:active{transform:scale(.95)}.voice-memo-counter{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.voice-memo-counter:hover{background:var(--color-background-subtle);border-color:var(--color-primary-300)}.counter-badge{background:var(--color-primary-600);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:20px;text-align:center}.counter-text{color:var(--color-text-secondary)}.voice-memo-recorder{padding:var(--space-6);background:var(--color-background);border-radius:var(--radius-lg)}.recorder-error{padding:var(--space-4);background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-md);color:var(--color-error-700);margin-bottom:var(--space-4)}.recorder-display{text-align:center;padding:var(--space-8) 0}.recorder-waveform{display:flex;justify-content:center;align-items:center;height:80px;gap:var(--space-1);margin:var(--space-6) 0}.waveform-bar{width:4px;background:var(--color-primary-400);border-radius:var(--radius-full);transition:height .1s ease;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.recorder-time{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);font-variant-numeric:tabular-nums}.recorder-controls{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.recorder-btn{width:64px;height:64px;border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.recorder-btn--record{background:var(--color-error-500);color:#fff}.recorder-btn--record:hover{background:var(--color-error-600);transform:scale(1.05)}.recorder-btn--stop{background:var(--color-gray-700);color:#fff}.recorder-btn--stop:hover{background:var(--color-gray-800);transform:scale(1.05)}.recorder-btn--pause{background:var(--color-warning-500);color:#fff}.recorder-btn--pause:hover{background:var(--color-warning-600);transform:scale(1.05)}.recorder-btn--resume{background:var(--color-success-500);color:#fff}.recorder-btn--resume:hover{background:var(--color-success-600);transform:scale(1.05)}.recorder-btn--recording{animation:recording-pulse 1.5s ease-in-out infinite}@keyframes recording-pulse{0%,to{filter:drop-shadow(0 0 0 var(--color-error-500))}50%{filter:drop-shadow(0 0 15px var(--color-error-400))}}.voice-memo-assignment{padding:var(--space-6)}.voice-memo-assignment .form-group{margin-bottom:var(--space-6)}.voice-memo-assignment .form-label,.voice-memo-assignment label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.assignment-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-6)}.voice-memo-assignment input[type=text],.voice-memo-assignment textarea,.voice-memo-assignment select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);background:var(--color-background);font-family:inherit}.voice-memo-assignment textarea{min-height:100px;resize:vertical}.voice-memo-assignment input:focus,.voice-memo-assignment textarea:focus,.voice-memo-assignment select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.voice-memo-assignment .form-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.voice-memo-assignment .form-actions .btn--tertiary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);height:48px}.voice-memo-assignment .form-actions .btn--tertiary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.voice-memo-assignment .form-actions .btn--primary{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff;background:var(--color-primary-500);border:none;border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-md);height:48px;min-width:180px}.voice-memo-assignment .form-actions .btn--primary:hover:not(:disabled){background:var(--color-primary-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.voice-memo-assignment .form-actions .btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.voice-memo-assignment .spinning{animation:spin .8s linear infinite}.chord-player{padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-3)}.chord-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.chord-player-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.chord-player-controls{display:flex;gap:var(--space-2)}.chord-display{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.chord-badge{padding:var(--space-2) var(--space-3);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-700);transition:all var(--transition-fast)}.chord-badge.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;transform:scale(1.05)}.voice-memo-bank--compact{background:var(--color-background)!important;border:2px solid var(--color-border)!important;border-radius:var(--radius-lg);padding:0!important;box-shadow:var(--shadow-lg)!important;margin-top:var(--space-8);transition:all var(--transition-normal)}.voice-memo-bank--compact:hover{box-shadow:var(--shadow-xl)}.voice-memo-bank--compact .bank-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--premium-footer-border)}.voice-memo-bank--compact .bank-header-content{display:flex;align-items:center;gap:var(--space-2)}.voice-memo-bank--compact .bank-header-content h3{font-size:var(--text-base)!important;font-weight:600!important;color:var(--color-text-primary)!important;margin:0;display:flex;align-items:center;gap:var(--space-2)}.memo-count-badge{background:var(--color-primary-500);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px var(--space-2);border-radius:var(--radius-full);min-width:20px;text-align:center;box-shadow:var(--shadow-sm)}.collapse-btn{width:28px;height:28px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:14px}.collapse-btn:hover{background:var(--color-hover-bg);color:var(--color-text-primary)}.memo-list--compact{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;overflow-x:hidden}.memo-list--compact::-webkit-scrollbar{width:6px}.memo-list--compact::-webkit-scrollbar-track{background:transparent}.memo-list--compact::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.memo-list--compact::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.voice-memo-card--compact{background:transparent!important;border:none!important;border-bottom:1px solid var(--color-border)!important;border-radius:0!important;padding:var(--space-3)!important;transition:all var(--transition-fast)}.voice-memo-card--compact:hover{background:var(--color-background-subtle)!important}.voice-memo-card--compact .memo-header{display:flex;align-items:center;gap:var(--space-3)}.play-button--compact{width:36px!important;height:36px!important;border-radius:var(--radius-lg)!important;background:var(--color-primary-500);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.play-button--compact:hover{transform:scale(1.05);background:var(--color-primary-600)}.voice-memo-card--compact .memo-info{flex:1;min-width:0}.voice-memo-card--compact .memo-info h4{font-size:var(--text-sm)!important;font-weight:var(--font-medium)!important;color:var(--color-text-primary)!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4!important}.voice-memo-card--compact .memo-actions{display:flex;align-items:center;gap:var(--space-1);position:relative}.btn--compact{width:28px!important;height:28px!important;padding:0!important;border-radius:var(--radius-md);background:transparent!important;color:var(--color-success-600)!important;border:1px solid var(--color-success-300)!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn--compact:hover{background:var(--color-success-50)!important;border-color:var(--color-success-500)!important}.voice-memo-card--compact .menu-button{width:28px!important;height:28px!important;border-radius:var(--radius-md);background:transparent;border:none!important;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);position:relative}.voice-memo-card--compact .menu-button:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.voice-memo-card .dropdown-menu{position:fixed;z-index:1000;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);min-width:180px}.voice-memo-card .dropdown-menu button{width:100%;padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left}.voice-memo-card .dropdown-menu button:hover{background:var(--color-background-subtle)}.voice-memo-card .dropdown-menu button.danger{color:var(--color-error-600)}.voice-memo-card .dropdown-menu button.danger:hover{background:var(--color-error-50);color:var(--color-error-700)}.more-indicator{text-align:center;padding:var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-top:1px solid var(--color-border);margin-top:var(--space-3)}.view-all-btn{width:100%;padding:var(--space-3);background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-primary-600);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal);margin-top:var(--space-3);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.view-all-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.view-all-btn:active{transform:translateY(0)}[data-theme=dark] .voice-memo-fab{background:var(--color-primary-500)}[data-theme=dark] .voice-memo-fab:hover{background:var(--color-primary-600)}[data-theme=dark] .recorder-btn--record{background:var(--color-error-600)}[data-theme=dark] .recorder-btn--stop{background:var(--color-gray-600)}[data-theme=dark] .recorder-btn--pause{background:var(--color-warning-600)}[data-theme=dark] .recorder-btn--resume{background:var(--color-success-600)}[data-theme=dark] .recorder-error{background:var(--color-error-900);border-color:var(--color-error-700);color:var(--color-error-300)}[data-theme=dark] .voice-memo-assignment .form-actions .btn--tertiary:hover:not(:disabled){background:var(--color-gray-800);border-color:var(--color-gray-600)}[data-theme=dark] .chord-badge{background:var(--color-primary-900);border-color:var(--color-primary-700);color:var(--color-primary-300)}[data-theme=dark] .chord-badge.active{background:var(--color-primary-600);color:#fff}@media(max-width:1024px){.voice-memo-bank--compact{margin-bottom:var(--space-4)}.play-button--compact{width:52px!important;height:52px!important}}@media(max-width:640px){.assignment-type-selector{grid-template-columns:1fr}.voice-memo-assignment .form-actions{flex-direction:column;align-items:stretch}.voice-memo-assignment .form-actions .btn--primary{min-width:100%}.recorder-btn{width:56px;height:56px}}.chord-grid{padding:var(--space-4, 16px);background:var(--color-background, white);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.chord-grid-header{margin-bottom:var(--space-4, 16px)}.chord-grid-header h4{margin:0 0 var(--space-2, 8px) 0;font-size:var(--text-base, 16px);font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #111827)}.chord-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-2, 8px);margin-bottom:var(--space-4, 16px)}.chord-button{padding:var(--space-3, 12px);background:var(--color-background-subtle, #f9fafb);border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .15s) ease;font-size:var(--text-base, 16px);font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #111827)}.chord-button:hover{background:var(--color-primary-50, #eff6ff);border-color:var(--color-primary-300, #93c5fd)}.chord-button.selected{background:var(--color-primary-100, #dbeafe);border-color:var(--color-primary-500, #3b82f6);color:var(--color-primary-700, #1d4ed8)}.chord-grid-custom{border-top:1px solid var(--color-border, #e5e7eb);padding-top:var(--space-4, 16px)}.custom-chord-input{width:100%;padding:var(--space-3, 12px);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:var(--text-base, 16px);margin-bottom:var(--space-2, 8px)}.custom-chord-input:focus{outline:none;border-color:var(--color-primary-500, #3b82f6);box-shadow:0 0 0 3px var(--color-primary-100, #dbeafe)}.chord-progression-builder{padding:var(--space-4, 16px);background:var(--color-background, white);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.chord-progression-empty{padding:var(--space-8, 32px);text-align:center;color:var(--color-text-muted, #9ca3af)}.progression-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4, 16px);padding-bottom:var(--space-3, 12px);border-bottom:1px solid var(--color-border, #e5e7eb)}.progression-header h4{margin:0;font-size:var(--text-base, 16px);font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #111827)}.chord-sequence{display:flex;flex-direction:column;gap:var(--space-2, 8px);margin-bottom:var(--space-4, 16px)}.chord-item{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px);background:var(--color-background-subtle, #f9fafb);border-radius:var(--radius-md, 8px)}.drag-handle{background:transparent;border:none;color:var(--color-text-muted, #9ca3af);cursor:grab;padding:0;display:flex;align-items:center}.drag-handle:active{cursor:grabbing}.chord-display{min-width:60px}.chord-name{font-size:var(--text-lg, 18px);font-weight:var(--font-bold, 700);color:var(--color-primary-600, #3b82f6)}.chord-duration{flex:1}.chord-duration label{display:flex;flex-direction:column;gap:var(--space-1, 4px);font-size:var(--text-xs, 12px);color:var(--color-text-muted, #9ca3af)}.duration-select{padding:var(--space-2, 8px);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 6px);font-size:var(--text-sm, 14px)}.remove-btn{background:transparent;border:none;color:var(--color-error-500, #ef4444);cursor:pointer;padding:var(--space-2, 8px);display:flex;align-items:center;border-radius:var(--radius-md, 8px);transition:background var(--transition-fast, .15s) ease}.remove-btn:hover{background:var(--color-error-50, #fef2f2)}.progression-info{padding-top:var(--space-3, 12px);border-top:1px solid var(--color-border, #e5e7eb)}.chord-player{padding:var(--space-4, 16px);background:var(--color-background-subtle, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.chord-player.disabled{text-align:center;padding:var(--space-8, 32px)}.player-controls{display:flex;align-items:center;gap:var(--space-4, 16px);flex-wrap:wrap}.player-info{margin-left:auto;font-size:var(--text-sm, 14px)}.current-chord-display{margin-top:var(--space-4, 16px);padding:var(--space-4, 16px);background:var(--color-primary-50, #eff6ff);border-radius:var(--radius-md, 8px);text-align:center;font-size:var(--text-base, 16px);color:var(--color-text-primary, #111827)}.current-chord-display strong{color:var(--color-primary-700, #1d4ed8);font-size:var(--text-xl, 20px)}.key-selector{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.key-selector label{font-size:var(--text-sm, 14px);font-weight:var(--font-medium, 500);color:var(--color-text-primary, #111827)}.key-select{padding:var(--space-3, 12px);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:var(--text-base, 16px);background:var(--color-background, white)}.key-select:focus{outline:none;border-color:var(--color-primary-500, #3b82f6);box-shadow:0 0 0 3px var(--color-primary-100, #dbeafe)}.tempo-control{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.tempo-control label{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm, 14px);font-weight:var(--font-medium, 500);color:var(--color-text-primary, #111827)}.tempo-value{font-family:var(--font-mono, "Courier New", monospace);color:var(--color-primary-600, #3b82f6);font-weight:var(--font-bold, 700)}.tempo-slider{width:100%}.tempo-presets{display:flex;gap:var(--space-2, 8px)}.preset-btn{flex:1;padding:var(--space-2, 8px);background:var(--color-background-subtle, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:var(--text-xs, 12px);transition:all var(--transition-fast, .15s) ease}.preset-btn:hover{background:var(--color-primary-50, #eff6ff);border-color:var(--color-primary-300, #93c5fd)}.progression-header{display:flex;gap:var(--space-4, 16px)}.progression-icon{width:48px;height:48px;border-radius:var(--radius-md, 8px);background:var(--color-primary-100, #dbeafe);color:var(--color-primary-600, #3b82f6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.progression-info{flex:1;min-width:0}.progression-info h4{margin:0 0 var(--space-2, 8px) 0;font-size:var(--text-base, 16px);font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #111827)}.progression-meta{display:flex;align-items:center;gap:var(--space-2, 8px);font-size:var(--text-sm, 14px);color:var(--color-text-secondary, #6b7280);margin-bottom:var(--space-2, 8px)}.progression-chords{font-size:var(--text-sm, 14px);color:var(--color-text-muted, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chord-progression-list{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.chord-progression-list.empty{padding:var(--space-12, 48px);text-align:center;color:var(--color-text-muted, #9ca3af)}.chord-progression-list.empty svg{margin:0 auto var(--space-4, 16px)}.songwriting-chord-section{margin:var(--space-6, 24px) 0;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);overflow:hidden}.section-toggle{width:100%;padding:var(--space-4, 16px);background:var(--color-background-subtle, #f9fafb);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--space-3, 12px);font-size:var(--text-base, 16px);font-weight:var(--font-medium, 500);color:var(--color-text-primary, #111827);transition:background var(--transition-fast, .15s) ease}.section-toggle:hover{background:var(--color-background, white)}.section-toggle .badge{padding:var(--space-1, 4px) var(--space-2, 8px);background:var(--color-primary-100, #dbeafe);color:var(--color-primary-700, #1d4ed8);border-radius:var(--radius-full, 9999px);font-size:var(--text-xs, 12px);font-weight:var(--font-semibold, 600)}.section-toggle svg:last-child{margin-left:auto}.section-content{padding:var(--space-6, 24px);background:var(--color-background, white)}.chord-section,.voice-memos-section{margin-bottom:var(--space-8, 32px)}.chord-section:last-child,.voice-memos-section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4, 16px);padding-bottom:var(--space-3, 12px);border-bottom:1px solid var(--color-border, #e5e7eb)}.section-header h4{margin:0;font-size:var(--text-lg, 18px);font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #111827)}.chord-editor{display:flex;flex-direction:column;gap:var(--space-6, 24px)}.editor-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4, 16px);padding:var(--space-4, 16px);background:var(--color-background-subtle, #f9fafb);border-radius:var(--radius-md, 8px)}.editor-actions{display:flex;justify-content:flex-end;gap:var(--space-3, 12px);padding-top:var(--space-4, 16px);border-top:1px solid var(--color-border, #e5e7eb)}.chord-display{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.progression-summary{display:flex;align-items:center;gap:var(--space-2, 8px);font-size:var(--text-sm, 14px);color:var(--color-text-secondary, #6b7280);padding:var(--space-3, 12px);background:var(--color-background-subtle, #f9fafb);border-radius:var(--radius-md, 8px)}.empty-state{padding:var(--space-8, 32px);text-align:center}.empty-state p{color:var(--color-text-muted, #9ca3af);margin:0;line-height:var(--leading-relaxed, 1.625)}.recorder-container{background:var(--color-background-subtle, #f9fafb);border-radius:var(--radius-md, 8px);padding:var(--space-6, 24px);margin-bottom:var(--space-4, 16px)}.recorder-info{padding:var(--space-4, 16px);background:var(--color-warning-50, #fffbeb);border:1px solid var(--color-warning-200, #fde68a);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-4, 16px)}.recorder-info p{margin:0 0 var(--space-2, 8px) 0;font-size:var(--text-sm, 14px);color:var(--color-warning-800, #92400e)}.recorder-info p:last-child{margin-bottom:0}.recorder-info strong{font-weight:var(--font-semibold, 600)}.memos-list{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.memo-item{padding:var(--space-4, 16px);background:var(--color-background-subtle, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.memo-item h5{margin:0 0 var(--space-3, 12px) 0;font-size:var(--text-base, 16px);font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #111827)}.voice-memo-with-chords{display:flex;flex-direction:column;gap:var(--space-6, 24px)}.instruction-banner{padding:var(--space-4, 16px);background:var(--color-info-50, #eff6ff);border:1px solid var(--color-info-200, #bfdbfe);border-radius:var(--radius-md, 8px)}.instruction-banner h4{margin:0 0 var(--space-2, 8px) 0;font-size:var(--text-base, 16px);font-weight:var(--font-semibold, 600);color:var(--color-info-900, #1e3a8a)}.instruction-banner p{margin:0;font-size:var(--text-sm, 14px);color:var(--color-info-700, #1d4ed8);line-height:var(--leading-relaxed, 1.625)}.chord-section,.recorder-section{padding:var(--space-4, 16px);background:var(--color-background-subtle, #f9fafb);border-radius:var(--radius-md, 8px)}.chord-section h5,.recorder-section h5{margin:0 0 var(--space-4, 16px) 0;font-size:var(--text-base, 16px);font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #111827)}.recording-tip{padding:var(--space-3, 12px);background:var(--color-success-50, #f0fdf4);border:1px solid var(--color-success-200, #bbf7d0);border-radius:var(--radius-md, 8px);text-align:center}.recording-tip p{margin:0;font-size:var(--text-sm, 14px);color:var(--color-success-800, #166534)}.section-loading{padding:var(--space-8, 32px);text-align:center;color:var(--color-text-muted, #9ca3af)}@media(max-width:768px){.editor-controls{grid-template-columns:1fr}.section-content{padding:var(--space-4, 16px)}.player-controls{flex-direction:column;align-items:stretch}.player-info{margin-left:0;text-align:center}}:root{--border-color: var(--color-border);--bg-primary: var(--color-background-subtle);--bg-secondary: var(--color-background);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-muted);--accent-primary: var(--color-primary-500);--accent-primary-alpha: var(--color-primary-50);--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-md: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl)}.songwriting-workspace{width:100%;max-width:100%;padding:var(--space-6)}.songwriting-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-color)}.header-info h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.stage-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.auto-save-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.songwriting-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);min-height:600px}.lyrics-panel,.audio-panel{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column}.panel-header{margin-bottom:var(--space-4)}.panel-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.section-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.section-tab{padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.section-tab:hover{border-color:var(--accent-primary);background:var(--bg-primary)}.section-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.section-tab.add-section{display:flex;align-items:center;gap:var(--space-1);border-style:dashed;color:var(--text-secondary)}.add-section-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);border:2px solid var(--accent-primary)}.add-section-form input{flex:1;padding:var(--space-2) var(--space-3);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.selected-section-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--accent-primary-alpha);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--font-size-sm)}.section-type{padding:2px 8px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.lyrics-editor{flex:1;width:100%;padding:var(--space-4);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-md);line-height:2;color:var(--text-primary);resize:none;transition:border-color .2s}.lyrics-editor:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-alpha)}.lyrics-editor::placeholder{color:var(--text-tertiary);font-style:italic}.no-audio{padding:var(--space-8);text-align:center;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.no-audio p{color:var(--text-secondary);font-size:var(--font-size-sm)}.audio-player-container{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--bg-primary);border-radius:var(--radius-md);border:2px solid var(--border-color)}.audio-uploader-section{margin-bottom:var(--space-4)}.audio-uploader-section h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.audio-versions{flex:1;display:flex;flex-direction:column}.audio-versions h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.version-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.version-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.version-item:hover{border-color:var(--accent-primary);transform:translate(4px)}.version-item.active{border-color:var(--accent-primary);background:var(--accent-primary-alpha)}.version-info{display:flex;align-items:center;gap:var(--space-2)}.version-number{font-size:var(--font-size-xs);font-weight:700;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm)}.version-title{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.current-badge{font-size:var(--font-size-xs);font-weight:600;background:var(--accent-primary);color:#fff;padding:2px 8px;border-radius:var(--radius-sm)}.empty-state{text-align:center;padding:var(--space-8);background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--border-color);margin:var(--space-6)}.empty-state-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.empty-state-description{color:var(--text-secondary);margin-bottom:var(--space-4);max-width:500px;margin-left:auto;margin-right:auto}.alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.alert-error{background:#ef44441a;border:2px solid rgba(239,68,68,.3);color:#ef4444}.animate-spin{animation:spin 1s linear infinite}.songwriting-grid{display:grid;grid-template-columns:400px 1fr;gap:var(--space-6);flex:1;min-height:0}@media(max-width:1024px){.songwriting-grid{grid-template-columns:1fr}}.sections-sidebar{display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.section-card{overflow:hidden}.section-card-header{cursor:pointer;padding:var(--space-4);border-left:4px solid transparent;transition:all var(--transition-fast)}.section-card-header:hover{background:var(--color-background-subtle);border-left-color:var(--color-border-strong)}.section-card-header.selected{background:var(--color-primary-50);border-left-color:var(--color-primary-500)}.section-card-header-content{display:flex;align-items:center;gap:var(--space-3);flex:1}.section-number-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0}.section-info-wrapper{flex:1;min-width:0}.section-card-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;margin-top:var(--space-1)}.section-card-body{padding:var(--space-4);border-top:1px solid var(--color-border)}.section-audio-list{display:flex;flex-direction:column;gap:var(--space-2)}.section-audio-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);background:var(--color-background-subtle);border-radius:var(--radius-md)}.section-controls{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-background-subtle)}.lyrics-panel-wrapper{display:flex;flex-direction:column;overflow:hidden}.lyrics-panel-split{display:flex;flex:1;min-height:0;overflow:hidden}.lyrics-editor-container{display:flex;flex:1;min-width:0;transition:width .3s ease}.lyrics-editor-container.with-history{border-right:1px solid var(--color-border)}.lyrics-editor-full{flex:1;font-family:var(--font-mono);font-size:var(--text-base);line-height:1.8;resize:none;border:none;border-radius:0;padding:var(--space-4);background:var(--color-background);color:var(--color-text-primary)}.lyrics-editor-full:focus{outline:none;background:var(--color-background-elevated)}.resize-handle{width:8px;background:var(--color-border);cursor:col-resize;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.resize-handle svg{color:var(--color-text-secondary)}.version-history-panel{display:flex;flex-direction:column;overflow:hidden;background:var(--color-background-subtle)}.version-history-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:var(--color-background)}.version-history-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.version-history-subtitle{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1)}.version-history-actions{display:flex;gap:var(--space-1)}.version-history-body{flex:1;overflow-y:auto;padding:var(--space-2)}.version-item{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.version-item:hover{border-color:var(--color-primary-400);background:var(--color-background-subtle)}.version-item.current{border-color:var(--color-primary-500);background:var(--color-primary-50)}.version-item.selected{background:var(--color-primary-100)}.version-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.version-item-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.version-item-current-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-success-100);color:var(--color-success-700);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-bold)}.version-item-meta{font-size:11px;color:var(--color-text-muted);margin:0}.version-item-description{margin:0;font-size:11px;color:var(--color-text-secondary);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-history-empty{padding:var(--space-5) var(--space-3);text-align:center;color:var(--color-text-secondary)}.version-history-empty svg{margin-bottom:var(--space-2);opacity:.5}.version-history-empty-title{margin:0;font-size:var(--text-xs);font-weight:var(--font-medium)}.version-history-empty-subtitle{margin:var(--space-1) 0 0;font-size:11px}.comparison-modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.comparison-modal-content{width:95%;max-width:1400px;max-height:90%;display:flex;flex-direction:column}.comparison-modal-header{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.comparison-modal-title{margin:0;flex:1}.comparison-legend{display:flex;gap:var(--space-3);font-size:var(--text-xs)}.comparison-legend-item{display:flex;align-items:center;gap:var(--space-1)}.comparison-legend-color{width:12px;height:12px;border-radius:var(--radius-sm)}.comparison-legend-color.added{background:#28a745}.comparison-legend-color.removed{background:#dc3545}.comparison-versions-header{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--color-border);background:var(--color-background-subtle)}.comparison-version-info{padding:var(--space-4)}.comparison-version-info:first-child{border-right:1px solid var(--color-border)}.comparison-version-title{margin:0 0 var(--space-1) 0;font-size:var(--text-base);font-weight:var(--font-semibold)}.comparison-version-meta{margin:0;font-size:var(--text-xs);color:var(--color-text-secondary)}.comparison-diff-container{display:grid;grid-template-columns:1fr 1fr;height:500px;overflow:hidden}.comparison-diff-panel{padding:var(--space-4);overflow-y:auto}.comparison-diff-panel:first-child{border-right:1px solid var(--color-border)}.diff-line{padding:var(--space-2) var(--space-3);margin:1px 0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap;word-break:break-word;border-left:3px solid transparent}.diff-line.added{background:#d4edda;border-left-color:#28a745;color:#155724}.diff-line.removed{background:#f8d7da;border-left-color:#dc3545;color:#721c24}.diff-line.same{background:transparent;color:var(--color-text-primary)}.lyrics-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.lyrics-empty-state svg{margin-bottom:var(--space-3);opacity:.5}.lyrics-empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.lyrics-empty-state-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.section-card-header{cursor:pointer;transition:all .2s ease}.section-card-header.selected{background:var(--color-primary-50);border-left:4px solid var(--color-primary-500)}.section-card-header.selected:hover{background:var(--color-primary-100)}@media(prefers-color-scheme:dark){.section-card-header.selected{background:#3b82f626;border-left:4px solid var(--color-primary-500)}.section-card-header.selected:hover{background:#3b82f640}}.section-card-header:not(.selected):hover{background:var(--color-hover-bg, var(--color-gray-50))}@media(prefers-color-scheme:dark){.section-card-header:not(.selected):hover{background:#ffffff0d}}[data-theme=dark] .songwriting-workspace{background:var(--color-background-subtle)}[data-theme=dark] .songwriting-header{border-bottom-color:var(--color-border)}[data-theme=dark] .header-info h2{color:var(--color-text-primary)}[data-theme=dark] .stage-description{color:var(--color-text-secondary)}[data-theme=dark] .section-card-header{background:var(--color-background);color:var(--color-text-primary)}[data-theme=dark] .section-card-header:hover{background:var(--color-background-muted);border-left-color:var(--color-border-strong)}[data-theme=dark] .section-card-header.selected{background:#3b82f626;border-left-color:var(--color-primary-500)}[data-theme=dark] .section-number-badge{background:#3b82f633;color:var(--color-primary-400)}[data-theme=dark] .section-card-body{background:var(--color-background);border-top-color:var(--color-border)}[data-theme=dark] .section-audio-item{background:var(--color-background-subtle)}[data-theme=dark] .section-controls{background:var(--color-background-subtle);border-top-color:var(--color-border)}[data-theme=dark] .lyrics-editor-container.with-history{border-right-color:var(--color-border)}[data-theme=dark] .lyrics-editor-full{background:var(--color-background);color:var(--color-text-primary)}[data-theme=dark] .lyrics-editor-full:focus{background:var(--color-background-elevated)}[data-theme=dark] .lyrics-editor-full::placeholder{color:var(--color-text-muted)}[data-theme=dark] .version-history-panel{background:var(--color-background-subtle)}[data-theme=dark] .version-history-header{background:var(--color-background);border-bottom-color:var(--color-border)}[data-theme=dark] .version-item{background:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .version-item:hover{background:var(--color-background-muted);border-color:var(--color-primary-500)}[data-theme=dark] .version-item.current{background:#3b82f626;border-color:var(--color-primary-500)}[data-theme=dark] .version-item.selected{background:#3b82f633}[data-theme=dark] .version-item-current-badge{background:#22c55e33;color:var(--color-success-400)}[data-theme=dark] .comparison-modal-backdrop{background:#000000d9}[data-theme=dark] .comparison-versions-header{background:var(--color-background-subtle);border-bottom-color:var(--color-border)}[data-theme=dark] .comparison-version-info:first-child,[data-theme=dark] .comparison-diff-panel:first-child{border-right-color:var(--color-border)}[data-theme=dark] .diff-line.added{background:#22c55e33;border-left-color:var(--color-success-500);color:var(--color-success-300)}[data-theme=dark] .diff-line.removed{background:#ef444433;border-left-color:var(--color-error-500);color:var(--color-error-300)}[data-theme=dark] .diff-line.same{color:var(--color-text-primary)}[data-theme=dark] .resize-handle{background:var(--color-border);border-left-color:var(--color-border);border-right-color:var(--color-border)}[data-theme=dark] .lyrics-empty-state{color:var(--color-text-muted)}[data-theme=dark] .version-history-empty{color:var(--color-text-secondary)}.ai-analysis-box{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-primary-50);border-radius:var(--radius-lg);border:1px solid var(--color-primary-200)}[data-theme=dark] .ai-analysis-box{margin-top:var(--space-4);padding:var(--space-4);background:#3b82f61a;border-radius:var(--radius-lg);border:1px solid var(--color-primary-200)}.bulk-tracks-review{width:100%}.bulk-tracks-review h3{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.bulk-tracks-review .help-text{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.selected-files-summary{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-background-subtle);border-radius:var(--radius-md)}.selected-files-summary h4{margin:0 0 var(--space-3) 0;font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary)}.file-list-compact{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.file-list-compact li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-background);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-primary)}.file-list-compact li svg{flex-shrink:0;color:var(--color-primary-500)}.file-list-compact li span:first-of-type{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list-compact .file-size{color:var(--color-text-secondary);font-size:var(--text-xs)}.tracks-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:500px;overflow-y:auto;padding:var(--space-2)}.track-review-item{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.track-review-item:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-sm)}.track-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:var(--radius-md)}.track-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.track-title-display h4{margin:0;font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);flex:1}.track-title-display .icon-button{opacity:0;transition:opacity var(--transition-fast)}.track-review-item:hover .track-title-display .icon-button{opacity:1}.track-title-edit input{flex:1;padding:var(--space-2);font-size:var(--text-md);font-weight:var(--font-semibold);border:1px solid var(--color-primary-500);border-radius:var(--radius-sm)}.track-title-edit input:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px #3b82f61a}.track-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--text-xs);color:var(--color-text-secondary)}.track-filename{padding:var(--space-1) var(--space-2);background:var(--color-background-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono)}.track-duration{padding:var(--space-1) var(--space-2);background:var(--color-background-subtle);border-radius:var(--radius-sm)}.track-artwork-badge{padding:var(--space-1) var(--space-2);background:var(--color-success-100);color:var(--color-success-700);border-radius:var(--radius-sm);font-weight:var(--font-medium)}.track-stage-select{display:flex;align-items:center;gap:var(--space-2)}.track-stage-select label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);min-width:50px}.track-stage-select select{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.track-stage-select select:hover{border-color:var(--color-border-medium)}.track-stage-select select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.upload-progress-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);min-height:300px}.upload-icon-large{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:var(--radius-full);margin-bottom:var(--space-4);animation:pulse-scale 2s ease-in-out infinite}.upload-progress-container h3{margin:0 0 var(--space-2) 0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);text-align:center}.upload-progress-container p{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.progress-bar{width:100%;max-width:400px;height:8px;background:var(--color-background-subtle);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-full);transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.progress-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-600)}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.track-review-item{flex-direction:column}.track-icon{width:100%;height:50px}.track-stage-select{flex-direction:column;align-items:stretch}.track-stage-select label{min-width:auto}.tracks-list{max-height:400px}}@media(prefers-reduced-motion:reduce){.upload-icon-large,.progress-fill:after,.track-review-item{animation:none;transition:none}}.inline-bulk-upload{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.idle-state{border:2px dashed var(--color-border);border-radius:var(--radius-lg);min-height:400px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.idle-state.dragging{border-color:var(--color-primary-500);background:var(--color-status-progress-bg);transform:scale(1.01);box-shadow:var(--shadow-glow-primary)}.drop-zone-content{text-align:center;max-width:600px;padding:var(--space-6)}.upload-icon-large{width:96px;height:96px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--color-text-inverse);box-shadow:var(--shadow-glow-primary);transition:all var(--transition-normal)}.idle-state.dragging .upload-icon-large{transform:scale(1.1);box-shadow:var(--shadow-xl),var(--shadow-glow-primary)}.upload-icon-large svg{width:48px;height:48px}.drop-zone-content h3{margin:0 0 var(--space-3) 0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.main-instruction{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.browse-link{color:var(--color-primary-500);text-decoration:underline;background:none;border:none;padding:0;font:inherit;cursor:pointer;transition:color var(--transition-fast)}.browse-link:hover{color:var(--color-primary-400)}.file-details{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4) 0}.ai-analysis-toggle{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-status-info-bg);border-radius:var(--radius-md);border:1px solid var(--color-status-info-border)}.ai-analysis-toggle label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary)}.ai-analysis-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary-500)}.toggle-description{margin:var(--space-2) 0 0 1.75rem;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.features-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.feature-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.feature-item svg{color:var(--color-success-500);flex-shrink:0}.uploading-state{min-height:300px;display:flex;align-items:center;justify-content:center}.upload-progress{text-align:center;width:100%;max-width:400px}.upload-progress h3{margin:var(--space-4) 0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.progress-bar{width:100%;height:8px;background:var(--color-background-muted);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-4) 0}.progress-fill{height:100%;background:var(--gradient-primary);transition:width var(--transition-normal);position:relative;border-radius:var(--radius-full)}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--glass-bg),transparent);animation:progress-shimmer 1.5s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-500)}.review-state{min-height:400px}.review-header{margin-bottom:var(--space-6);text-align:center}.review-header h3{margin:0 0 var(--space-2) 0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.review-header p{margin:0;font-size:var(--text-base);color:var(--color-text-secondary)}.tracks-review-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);max-height:500px;overflow-y:auto;padding:var(--space-2)}.tracks-review-list::-webkit-scrollbar{width:6px}.tracks-review-list::-webkit-scrollbar-track{background:var(--color-background-muted);border-radius:var(--radius-full)}.tracks-review-list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.tracks-review-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.track-review-card{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.track-review-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.track-review-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-status-progress-bg);color:var(--color-primary-500);border-radius:var(--radius-md)}.track-review-info{flex:1;min-width:0}.track-title-row{margin-bottom:var(--space-2)}.track-title-display{display:flex;align-items:center;gap:var(--space-2)}.track-title-display strong{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.track-title-edit{display:flex;gap:var(--space-2);align-items:center}.track-title-edit input{flex:1;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-base);background:var(--color-background);color:var(--color-text-primary);transition:all var(--transition-fast)}.track-title-edit input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--input-shadow-focus)}.track-metadata{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.metadata-tag{padding:2px var(--space-2);background:var(--color-background-muted);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary)}.metadata-tag--artwork{background:var(--color-status-completed-bg);color:var(--color-success-500)}.stage-select{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-1)}.stage-select label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stage-select select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-background);color:var(--color-text-primary);cursor:pointer;min-width:150px;transition:all var(--transition-fast)}.stage-select select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--input-shadow-focus)}.review-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.creating-state{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8)}.creating-icon{margin-bottom:var(--space-6);color:var(--color-primary-500)}.creating-state h3{margin:0 0 var(--space-3) 0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.progress-message{font-size:var(--text-base);color:var(--color-primary-500);font-weight:var(--font-medium);margin:0 0 var(--space-6) 0}.progress-steps{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) 0;min-width:300px}.progress-step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-background-muted);border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-normal);color:var(--color-text-secondary)}.progress-step.active{background:var(--color-status-progress-bg);border-color:var(--color-status-progress-border);color:var(--color-text-primary)}.progress-step.complete{background:var(--color-status-completed-bg);border-color:var(--color-status-completed-border);color:var(--color-text-primary)}.step-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.step-icon.pending{width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-border)}.step-icon.active{color:var(--color-primary-500)}.step-icon.complete{color:var(--color-success-500)}.creating-details{max-width:500px;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.success-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8)}.success-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:var(--gradient-success);border-radius:var(--radius-full);color:var(--color-text-inverse);margin-bottom:var(--space-6);animation:successPop .5s var(--ease-out-back);box-shadow:var(--shadow-glow-emerald)}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-state h3{margin:0 0 var(--space-3) 0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-success-500)}.success-state p{margin:0 0 var(--space-2) 0;font-size:var(--text-base);color:var(--color-text-secondary)}.success-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.success-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.error-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-status-error-bg);border:1px solid var(--color-status-error-border);border-radius:var(--radius-md);color:var(--color-error-500);font-size:var(--text-sm);margin-bottom:var(--space-4)}.error-banner svg{flex-shrink:0}.button{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.button-primary{background:var(--btn-primary-bg);color:var(--color-text-inverse);box-shadow:var(--btn-primary-shadow)}.button-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);transform:translateY(-2px);box-shadow:var(--btn-primary-shadow-hover)}.button-primary:active:not(:disabled){transform:translateY(0)}.button-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-secondary{background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border)}.button-secondary:hover:not(:disabled){background:var(--color-hover-bg);border-color:var(--color-hover-border)}.button-secondary:disabled{opacity:.5;cursor:not-allowed}.icon-button{padding:var(--space-2);background:none;border:none;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--color-hover-bg);color:var(--color-text-primary)}.icon-button.success{color:var(--color-success-500)}.icon-button.success:hover{background:var(--color-status-completed-bg)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.inline-bulk-upload{padding:var(--space-4)}.upload-icon-large{width:72px;height:72px}.upload-icon-large svg{width:36px;height:36px}.drop-zone-content h3{font-size:var(--text-xl)}.tracks-review-list{max-height:400px}.track-review-card{flex-direction:column}.stage-select,.stage-select select{width:100%}.review-actions{flex-direction:column}.button{width:100%}.progress-steps{min-width:auto;width:100%}.success-actions{flex-direction:column;width:100%}}@media(prefers-reduced-motion:reduce){.idle-state,.track-review-card,.progress-step,.button,.icon-button,.track-title-edit input,.stage-select select{transition:none}.progress-fill:after{animation:none}.success-icon,.spinner{animation:none}.idle-state.dragging .upload-icon-large,.button-primary:hover{transform:none}}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border)}.glow-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-primary)}.glow-cyan:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-cyan)}.glow-success:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-emerald)}.glow-violet:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-violet)}.card:hover{border-color:var(--card-border-hover)}.card--clickable:hover{box-shadow:var(--card-shadow-hover)}.card--project:hover{box-shadow:var(--shadow-xl),var(--shadow-glow-primary)}.card--track:hover{box-shadow:var(--shadow-xl),var(--shadow-glow-cyan)}.card--stage.status-indicator--completed:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-emerald)}.card--stage.status-indicator--in-progress:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-primary)}.btn--primary,.btn-primary{background:var(--btn-primary-bg);box-shadow:var(--btn-primary-shadow);position:relative;overflow:hidden}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-2px)}.btn--primary:before,.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn--primary:hover:before,.btn-primary:hover:before{left:100%}.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){border-color:var(--btn-secondary-border-hover);box-shadow:var(--btn-secondary-shadow-hover)}.sidebar{background:var(--sidebar-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--sidebar-border);position:relative}.sidebar:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--sidebar-accent-gradient);opacity:.7}.sidebar-link{position:relative;transition:all .3s ease}.sidebar-link:hover{background:var(--sidebar-link-hover-bg)}.sidebar-link.active{background:var(--sidebar-link-active-bg);border-left:3px solid var(--sidebar-link-active-border)}.header,.app-header{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--color-border)}.status-indicator--in-progress .status-dot,.badge-dot{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 0 0 currentColor}50%{opacity:.7;box-shadow:0 0 8px 2px currentColor}}.modal{background:var(--modal-bg);border:1px solid var(--modal-border);box-shadow:var(--modal-shadow)}.modal-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}input,textarea,select{background:var(--input-bg);border:1px solid var(--input-border);transition:all .2s ease}.search-input:focus,input[type=search]:focus{border-color:var(--input-search-border-focus);box-shadow:var(--input-search-shadow-focus)}.premium-bg{position:relative}.premium-bg:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--bg-gradient-primary),var(--bg-gradient-violet),var(--bg-gradient-cyan),var(--bg-gradient-base);pointer-events:none}.user-avatar:hover,.avatar:hover{transform:scale(1.1);box-shadow:var(--avatar-hover-shadow)}.avatar-stack .avatar:hover{transform:translateY(-4px) scale(1.15);z-index:10}.dropdown-menu,.dropdown__menu{background:var(--dropdown-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--dropdown-border);box-shadow:var(--dropdown-shadow)}.dropdown-item:hover,.dropdown__item:hover{background:var(--dropdown-item-hover)}.progress-fill{background:var(--progress-gradient);box-shadow:var(--progress-glow)}.tooltip{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);color:var(--tooltip-text)}.status-badge.active,.status--active{background:var(--badge-active-bg);color:var(--badge-active-text);border:1px solid var(--badge-active-border)}.status-badge.in-progress,.status--progress{background:var(--badge-progress-bg);color:var(--badge-progress-text);border:1px solid var(--badge-progress-border)}.status-badge.completed,.status--completed{background:var(--badge-completed-bg);color:var(--badge-completed-text);border:1px solid var(--badge-completed-border)}.status-badge.review,.status--review{background:var(--badge-review-bg);color:var(--badge-review-text);border:1px solid var(--badge-review-border)}.status-badge.draft,.status--draft{background:var(--badge-draft-bg);color:var(--badge-draft-text);border:1px solid var(--badge-draft-border)}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-up{animation:fade-up .6s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fade-in .4s ease forwards}.animate-scale-in{animation:scale-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slide-in{animation:slide-in-right .5s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-fade-up,.animate-fade-in,.animate-scale-in,.animate-slide-in{animation:none;opacity:1;transform:none}}.btn--primary,.btn-primary,.button-primary{background:var(--btn-primary-bg);border:none;position:relative;overflow:hidden;box-shadow:var(--btn-primary-shadow)}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled),.button-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);transform:translateY(-2px);box-shadow:var(--btn-primary-shadow-hover)}.btn--primary:before,.btn-primary:before,.button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease;z-index:1}.btn--primary:hover:before,.btn-primary:hover:before,.button-primary:hover:before{left:100%}.btn--primary span,.btn-primary span,.button-primary span,.btn--primary svg,.btn-primary svg,.button-primary svg{position:relative;z-index:2}.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.button-secondary:hover:not(:disabled){border-color:var(--btn-secondary-border-hover);box-shadow:var(--btn-secondary-shadow-hover)}.btn--ghost:hover:not(:disabled),.btn-ghost:hover:not(:disabled),.button-ghost:hover:not(:disabled){background:var(--btn-ghost-hover-bg);border-color:var(--btn-ghost-hover-border)}.btn-success:hover:not(:disabled),.button-success:hover:not(:disabled){box-shadow:var(--btn-success-shadow-hover)}.btn-danger:hover:not(:disabled),.button-danger:hover:not(:disabled){box-shadow:var(--btn-danger-shadow-hover)}.btn-icon:hover:not(:disabled),.icon-button:hover:not(:disabled){transform:scale(1.1);background:var(--btn-icon-hover-bg);border-color:var(--btn-icon-hover-border)}.header{background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--header-border);box-shadow:var(--header-shadow)}.logo{transition:all .3s cubic-bezier(.4,0,.2,1)}.logo:hover{transform:scale(1.05)}.logo svg,.logo-icon{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.logo:hover svg,.logo:hover .logo-icon{transform:rotate(-5deg) scale(1.1)}.nav-link{position:relative;transition:all .3s ease}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--nav-link-underline);box-shadow:var(--nav-link-underline-glow);transition:all .3s ease;transform:translate(-50%);border-radius:1px}.nav-link:hover:after,.nav-link.active:after{width:80%}.nav-link.active{color:var(--nav-link-active-color);font-weight:var(--font-semibold)}.sidebar{position:relative;background:var(--sidebar-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--sidebar-border)}.sidebar:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--sidebar-accent-gradient);opacity:var(--sidebar-accent-opacity)}.sidebar-link{position:relative;transition:all .25s ease}.sidebar-link:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:var(--sidebar-link-hover-bg);transition:width .3s ease;border-radius:inherit}.sidebar-link:hover:before{width:100%}.sidebar-link:hover{color:var(--sidebar-link-hover-color);padding-left:calc(var(--space-3) + 4px)}.sidebar-link.active{background:var(--sidebar-link-active-bg);color:var(--sidebar-link-hover-color);border-left:3px solid var(--sidebar-link-active-border);padding-left:calc(var(--space-3) - 3px + 4px)}.sidebar-link.active:before{display:none}.sidebar-section-title{color:var(--sidebar-section-title-color);font-weight:var(--font-bold);letter-spacing:.1em}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all .4s cubic-bezier(.4,0,.2,1)}.card--clickable:hover,.card.clickable:hover{transform:translateY(-4px);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.card--project:hover{transform:translateY(-6px);box-shadow:var(--card-project-shadow-hover)}.card-icon{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.card--clickable:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card--clickable:hover .card-title{color:var(--card-title-hover-color)}.status-indicator--completed,.status--completed{box-shadow:var(--status-completed-glow)}.status-indicator--in-progress,.status--progress{box-shadow:var(--status-progress-glow)}.status-indicator--review,.status--review{box-shadow:var(--status-review-glow)}.status-indicator--in-progress .status-dot,.status--progress .status-dot{animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.modal{background:var(--modal-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--modal-border);box-shadow:var(--modal-shadow);border-radius:var(--radius-xl);animation:modal-enter .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdrop-enter .2s ease}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}input,textarea,select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all .2s ease}input:focus,textarea:focus,select:focus{border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus);outline:none}input[type=search]:focus,.search-input:focus{border-color:var(--input-search-border-focus);box-shadow:var(--input-search-shadow-focus)}.dropdown-menu,.dropdown__menu{background:var(--dropdown-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--dropdown-border);box-shadow:var(--dropdown-shadow);border-radius:var(--radius-lg);animation:dropdown-enter .2s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item:hover,.dropdown__item:hover{background:var(--dropdown-item-hover);color:var(--dropdown-item-hover-color)}.progress-fill{background:var(--progress-gradient);box-shadow:var(--progress-glow);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shimmer 2s ease-in-out infinite}@keyframes progress-shimmer{0%{left:-100%}to{left:200%}}.user-avatar,.avatar{transition:all .3s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent;background-origin:border-box;background-clip:padding-box,border-box}.user-avatar:hover,.avatar:hover{transform:translateY(-4px) scale(1.1);box-shadow:var(--avatar-hover-shadow)}.avatar-stack .avatar:hover{z-index:10;transform:translateY(-6px) scale(1.15)}.view-toggle{background:var(--view-toggle-bg);border:1px solid var(--color-border);padding:4px;border-radius:var(--radius-lg)}.view-toggle-btn.active,.view-toggle-button.active,.view-button.active{background:var(--view-toggle-active-bg);color:var(--view-toggle-active-color);box-shadow:var(--view-toggle-active-shadow);font-weight:var(--font-semibold)}.tooltip,[data-tooltip]:after{background:var(--tooltip-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);color:var(--tooltip-text)}.table-row:hover,tr:hover{background:var(--table-row-hover-bg)}.table-header,th{background:var(--table-header-bg);border-bottom:2px solid var(--table-header-border)}.table-striped tbody tr:nth-child(2n),table.striped tbody tr:nth-child(2n){background:var(--table-stripe-bg)}.tab-item,.tabs-nav-item{position:relative;transition:all .3s ease}.tab-item:after,.tabs-nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--tab-active-underline);transition:all .3s ease;transform:translate(-50%);border-radius:1px}.tab-item.active:after,.tabs-nav-item.active:after{width:100%}.tab-item.active,.tabs-nav-item.active{color:var(--tab-active-color);font-weight:var(--font-semibold)}.breadcrumb-item{transition:all .2s ease}.breadcrumb-item:hover:not(:last-child){color:var(--breadcrumb-hover-color)}.breadcrumb-separator{color:var(--breadcrumb-separator-color)}.skeleton,.skeleton-loader{background:var(--skeleton-bg);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border-color:var(--spinner-track);border-top-color:var(--spinner-fill)}.badge{box-shadow:var(--badge-shadow);transition:all .2s ease}.badge:hover{transform:translateY(-1px);box-shadow:var(--badge-shadow-hover)}.badge--primary{background:var(--badge-primary-bg);color:var(--badge-primary-text)}.badge--success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge--warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge--danger{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.alert{border-radius:var(--radius-lg);border-left:4px solid var(--alert-border-color);box-shadow:var(--alert-shadow)}.alert--info{background:var(--alert-info-bg);border-left-color:var(--alert-info-border);color:var(--alert-info-text)}.alert--success{background:var(--alert-success-bg);border-left-color:var(--alert-success-border);color:var(--alert-success-text)}.alert--warning{background:var(--alert-warning-bg);border-left-color:var(--alert-warning-border);color:var(--alert-warning-text)}.alert--error,.alert--danger{background:var(--alert-error-bg);border-left-color:var(--alert-error-border);color:var(--alert-error-text)}.pagination-item,.page-item{transition:all .2s ease}.pagination-item:hover:not(.active):not(.disabled),.page-item:hover:not(.active):not(.disabled){transform:translateY(-2px);box-shadow:var(--pagination-hover-shadow)}.pagination-item.active,.page-item.active{background:var(--pagination-active-bg);color:var(--pagination-active-color);box-shadow:var(--pagination-active-shadow)}.empty-state{background:var(--empty-state-bg);border:2px dashed var(--empty-state-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.empty-state-icon{color:var(--empty-state-icon-color);opacity:.5;transition:all .3s ease}.empty-state:hover .empty-state-icon{opacity:.7;transform:scale(1.1)}@media(prefers-reduced-motion:reduce){.btn--primary:before,.btn-primary:before,.button-primary:before,.progress-fill:after,.skeleton,.skeleton-loader{animation:none;display:none}.card,.btn,.button,.sidebar-link,.nav-link,.modal,.dropdown-menu,.badge,.pagination-item,.tab-item{transition:none}.status-indicator--in-progress .status-dot,.status--progress .status-dot{animation:none}@keyframes modal-enter{0%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes dropdown-enter{0%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes backdrop-enter{0%{opacity:1}to{opacity:1}}}.premium-bg{position:relative;min-height:100vh}.premium-bg:before{content:"";position:fixed;inset:0;z-index:-10;pointer-events:none;background:var(--bg-mesh-primary),var(--bg-mesh-violet),var(--bg-mesh-cyan),var(--bg-mesh-emerald),var(--bg-mesh-base)}.premium-bg:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-9;pointer-events:none;background:conic-gradient(from 180deg at 50% 50%,transparent 0deg,var(--aurora-color-1) 60deg,transparent 120deg,var(--aurora-color-2) 180deg,transparent 240deg,var(--aurora-color-3) 300deg,transparent 360deg);animation:aurora-rotate var(--aurora-speed) linear infinite;opacity:var(--aurora-opacity)}@keyframes aurora-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scene-particles{position:fixed;inset:0;z-index:-8;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 20% 30%,rgba(128,128,128,var(--particles-white-opacity)) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 70%,rgba(128,128,128,var(--particles-white-opacity)) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 60% 20%,rgba(128,128,128,var(--particles-white-opacity)) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 80% 60%,rgba(128,128,128,var(--particles-white-opacity)) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 15% 80%,rgba(128,128,128,var(--particles-white-opacity)) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 90% 40%,rgba(128,128,128,var(--particles-white-opacity)) 0%,transparent 100%),radial-gradient(1px 1px at 35% 45%,rgba(128,128,128,var(--particles-white-opacity)) 0%,transparent 100%),radial-gradient(1px 1px at 70% 35%,rgba(128,128,128,var(--particles-white-opacity)) 0%,transparent 100%),radial-gradient(1px 1px at 25% 65%,rgba(128,128,128,var(--particles-white-opacity)) 0%,transparent 100%),radial-gradient(1px 1px at 55% 90%,rgba(128,128,128,var(--particles-white-opacity)) 0%,transparent 100%),radial-gradient(2px 2px at 10% 50%,rgba(59,130,246,var(--particles-color-opacity)) 0%,transparent 100%),radial-gradient(2px 2px at 85% 15%,rgba(139,92,246,var(--particles-color-opacity)) 0%,transparent 100%),radial-gradient(2px 2px at 50% 85%,rgba(6,182,212,var(--particles-color-opacity)) 0%,transparent 100%),radial-gradient(2px 2px at 75% 75%,rgba(16,185,129,var(--particles-color-opacity)) 0%,transparent 100%);background-size:250px 250px;animation:particles-drift 30s linear infinite}@keyframes particles-drift{0%{transform:translateY(0)}to{transform:translateY(-250px)}}.scene-orb{position:fixed;border-radius:50%;filter:blur(var(--orb-blur));pointer-events:none;z-index:-7;animation:orb-float 20s ease-in-out infinite;opacity:var(--orb-opacity)}.scene-orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--orb-1-color) 0%,transparent 70%);top:-200px;left:-150px;animation-delay:0s}.scene-orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--orb-2-color) 0%,transparent 70%);top:30%;right:-150px;animation-delay:-7s}.scene-orb-3{width:450px;height:450px;background:radial-gradient(circle,var(--orb-3-color) 0%,transparent 70%);bottom:-100px;left:25%;animation-delay:-14s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-40px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(30px,40px) scale(1.05)}}.scene-grid{position:fixed;inset:0;z-index:-6;pointer-events:none;background-image:linear-gradient(var(--grid-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-color) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.scene-noise{position:fixed;inset:0;z-index:-5;pointer-events:none;opacity:var(--noise-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.scene-beam{position:fixed;width:2px;height:100vh;pointer-events:none;z-index:-6;opacity:var(--beam-opacity);animation:beam-pulse 8s ease-in-out infinite}.scene-beam-1{left:15%;animation-delay:0s;background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.1) 20%,rgba(59,130,246,.2) 50%,rgba(59,130,246,.1) 80%,transparent 100%)}.scene-beam-2{left:45%;animation-delay:-3s;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.1) 20%,rgba(139,92,246,.15) 50%,rgba(139,92,246,.1) 80%,transparent 100%)}.scene-beam-3{left:75%;animation-delay:-6s;background:linear-gradient(180deg,transparent 0%,rgba(6,182,212,.1) 20%,rgba(6,182,212,.15) 50%,rgba(6,182,212,.1) 80%,transparent 100%)}@keyframes beam-pulse{0%,to{opacity:calc(var(--beam-opacity) * .6);transform:scaleY(1)}50%{opacity:var(--beam-opacity);transform:scaleY(1.1)}}.scene-glow{position:fixed;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);pointer-events:none;z-index:-8;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(59,130,246,calc(var(--aurora-opacity) * .05)) 0%,transparent 70%)}.scene-particles,.scene-orb,.scene-grid,.scene-noise,.scene-beam,.scene-glow{will-change:transform;transform:translateZ(0);backface-visibility:hidden}@media(prefers-reduced-motion:reduce){.premium-bg:after{animation:none}.scene-particles,.scene-orb,.scene-beam{animation:none}}@media(max-width:768px){.scene-orb-1{width:400px;height:400px;top:-150px;left:-100px}.scene-orb-2{width:350px;height:350px;right:-100px}.scene-orb-3{width:300px;height:300px;left:15%}.scene-particles{background-size:300px 300px;animation-duration:40s}.scene-beam{display:none}}[data-theme=dark] .app,[data-theme=dark] .app-content,[data-theme=dark] .main-content{background:transparent!important}[data-theme=dark] .sidebar{background:#0a0f1acc!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.06)}[data-theme=dark] .header{background:#0a0f1acc!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=dark] .section,[data-theme=dark] .dashboard-section,[data-theme=dark] .recent-projects,[data-theme=dark] .recent-activity,[data-theme=dark] .activity-feed,[data-theme=dark] .tracks-section,[data-theme=dark] .projects-section,[data-theme=dark] .page-header,[data-theme=dark] .project-header,[data-theme=dark] .track-header,[data-theme=dark] .projects-header,[data-theme=dark] .tracks-header{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none;border:none!important;box-shadow:none!important}[data-theme=dark] .filters,[data-theme=dark] .filter-bar,[data-theme=dark] .search-filter,[data-theme=dark] .toolbar,[data-theme=dark] .controls-bar,[data-theme=dark] .page-controls{background:transparent!important;border:none!important}[data-theme=dark] .search-input,[data-theme=dark] .filter-input,[data-theme=dark] input[type=search]{background:#1e293b80!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=dark] .filter-select,[data-theme=dark] select{background:#1e293b80!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .tabs,[data-theme=dark] .tab-list,[data-theme=dark] .view-tabs,[data-theme=dark] .page-tabs{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=dark] .tab,[data-theme=dark] .tab-item{background:transparent!important}[data-theme=dark] .tab.active,[data-theme=dark] .tab-item.active{background:#3b82f626!important}[data-theme=dark] .cards-grid,[data-theme=dark] .projects-grid,[data-theme=dark] .tracks-grid{background:transparent!important}[data-theme=dark] .modal,[data-theme=dark] .modal-content,[data-theme=dark] .modal-body{background:#0f172af2!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .modal-backdrop,[data-theme=dark] .modal-overlay{background:#000000b3!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-theme=dark] .dropdown-menu,[data-theme=dark] .user-menu-dropdown,[data-theme=dark] .context-menu{background:#1e293bf2!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12)}[data-theme=dark] .toast,[data-theme=dark] .toast-container{background:#1e293be6!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .stage-workspace,[data-theme=dark] .songwriting-workspace,[data-theme=dark] .editor-workspace{background:#0f172a66!important}[data-theme=dark] .form-container,[data-theme=dark] .form-section{background:transparent!important}[data-theme=dark] .table-container,[data-theme=dark] table{background:#1e293b80!important}[data-theme=dark] tbody tr:hover{background:#3b82f61a!important}[data-theme=light] .app,[data-theme=light] .app-content,[data-theme=light] .main-content{background:var(--color-background-subtle)!important}[data-theme=light] .sidebar,[data-theme=light] .header,[data-theme=light] .card,[data-theme=light] .stat-card{background:var(--color-background)!important;backdrop-filter:none;-webkit-backdrop-filter:none}.dashboard{padding:var(--space-6);min-height:100vh}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-greeting{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;background:var(--dashboard-title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-title .title-icon{color:var(--dashboard-title-icon-color);-webkit-text-fill-color:var(--dashboard-title-icon-color);animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.1) rotate(5deg)}}.dashboard-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:0}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}@media(max-width:1200px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dashboard-stats{grid-template-columns:1fr}}.dashboard-content{display:grid;grid-template-columns:1fr 380px;gap:var(--space-6);align-items:start}@media(max-width:1024px){.dashboard-content{grid-template-columns:1fr}}.stat-card,.stats-card,.dashboard-stat{background:var(--stat-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--stat-card-border);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before,.stats-card:before,.dashboard-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--stat-card-glow-line);opacity:0;transition:opacity .3s ease}.stat-card:hover:before,.stats-card:hover:before,.dashboard-stat:hover:before{opacity:1}.stat-card:hover,.stats-card:hover,.dashboard-stat:hover{transform:translateY(-4px);border-color:var(--stat-card-border-hover);box-shadow:var(--stat-card-shadow-hover)}.stat-icon,.stat-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--stat-icon-bg);color:var(--stat-icon-color);margin-bottom:var(--space-4);transition:all .3s ease}.stat-card:hover .stat-icon,.stat-card:hover .stat-card-icon{transform:scale(1.1) rotate(5deg)}.stat-icon--primary{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:var(--color-primary-500)}.stat-icon--success{background:linear-gradient(135deg,#10b98126,#10b9810d);color:var(--color-success-500)}.stat-icon--warning{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:var(--color-warning-500)}.stat-icon--info{background:linear-gradient(135deg,#06b6d426,#06b6d40d);color:var(--color-info-500)}.stat-value,.stat-number{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-1);background:var(--stat-value-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label,.stat-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover{transform:translateY(-4px);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.project-card-header{display:flex;align-items:flex-start;gap:var(--space-3)}.project-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0;background:var(--stat-icon-bg);color:var(--stat-icon-color);transition:all .3s ease}.project-card:hover .project-icon{transform:scale(1.1) rotate(5deg)}.project-info{flex:1;min-width:0}.project-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;transition:color .3s ease}.project-card:hover .project-name{color:var(--card-title-hover-color)}.project-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin:0}.project-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--project-meta-border);margin-top:auto}.meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.meta-item svg{opacity:.6}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.activity-feed,.activity-sidebar{position:sticky;top:var(--space-6);background:var(--activity-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-5)}.activity-header,.activity-feed-header{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:all .3s ease;position:relative}.activity-item:hover{background:var(--activity-item-hover)}.activity-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.activity-icon--audio{background:var(--activity-icon-audio-bg);color:var(--activity-icon-audio-color)}.activity-icon--complete{background:var(--activity-icon-complete-bg);color:var(--activity-icon-complete-color)}.activity-icon--comment{background:var(--activity-icon-comment-bg);color:var(--activity-icon-comment-color)}.activity-content{flex:1;min-width:0}.activity-title{font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.activity-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.activity-time{font-size:var(--text-xs);color:var(--color-text-muted);opacity:.7}.activity-link{color:var(--color-primary-500);text-decoration:none;transition:color .2s ease}.activity-link:hover{color:var(--color-primary-400);text-decoration:underline}.status-badge,.status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize;transition:all .3s ease}.status-badge.active,.status.active,.status--active{background:var(--badge-active-bg);color:var(--badge-active-text);border:1px solid var(--badge-active-border);box-shadow:0 0 20px #10b9811a}.status-badge.in-progress,.status.in-progress,.status--progress{background:var(--badge-progress-bg);color:var(--badge-progress-text);border:1px solid var(--badge-progress-border);box-shadow:0 0 20px #3b82f61a}.status-badge.completed,.status.completed,.status--completed{background:var(--badge-completed-bg);color:var(--badge-completed-text);border:1px solid var(--badge-completed-border);box-shadow:0 0 20px #10b9811a}.status-badge.on-hold,.status.on-hold,.status--hold{background:var(--badge-review-bg);color:var(--badge-review-text);border:1px solid var(--badge-review-border);box-shadow:0 0 20px #f59e0b1a}.status-badge.active:before,.status--active:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.section-header,.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.section-actions{display:flex;align-items:center;gap:var(--space-3)}.view-all-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-500);text-decoration:none;transition:all .2s ease;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.view-all-link:hover{color:var(--color-primary-400);background:var(--dropdown-item-hover);gap:var(--space-2)}.view-all-link svg{transition:transform .2s ease}.view-all-link:hover svg{transform:translate(4px)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);padding:var(--space-4);border-radius:var(--radius-full);background:var(--stat-icon-bg);color:var(--stat-icon-color)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--color-text-muted);max-width:300px;margin:0 auto}.btn-glow{position:relative;overflow:hidden;box-shadow:var(--shadow-glow-primary)}.btn-glow:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-primary)}.stagger-item{opacity:0;transform:translateY(20px);animation:stagger-in .5s ease forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}@media(prefers-reduced-motion:reduce){.stagger-item{opacity:1;transform:none;animation:none}.stat-card:hover,.card:hover,.project-card:hover,.stat-card:hover .stat-icon,.card:hover .card-icon,.project-card:hover .project-icon{transform:none}.dashboard-title .title-icon{animation:none}@keyframes pulse-dot{0%,to{opacity:1;transform:none}}}.project-card-premium{position:relative;border-radius:var(--radius-xl, 16px);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:var(--premium-card-bg);border:1px solid var(--premium-card-border)}.user-avatar+.card-title-content .card-title{max-width:180px}.user-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;flex-shrink:0;box-shadow:var(--shadow-sm)}.card--horizontal .user-avatar{width:32px;height:32px;font-size:var(--text-xs)}.project-card-premium--color-blue{border-color:var(--premium-blue-border)}.project-card-premium--color-purple{border-color:var(--premium-purple-border)}.project-card-premium--color-green{border-color:var(--premium-green-border)}.project-card-premium--color-teal{border-color:var(--premium-teal-border)}.project-card-premium--color-indigo{border-color:var(--premium-indigo-border)}.project-card-premium--color-rose{border-color:var(--premium-rose-border)}.project-card-premium:hover{transform:translateY(-4px);border-color:var(--premium-card-border-hover);box-shadow:var(--premium-card-shadow-hover)}.project-card-premium__top{position:relative;padding:var(--space-5, 20px);padding-bottom:var(--space-6, 24px);min-height:120px;display:flex;align-items:center;justify-content:center;background:var(--premium-top-bg)}.project-card-premium--color-blue .project-card-premium__top{background:var(--premium-top-blue)}.project-card-premium--color-purple .project-card-premium__top{background:var(--premium-top-purple)}.project-card-premium--color-green .project-card-premium__top{background:var(--premium-top-green)}.project-card-premium--color-teal .project-card-premium__top{background:var(--premium-top-teal)}.project-card-premium--color-indigo .project-card-premium__top{background:var(--premium-top-indigo)}.project-card-premium--color-rose .project-card-premium__top{background:var(--premium-top-rose)}.project-card-premium__top:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;opacity:0;transition:opacity .4s ease;filter:blur(30px)}.project-card-premium--color-blue .project-card-premium__top:after{background:var(--premium-blue-glow)}.project-card-premium--color-purple .project-card-premium__top:after{background:var(--premium-purple-glow)}.project-card-premium--color-green .project-card-premium__top:after{background:var(--premium-green-glow)}.project-card-premium--color-teal .project-card-premium__top:after{background:var(--premium-teal-glow)}.project-card-premium--color-indigo .project-card-premium__top:after{background:var(--premium-indigo-glow)}.project-card-premium--color-rose .project-card-premium__top:after{background:var(--premium-rose-glow)}.project-card-premium:hover .project-card-premium__top:after{opacity:1}.project-card-premium__status{position:absolute;top:var(--space-3, 12px);right:var(--space-3, 12px);display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full, 9999px);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;z-index:2}.project-card-premium__status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}.project-card-premium__status--active{background:var(--premium-status-active-bg);color:var(--premium-status-active-color);border:1px solid var(--premium-status-active-border)}.project-card-premium__status--review{background:var(--premium-status-review-bg);color:var(--premium-status-review-color);border:1px solid var(--premium-status-review-border)}.project-card-premium__status--completed,.project-card-premium__status--done{background:var(--premium-status-completed-bg);color:var(--premium-status-completed-color);border:1px solid var(--premium-status-completed-border)}.project-card-premium__status--on_hold{background:var(--premium-status-onhold-bg);color:var(--premium-status-onhold-color);border:1px solid var(--premium-status-onhold-border)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.project-card-premium__icon-wrapper{width:56px;height:56px;border-radius:var(--radius-lg, 14px);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:1;position:relative;border:2px solid var(--premium-icon-wrapper-border);background:var(--premium-icon-wrapper-bg)}.project-card-premium--color-blue .project-card-premium__icon-wrapper{border-color:var(--premium-blue-icon-wrapper-border);background:var(--premium-blue-icon-wrapper-bg)}.project-card-premium--color-purple .project-card-premium__icon-wrapper{border-color:var(--premium-purple-icon-wrapper-border);background:var(--premium-purple-icon-wrapper-bg)}.project-card-premium--color-green .project-card-premium__icon-wrapper{border-color:var(--premium-green-icon-wrapper-border);background:var(--premium-green-icon-wrapper-bg)}.project-card-premium--color-teal .project-card-premium__icon-wrapper{border-color:var(--premium-teal-icon-wrapper-border);background:var(--premium-teal-icon-wrapper-bg)}.project-card-premium--color-indigo .project-card-premium__icon-wrapper{border-color:var(--premium-indigo-icon-wrapper-border);background:var(--premium-indigo-icon-wrapper-bg)}.project-card-premium--color-rose .project-card-premium__icon-wrapper{border-color:var(--premium-rose-icon-wrapper-border);background:var(--premium-rose-icon-wrapper-bg)}.project-card-premium__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid currentColor;background:transparent}.project-card-premium--color-blue .project-card-premium__icon{color:var(--premium-blue-icon)}.project-card-premium--color-purple .project-card-premium__icon{color:var(--premium-purple-icon)}.project-card-premium--color-green .project-card-premium__icon{color:var(--premium-green-icon)}.project-card-premium--color-teal .project-card-premium__icon{color:var(--premium-teal-icon)}.project-card-premium--color-indigo .project-card-premium__icon{color:var(--premium-indigo-icon)}.project-card-premium--color-rose .project-card-premium__icon{color:var(--premium-rose-icon)}.project-card-premium:hover .project-card-premium__icon-wrapper{transform:rotate(6deg) scale(1.08)}.project-card-premium:hover .project-card-premium__icon{box-shadow:0 0 20px currentColor;background:#ffffff0d}.project-card-premium__visualizer{position:absolute;left:var(--space-4, 16px);bottom:var(--space-3, 12px);display:flex;align-items:flex-end;gap:2px;height:16px;opacity:0;transition:opacity .3s ease}.project-card-premium:hover .project-card-premium__visualizer{opacity:1}.project-card-premium__visualizer-bar{width:3px;background:currentColor;border-radius:2px;opacity:.6}.project-card-premium--color-blue .project-card-premium__visualizer{color:var(--premium-blue-icon)}.project-card-premium--color-purple .project-card-premium__visualizer{color:var(--premium-purple-icon)}.project-card-premium--color-green .project-card-premium__visualizer{color:var(--premium-green-icon)}.project-card-premium--color-teal .project-card-premium__visualizer{color:var(--premium-teal-icon)}.project-card-premium--color-indigo .project-card-premium__visualizer{color:var(--premium-indigo-icon)}.project-card-premium--color-rose .project-card-premium__visualizer{color:var(--premium-rose-icon)}.project-card-premium__visualizer-bar:nth-child(1){height:35%;animation:viz .8s ease-in-out infinite}.project-card-premium__visualizer-bar:nth-child(2){height:65%;animation:viz .6s ease-in-out infinite .1s}.project-card-premium__visualizer-bar:nth-child(3){height:45%;animation:viz .7s ease-in-out infinite .2s}.project-card-premium__visualizer-bar:nth-child(4){height:80%;animation:viz .5s ease-in-out infinite .15s}.project-card-premium__visualizer-bar:nth-child(5){height:55%;animation:viz .9s ease-in-out infinite .25s}@keyframes viz{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.project-card-premium__bottom{flex:1;display:flex;flex-direction:column}.project-card-premium__info{padding:var(--space-4, 16px);padding-bottom:var(--space-3, 12px);background:var(--premium-info-bg)}.project-card-premium__title{font-size:var(--text-base, 16px);font-weight:600;color:var(--color-text-primary);margin:0 0 2px;transition:color .3s ease}.project-card-premium:hover .project-card-premium__title{color:var(--color-primary-400)}.project-card-premium__artist{font-size:var(--text-sm, 14px);color:var(--color-text-muted);margin:0 0 var(--space-2, 8px) 0}.project-card-premium__meta{display:flex;align-items:center;gap:var(--space-3, 12px)}.project-card-premium__tracks{display:flex;align-items:center;gap:4px;font-size:var(--text-sm, 14px);color:var(--color-text-muted)}.project-card-premium__tracks svg{opacity:.6}.project-card-premium__complete{display:flex;align-items:center;gap:4px;font-size:var(--text-sm, 14px);color:var(--premium-status-completed-color)}.project-card-premium__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);margin-top:auto;background:var(--premium-footer-bg);border-top:1px solid var(--premium-footer-border)}.project-card-premium__updated{font-size:var(--text-xs, 12px);color:var(--color-text-muted);opacity:.7}.project-card-premium__released{font-size:var(--text-sm, 14px);font-weight:500;color:var(--premium-status-completed-color)}.avatar-stack{display:flex;align-items:center}.avatar-stack__item{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;text-transform:uppercase;margin-left:-6px;border:2px solid var(--premium-avatar-border);transition:all .2s ease}.avatar-stack__item:first-child{margin-left:0}.avatar-stack__item:hover{transform:translateY(-2px) scale(1.1);z-index:10}.avatar-stack__item--blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.avatar-stack__item--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.avatar-stack__item--green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.avatar-stack__item--orange{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.avatar-stack__item--pink{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.avatar-stack__item--cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.avatar-stack__more{background:#64748bcc!important;color:#fff!important;font-size:9px;font-weight:700}.premium-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4, 16px)}@media(max-width:1200px){.premium-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.premium-cards-grid{grid-template-columns:1fr}}.project-card-premium{opacity:0;transform:translateY(20px);animation:cardIn .5s ease forwards}.project-card-premium:nth-child(1){animation-delay:.05s}.project-card-premium:nth-child(2){animation-delay:.1s}.project-card-premium:nth-child(3){animation-delay:.15s}.project-card-premium:nth-child(4){animation-delay:.2s}.project-card-premium:nth-child(5){animation-delay:.25s}.project-card-premium:nth-child(6){animation-delay:.3s}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.track-card-premium{position:relative;border-radius:var(--radius-xl, 16px);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:var(--premium-card-bg);border:1px solid var(--premium-card-border)}.track-card-premium--color-blue{border-color:var(--premium-blue-border)}.track-card-premium--color-purple{border-color:var(--premium-purple-border)}.track-card-premium--color-green{border-color:var(--premium-green-border)}.track-card-premium--color-teal{border-color:var(--premium-teal-border)}.track-card-premium--color-indigo{border-color:var(--premium-indigo-border)}.track-card-premium--color-rose{border-color:var(--premium-rose-border)}.track-card-premium:hover{transform:translateY(-4px);border-color:var(--premium-card-border-hover);box-shadow:var(--premium-card-shadow-hover)}.track-card-premium__top{position:relative;padding:var(--space-4, 16px);min-height:90px;display:flex;align-items:center;justify-content:center;background:var(--premium-top-bg)}.track-card-premium--color-blue .track-card-premium__top{background:var(--premium-top-blue)}.track-card-premium--color-purple .track-card-premium__top{background:var(--premium-top-purple)}.track-card-premium--color-green .track-card-premium__top{background:var(--premium-top-green)}.track-card-premium--color-teal .track-card-premium__top{background:var(--premium-top-teal)}.track-card-premium--color-indigo .track-card-premium__top{background:var(--premium-top-indigo)}.track-card-premium--color-rose .track-card-premium__top{background:var(--premium-top-rose)}.track-card-premium__status{position:absolute;top:var(--space-3, 12px);right:var(--space-3, 12px);display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full, 9999px);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;z-index:2}.track-card-premium__status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}.track-card-premium__status--active{background:var(--premium-status-active-bg);color:var(--premium-status-active-color);border:1px solid var(--premium-status-active-border)}.track-card-premium__status--completed{background:var(--premium-status-completed-bg);color:var(--premium-status-completed-color);border:1px solid var(--premium-status-completed-border)}.track-card-premium__status--review{background:var(--premium-status-review-bg);color:var(--premium-status-review-color);border:1px solid var(--premium-status-review-border)}.track-card-premium__status--on_hold{background:var(--premium-status-locked-bg);color:var(--premium-status-locked-color);border:1px solid var(--premium-status-locked-border)}.track-card-premium__icon-wrapper{width:48px;height:48px;border-radius:var(--radius-lg, 12px);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:1;border:2px solid var(--premium-icon-wrapper-border);background:var(--premium-icon-wrapper-bg)}.track-card-premium--color-blue .track-card-premium__icon-wrapper{border-color:var(--premium-blue-icon-wrapper-border);background:var(--premium-blue-icon-wrapper-bg)}.track-card-premium--color-purple .track-card-premium__icon-wrapper{border-color:var(--premium-purple-icon-wrapper-border);background:var(--premium-purple-icon-wrapper-bg)}.track-card-premium--color-green .track-card-premium__icon-wrapper{border-color:var(--premium-green-icon-wrapper-border);background:var(--premium-green-icon-wrapper-bg)}.track-card-premium--color-teal .track-card-premium__icon-wrapper{border-color:var(--premium-teal-icon-wrapper-border);background:var(--premium-teal-icon-wrapper-bg)}.track-card-premium--color-indigo .track-card-premium__icon-wrapper{border-color:var(--premium-indigo-icon-wrapper-border);background:var(--premium-indigo-icon-wrapper-bg)}.track-card-premium--color-rose .track-card-premium__icon-wrapper{border-color:var(--premium-rose-icon-wrapper-border);background:var(--premium-rose-icon-wrapper-bg)}.track-card-premium__icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid currentColor;background:transparent}.track-card-premium--color-blue .track-card-premium__icon{color:var(--premium-blue-icon)}.track-card-premium--color-purple .track-card-premium__icon{color:var(--premium-purple-icon)}.track-card-premium--color-green .track-card-premium__icon{color:var(--premium-green-icon)}.track-card-premium--color-teal .track-card-premium__icon{color:var(--premium-teal-icon)}.track-card-premium--color-indigo .track-card-premium__icon{color:var(--premium-indigo-icon)}.track-card-premium--color-rose .track-card-premium__icon{color:var(--premium-rose-icon)}.track-card-premium:hover .track-card-premium__icon-wrapper{transform:rotate(6deg) scale(1.08)}.track-card-premium:hover .track-card-premium__icon{box-shadow:0 0 20px currentColor}.track-card-premium__visualizer{position:absolute;left:var(--space-3, 12px);bottom:var(--space-3, 12px);display:flex;align-items:flex-end;gap:2px;height:14px;opacity:0;transition:opacity .3s ease}.track-card-premium:hover .track-card-premium__visualizer{opacity:1}.track-card-premium__visualizer-bar{width:3px;background:currentColor;border-radius:2px;opacity:.6}.track-card-premium--color-blue .track-card-premium__visualizer{color:var(--premium-blue-icon)}.track-card-premium--color-purple .track-card-premium__visualizer{color:var(--premium-purple-icon)}.track-card-premium--color-green .track-card-premium__visualizer{color:var(--premium-green-icon)}.track-card-premium--color-teal .track-card-premium__visualizer{color:var(--premium-teal-icon)}.track-card-premium--color-indigo .track-card-premium__visualizer{color:var(--premium-indigo-icon)}.track-card-premium--color-rose .track-card-premium__visualizer{color:var(--premium-rose-icon)}.track-card-premium__visualizer-bar:nth-child(1){height:35%;animation:viz .8s ease-in-out infinite}.track-card-premium__visualizer-bar:nth-child(2){height:65%;animation:viz .6s ease-in-out infinite .1s}.track-card-premium__visualizer-bar:nth-child(3){height:45%;animation:viz .7s ease-in-out infinite .2s}.track-card-premium__visualizer-bar:nth-child(4){height:80%;animation:viz .5s ease-in-out infinite .15s}.track-card-premium__visualizer-bar:nth-child(5){height:55%;animation:viz .9s ease-in-out infinite .25s}.track-card-premium__bottom{flex:1;display:flex;flex-direction:column}.track-card-premium__info{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--premium-info-bg)}.track-card-premium__title{font-size:var(--text-base, 16px);font-weight:600;color:var(--color-text-primary);margin:0 0 2px}.track-card-premium:hover .track-card-premium__title{color:var(--color-primary-400)}.track-card-premium__artist{font-size:var(--text-sm, 14px);color:var(--color-text-muted);margin:0 0 var(--space-2, 8px) 0}.track-card-premium__meta{display:flex;align-items:center;gap:var(--space-3, 12px)}.track-card-premium__stages,.track-card-premium__progress{display:flex;align-items:center;gap:4px;font-size:var(--text-sm, 14px);color:var(--color-text-muted)}.track-card-premium__stages svg,.track-card-premium__progress svg{opacity:.6}.track-card-premium__complete{color:var(--premium-status-completed-color)}.track-card-premium__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--premium-footer-bg);border-top:1px solid var(--premium-footer-border)}.track-card-premium__progress-bar{flex:1;height:4px;background:var(--track-progress-bg, rgba(255, 255, 255, .1));border-radius:2px;overflow:hidden;margin-right:var(--space-3, 12px)}.track-card-premium__progress-fill{height:100%;background:var(--track-progress-fill, linear-gradient(90deg, var(--color-primary-500), var(--color-primary-400)));border-radius:2px;transition:width .3s ease}.track-card-premium__date{font-size:var(--text-xs, 12px);color:var(--color-text-muted);opacity:.7}.stage-card-premium{position:relative;border-radius:var(--radius-xl, 16px);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:var(--premium-card-bg);border:1px solid var(--premium-card-border)}.stage-card-premium--color-blue{border-color:var(--premium-blue-border)}.stage-card-premium--color-purple{border-color:var(--premium-purple-border)}.stage-card-premium--color-green{border-color:var(--premium-green-border)}.stage-card-premium--color-teal{border-color:var(--premium-teal-border)}.stage-card-premium--color-indigo{border-color:var(--premium-indigo-border)}.stage-card-premium--color-rose{border-color:var(--premium-rose-border)}.stage-card-premium--locked{cursor:not-allowed;opacity:.6}.stage-card-premium:not(.stage-card-premium--locked):hover{transform:translateY(-4px);border-color:var(--premium-card-border-hover);box-shadow:var(--premium-card-shadow-hover)}.stage-card-premium__top{position:relative;padding:var(--space-4, 16px);min-height:80px;display:flex;align-items:center;justify-content:center;background:var(--premium-top-bg)}.stage-card-premium--color-blue .stage-card-premium__top{background:var(--premium-top-blue)}.stage-card-premium--color-purple .stage-card-premium__top{background:var(--premium-top-purple)}.stage-card-premium--color-green .stage-card-premium__top{background:var(--premium-top-green)}.stage-card-premium--color-teal .stage-card-premium__top{background:var(--premium-top-teal)}.stage-card-premium--color-indigo .stage-card-premium__top{background:var(--premium-top-indigo)}.stage-card-premium--color-rose .stage-card-premium__top{background:var(--premium-top-rose)}.stage-card-premium__number{position:absolute;top:var(--space-3, 12px);left:var(--space-3, 12px);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--stage-order-bg, rgba(255, 255, 255, .1));color:var(--color-text-muted);border:1px solid var(--premium-card-border)}.stage-card-premium__status{position:absolute;top:var(--space-3, 12px);right:var(--space-3, 12px);display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full, 9999px);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;z-index:2}.stage-card-premium__status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}.stage-card-premium__status--active{background:var(--premium-status-active-bg);color:var(--premium-status-active-color);border:1px solid var(--premium-status-active-border)}.stage-card-premium__status--completed{background:var(--premium-status-completed-bg);color:var(--premium-status-completed-color);border:1px solid var(--premium-status-completed-border)}.stage-card-premium__status--review{background:var(--premium-status-review-bg);color:var(--premium-status-review-color);border:1px solid var(--premium-status-review-border)}.stage-card-premium__status--on_hold,.stage-card-premium__status--locked{background:var(--premium-status-locked-bg);color:var(--premium-status-locked-color);border:1px solid var(--premium-status-locked-border)}.stage-card-premium__status--locked:before{animation:none}.stage-card-premium__icon-wrapper{width:44px;height:44px;border-radius:var(--radius-lg, 12px);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:1;border:2px solid var(--premium-icon-wrapper-border);background:var(--premium-icon-wrapper-bg)}.stage-card-premium--color-blue .stage-card-premium__icon-wrapper{border-color:var(--premium-blue-icon-wrapper-border);background:var(--premium-blue-icon-wrapper-bg)}.stage-card-premium--color-purple .stage-card-premium__icon-wrapper{border-color:var(--premium-purple-icon-wrapper-border);background:var(--premium-purple-icon-wrapper-bg)}.stage-card-premium--color-green .stage-card-premium__icon-wrapper{border-color:var(--premium-green-icon-wrapper-border);background:var(--premium-green-icon-wrapper-bg)}.stage-card-premium--color-teal .stage-card-premium__icon-wrapper{border-color:var(--premium-teal-icon-wrapper-border);background:var(--premium-teal-icon-wrapper-bg)}.stage-card-premium--color-indigo .stage-card-premium__icon-wrapper{border-color:var(--premium-indigo-icon-wrapper-border);background:var(--premium-indigo-icon-wrapper-bg)}.stage-card-premium--color-rose .stage-card-premium__icon-wrapper{border-color:var(--premium-rose-icon-wrapper-border);background:var(--premium-rose-icon-wrapper-bg)}.stage-card-premium__icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid currentColor;background:transparent}.stage-card-premium--color-blue .stage-card-premium__icon{color:var(--premium-blue-icon)}.stage-card-premium--color-purple .stage-card-premium__icon{color:var(--premium-purple-icon)}.stage-card-premium--color-green .stage-card-premium__icon{color:var(--premium-green-icon)}.stage-card-premium--color-teal .stage-card-premium__icon{color:var(--premium-teal-icon)}.stage-card-premium--color-indigo .stage-card-premium__icon{color:var(--premium-indigo-icon)}.stage-card-premium--color-rose .stage-card-premium__icon{color:var(--premium-rose-icon)}.stage-card-premium--locked .stage-card-premium__icon{color:var(--premium-status-locked-color)}.stage-card-premium:not(.stage-card-premium--locked):hover .stage-card-premium__icon-wrapper{transform:rotate(6deg) scale(1.08)}.stage-card-premium:not(.stage-card-premium--locked):hover .stage-card-premium__icon{box-shadow:0 0 16px currentColor}.stage-card-premium__bottom{flex:1;display:flex;flex-direction:column}.stage-card-premium__info{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--premium-info-bg)}.stage-card-premium__title{font-size:var(--text-sm, 14px);font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.stage-card-premium:not(.stage-card-premium--locked):hover .stage-card-premium__title{color:var(--color-primary-400)}.stage-card-premium__meta{display:flex;align-items:center;gap:var(--space-2, 8px)}.stage-card-premium__versions{font-size:var(--text-xs, 12px);color:var(--color-text-muted);background:var(--stage-order-bg, rgba(255, 255, 255, .05));padding:2px 6px;border-radius:4px}.stage-card-premium__complete{display:flex;align-items:center;gap:4px;font-size:var(--text-xs, 12px);color:var(--premium-status-completed-color)}.stage-card-premium__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2, 8px) var(--space-4, 16px);background:var(--premium-footer-bg);border-top:1px solid var(--premium-footer-border)}.stage-card-premium__assignee{font-size:var(--text-xs, 12px);color:var(--color-text-muted)}.stage-card-premium__date{font-size:var(--text-xs, 12px);color:var(--color-text-muted);opacity:.7;margin-left:auto}.activity-feed-premium{border-radius:var(--radius-xl, 16px);overflow:hidden;background:var(--premium-activity-bg);border:1px solid var(--premium-activity-border)}.activity-feed-premium__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px);border-bottom:1px solid var(--premium-footer-border)}.activity-feed-premium__title{display:flex;align-items:center;gap:var(--space-2, 8px);font-size:var(--text-base, 16px);font-weight:600;color:var(--color-text-primary);margin:0}.activity-feed-premium__live{width:8px;height:8px;border-radius:50%;background:var(--premium-status-completed-color);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #4ade8066}50%{opacity:.8;box-shadow:0 0 0 6px #4ade8000}}.activity-feed-premium__menu{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md, 8px);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.activity-feed-premium__menu:hover{background:var(--tab-hover-bg, rgba(255, 255, 255, .1));color:var(--color-text-primary)}.activity-feed-premium__list{padding:var(--space-2, 8px)}.activity-feed-premium__item{display:flex;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all .2s ease}.activity-feed-premium__item:hover{background:var(--premium-activity-item-hover)}.activity-feed-premium__icon{width:36px;height:36px;border-radius:var(--radius-lg, 12px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-feed-premium__icon--audio{background:var(--premium-activity-icon-audio-bg);color:var(--premium-activity-icon-audio-color)}.activity-feed-premium__icon--complete{background:var(--premium-activity-icon-complete-bg);color:var(--premium-activity-icon-complete-color)}.activity-feed-premium__icon--comment{background:var(--premium-activity-icon-comment-bg);color:var(--premium-activity-icon-comment-color)}.activity-feed-premium__icon--version{background:var(--premium-activity-icon-version-bg);color:var(--premium-activity-icon-version-color)}.activity-feed-premium__icon--upload{background:var(--premium-activity-icon-upload-bg);color:var(--premium-activity-icon-upload-color)}.activity-feed-premium__icon--mix{background:var(--premium-activity-icon-mix-bg);color:var(--premium-activity-icon-mix-color)}.activity-feed-premium__content{flex:1;min-width:0}.activity-feed-premium__text{font-size:var(--text-sm, 14px);color:var(--color-text-primary);margin:0 0 2px;line-height:1.4}.activity-feed-premium__text strong{font-weight:600}.activity-feed-premium__time{font-size:var(--text-xs, 12px);color:var(--color-text-muted)}.activity-feed-premium__empty{text-align:center;padding:var(--space-6, 24px);color:var(--color-text-muted)}.activity-feed-premium__item{opacity:0;transform:translate(-10px);animation:actIn .4s ease forwards}.activity-feed-premium__item:nth-child(1){animation-delay:.1s}.activity-feed-premium__item:nth-child(2){animation-delay:.15s}.activity-feed-premium__item:nth-child(3){animation-delay:.2s}.activity-feed-premium__item:nth-child(4){animation-delay:.25s}.activity-feed-premium__item:nth-child(5){animation-delay:.3s}@keyframes actIn{to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.project-card-premium,.track-card-premium,.stage-card-premium,.activity-feed-premium__item{opacity:1;transform:none;animation:none}.project-card-premium__status:before,.track-card-premium__status:before,.stage-card-premium__status:before,.project-card-premium__visualizer-bar,.track-card-premium__visualizer-bar,.activity-feed-premium__live{animation:none}.project-card-premium:hover,.track-card-premium:hover,.stage-card-premium:hover,.project-card-premium:hover .project-card-premium__icon-wrapper,.track-card-premium:hover .track-card-premium__icon-wrapper,.stage-card-premium:hover .stage-card-premium__icon-wrapper{transform:none}}.projects-page,.project-detail-page,.track-detail-page{background:transparent;min-height:100vh;padding:var(--space-6)}.page-header-ultra{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8);animation:fadeUp .6s cubic-bezier(.16,1,.3,1)}.page-header-ultra .page-title{font-size:2.5rem;font-weight:700;margin:0 0 var(--space-2) 0;background:var(--dashboard-title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header-ultra .page-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:0}.breadcrumb-ultra{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);animation:fadeUp .5s cubic-bezier(.16,1,.3,1)}.breadcrumb-ultra a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.breadcrumb-ultra a:hover{color:var(--color-primary-400)}.breadcrumb-ultra .breadcrumb-separator{color:var(--color-text-disabled)}.breadcrumb-ultra .breadcrumb-current{color:var(--color-text-secondary)}.tabs-ultra{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-background-muted);border-radius:var(--radius-lg);margin-bottom:var(--space-6);width:fit-content;animation:fadeUp .55s cubic-bezier(.16,1,.3,1) .05s both}.tab-ultra{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.tab-ultra:hover{color:var(--color-text-secondary);background:var(--color-hover-bg)}.tab-ultra.active{background:var(--badge-progress-bg);color:var(--color-primary-400)}.tab-ultra .tab-count{padding:2px 8px;background:var(--color-background-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.tab-ultra.active .tab-count{background:#3b82f64d}.filter-bar-ultra{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-6);animation:fadeUp .55s cubic-bezier(.16,1,.3,1) .1s both}.filter-bar-ultra .search-input-ultra{flex:1;max-width:320px;padding:var(--space-3) var(--space-4);padding-left:40px;background:var(--input-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);transition:all .2s ease}.filter-bar-ultra .search-input-ultra:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0080ff26}.filter-bar-ultra .search-input-ultra::placeholder{color:var(--color-text-muted)}.filter-bar-ultra .filter-select-ultra{padding:var(--space-3) var(--space-4);padding-right:var(--space-8);background:var(--input-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-bar-ultra .filter-select-ultra:hover{border-color:var(--color-border)}.filter-bar-ultra .filter-select-ultra:focus{outline:none;border-color:var(--color-primary-400)}.search-wrapper-ultra{position:relative;flex:1;min-width:280px;max-width:400px}.search-wrapper-ultra .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;z-index:1}.search-wrapper-ultra .search-input-ultra{width:100%;padding:var(--space-3) var(--space-4);padding-left:44px;background:var(--input-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);transition:all .2s ease}.search-wrapper-ultra .search-input-ultra:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0080ff26}.search-wrapper-ultra .search-input-ultra::placeholder{color:var(--color-text-muted)}.projects-grid-ultra{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5)}.project-card-ultra{background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.project-card-ultra:hover{transform:translateY(-4px);border-color:#3b82f666;box-shadow:0 20px 40px -12px #0006,0 0 60px #3b82f626}.project-card-ultra__header{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5)}.project-card-ultra__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#3b82f633,#8b5cf61a);color:var(--color-primary-400);transition:all .3s ease}.project-card-ultra:hover .project-card-ultra__icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#3b82f64d,#8b5cf633)}.project-card-ultra__info{flex:1;min-width:0}.project-card-ultra__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0;transition:color .2s ease}.project-card-ultra:hover .project-card-ultra__title{color:var(--color-primary-400)}.project-card-ultra__artist{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.project-card-ultra__status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.project-card-ultra__status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-glow 2s ease-in-out infinite}.project-card-ultra__status--active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.project-card-ultra__status--review{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.project-card-ultra__status--completed{background:var(--badge-progress-bg);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.project-card-ultra__status--draft{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.project-card-ultra__body{padding:0 var(--space-5) var(--space-4)}.project-card-ultra__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin:0 0 var(--space-3) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-ultra__stats{display:flex;gap:var(--space-4)}.project-card-ultra__stat{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.project-card-ultra__stat svg{opacity:.6}.project-card-ultra__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle);background:var(--color-background-subtle)}.project-card-ultra__avatars{display:flex}.project-card-ultra__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-500),var(--color-violet-500));border:2px solid var(--color-background);margin-left:-6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff}.project-card-ultra__avatar:first-child{margin-left:0}.project-card-ultra__date{font-size:var(--text-xs);color:var(--color-text-muted)}.project-card-ultra__actions{position:relative;margin-left:auto}.project-card-ultra__menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.project-card-ultra__menu-btn:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.project-card-ultra__dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:var(--dropdown-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;z-index:1000;overflow:hidden}.dropdown-backdrop{position:fixed;inset:0;z-index:999}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:10px 14px;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:var(--color-hover-bg)}.dropdown-item svg{color:var(--color-text-muted)}.project-card-ultra{opacity:0;transform:translateY(20px);animation:cardFadeUp .5s cubic-bezier(.16,1,.3,1) forwards}.project-card-ultra:nth-child(1){animation-delay:.1s}.project-card-ultra:nth-child(2){animation-delay:.15s}.project-card-ultra:nth-child(3){animation-delay:.2s}.project-card-ultra:nth-child(4){animation-delay:.25s}.project-card-ultra:nth-child(5){animation-delay:.3s}.project-card-ultra:nth-child(6){animation-delay:.35s}.project-card-ultra:nth-child(7){animation-delay:.4s}.project-card-ultra:nth-child(8){animation-delay:.45s}.detail-header-ultra{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);animation:fadeUp .6s cubic-bezier(.16,1,.3,1)}.detail-header-ultra__top{display:flex;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-5)}.detail-header-ultra__icon{width:72px;height:72px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#3b82f633,#8b5cf61a);color:var(--color-primary-400);position:relative}.detail-header-ultra__icon--violet{background:linear-gradient(135deg,#8b5cf633,#ec48991a);color:#a78bfa}.detail-header-ultra__info{flex:1}.detail-header-ultra__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.detail-header-ultra__badge--active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.detail-header-ultra__badge--progress{background:var(--badge-progress-bg);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.detail-header-ultra__title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.detail-header-ultra__subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:0 0 var(--space-3) 0}.detail-header-ultra__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0;max-width:600px}.detail-header-ultra__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}.detail-header-actions{display:flex;gap:var(--space-3);margin-left:auto}.section-actions{display:flex;gap:var(--space-3)}.status-text{font-size:var(--text-xs);font-weight:500;text-transform:capitalize}.status-text--completed,.status-text--done{color:#34d399}.status-text--in_progress,.status-text--progress{color:#60a5fa}.status-text--review{color:#fbbf24}.status-text--not_started{color:var(--color-text-muted)}.detail-header-ultra__stat{text-align:center}.detail-header-ultra__stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.detail-header-ultra__stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.section-header-ultra{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .15s both}.section-header-ultra__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0}.section-header-ultra__title .emoji{font-size:1.25rem}.tracks-toolbar-ultra{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border-subtle);animation:fadeUp .55s cubic-bezier(.16,1,.3,1) .1s both}.tracks-toolbar-ultra__left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.tracks-toolbar-ultra__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.tracks-toolbar-ultra .search-wrapper-ultra{position:relative;flex:1;max-width:320px;min-width:200px}.tracks-toolbar-ultra .search-wrapper-ultra .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;z-index:1}.tracks-toolbar-ultra .search-wrapper-ultra .search-input-ultra{width:100%;padding:var(--space-3) var(--space-4);padding-left:52px!important;padding-right:40px;background:var(--input-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);transition:all .2s ease}.tracks-toolbar-ultra .search-wrapper-ultra .search-input-ultra:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0080ff26}.tracks-toolbar-ultra .search-wrapper-ultra .search-input-ultra::placeholder{color:var(--color-text-muted)}.tracks-toolbar-ultra .tracks-search-wrapper-ultra{position:relative;flex:1;max-width:320px;min-width:200px}.tracks-toolbar-ultra .tracks-search-icon-ultra{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;z-index:1}.tracks-toolbar-ultra input.tracks-search-input-ultra{width:100%;padding:var(--space-3) var(--space-4);padding-left:52px!important;padding-right:40px;text-indent:0;background:var(--input-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);transition:all .2s ease}.tracks-toolbar-ultra input.tracks-search-input-ultra:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0080ff26}.tracks-toolbar-ultra input.tracks-search-input-ultra::placeholder{color:var(--color-text-muted)}.search-clear-btn{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--color-background-muted);border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;opacity:.8}.search-clear-btn:hover{background:var(--color-hover-bg);color:var(--color-text-primary);opacity:1}.search-clear-btn:active{transform:translateY(-50%) scale(.95)}.filter-indicator-ultra{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);background:var(--badge-progress-bg);color:var(--color-primary-400);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap;animation:filterSlideIn .25s cubic-bezier(.16,1,.3,1)}@keyframes filterSlideIn{0%{opacity:0;transform:translate(-12px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.tracks-list-ultra{display:flex;flex-direction:column;gap:var(--space-3)}.track-card-ultra{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;animation:slideInRight .4s cubic-bezier(.16,1,.3,1) both}.track-card-ultra:hover{transform:translate(4px);border-color:#3b82f666;box-shadow:0 8px 24px -8px #0000004d}.track-card-ultra__drag-handle{display:flex;align-items:center;justify-content:center;width:32px;height:40px;color:var(--color-text-muted);cursor:grab;flex-shrink:0;margin-left:-4px;margin-right:-4px;border-radius:var(--radius-sm);transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:element}.track-card-ultra__drag-handle:hover{color:var(--color-text-secondary);background:var(--color-hover-bg)}.track-card-ultra__drag-handle:active{cursor:grabbing;color:var(--color-primary-400)}.track-card-ultra--drag-over{border-color:var(--color-primary-400);border-style:dashed;background:#3b82f61a}.track-card-ultra--dragging{opacity:.5;transform:scale(.98);border-color:var(--color-primary-400)}.track-card-ultra__icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#8b5cf633,#ec48991a);color:#a78bfa}.track-card-ultra__content{flex:1;min-width:0}.track-card-ultra__title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0;transition:color .2s ease}.track-card-ultra:hover .track-card-ultra__title{color:var(--color-primary-400)}.track-card-ultra__meta{font-size:var(--text-sm);color:var(--color-text-muted)}.track-card-ultra__meta-separator{margin:0 var(--space-2);color:var(--color-text-disabled)}.track-card-ultra__progress{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);min-width:100px}.track-card-ultra__progress-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.track-card-ultra__progress-bar{width:100px;height:4px;background:var(--color-background-subtle);border-radius:2px;overflow:hidden}.track-card-ultra__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-cyan-500));border-radius:2px;transition:width .3s ease}.track-card-ultra__progress-fill--complete{background:var(--color-success-500)}.track-card-ultra__arrow{color:var(--color-text-muted);transition:transform .2s ease}.track-card-ultra:hover .track-card-ultra__arrow{transform:translate(4px);color:var(--color-primary-400)}.track-card-ultra__actions{position:relative;flex-shrink:0}.track-card-ultra__menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.track-card-ultra__menu-btn:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.track-card-ultra__dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:120px;background:var(--dropdown-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0009;z-index:100;overflow:hidden}.track-card-ultra__dropdown-item{display:block;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background .15s ease}.track-card-ultra__dropdown-item:hover{background:var(--color-hover-bg)}.track-card-ultra__dropdown-item--danger{color:var(--color-error-400)}.track-card-ultra__dropdown-item--danger:hover{background:#ef444426}.track-card-ultra{opacity:0;transform:translate(-10px);animation:slideInRight .4s ease forwards}.track-header-ultra{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-6);background:linear-gradient(135deg,#7c4dff1a,#0080ff0d);border:1px solid rgba(124,77,255,.2);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.track-header-ultra__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary-500) 0%,#7c4dff 100%);border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.track-header-ultra__info{flex:1;min-width:0}.track-header-ultra__title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.track-header-ultra__meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.track-header-ultra__meta-item{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--color-hover-bg);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary)}.track-header-ultra__actions{flex-shrink:0}.track-progress-ultra{padding:var(--space-5);background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.track-progress-ultra__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.track-progress-ultra__label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.track-progress-ultra__value{font-size:var(--text-lg);font-weight:700;color:var(--color-primary-400)}.track-progress-ultra__bar{height:8px;background:var(--color-hover-bg);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.track-progress-ultra__fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500) 0%,#00e5ff 100%);border-radius:var(--radius-full);transition:width .5s ease}.track-progress-ultra__stats{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.stages-section-ultra{margin-top:var(--space-6)}.stages-section-ultra__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.stages-grid-ultra{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.stage-card-ultra{position:relative;display:flex;flex-direction:column;padding:var(--space-5);background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(10px);animation:fadeSlideUp .4s ease forwards}.stage-card-ultra:hover{background:var(--color-hover-bg);border-color:var(--color-border);transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.stage-card-ultra__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.stage-card-ultra__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-hover-bg);color:var(--color-text-secondary);transition:all .3s ease}.stage-card-ultra__order{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-hover-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.stage-card-ultra__title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.stage-card-ultra__status{margin-top:auto}.stage-card-ultra__arrow{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-disabled);opacity:0;transition:all .3s ease}.stage-card-ultra:hover .stage-card-ultra__arrow{opacity:1;transform:translateY(-50%) translate(4px);color:var(--color-primary-400)}.stage-card-ultra--cyan .stage-card-ultra__icon{background:#00e5ff26;color:#00e5ff}.stage-card-ultra--cyan:hover{border-color:#00e5ff4d;box-shadow:0 8px 30px #00e5ff1a}.stage-card-ultra--violet .stage-card-ultra__icon{background:#7c4dff26;color:#b388ff}.stage-card-ultra--violet:hover{border-color:#7c4dff4d;box-shadow:0 8px 30px #7c4dff1a}.stage-card-ultra--rose .stage-card-ultra__icon{background:#ff525226;color:#ff5252}.stage-card-ultra--rose:hover{border-color:#ff52524d;box-shadow:0 8px 30px #ff52521a}.stage-card-ultra--amber .stage-card-ultra__icon{background:#ffc40026;color:#ffc400}.stage-card-ultra--amber:hover{border-color:#ffc4004d;box-shadow:0 8px 30px #ffc4001a}.stage-card-ultra--emerald .stage-card-ultra__icon{background:#00e67626;color:#00e676}.stage-card-ultra--emerald:hover{border-color:#00e6764d;box-shadow:0 8px 30px #00e6761a}.stage-card-ultra--pink .stage-card-ultra__icon{background:#ff408126;color:#ff4081}.stage-card-ultra--pink:hover{border-color:#ff40814d;box-shadow:0 8px 30px #ff40811a}.stage-card-ultra--orange .stage-card-ultra__icon{background:#ff910026;color:#ff9100}.stage-card-ultra--orange:hover{border-color:#ff91004d;box-shadow:0 8px 30px #ff91001a}.stage-card-ultra--blue .stage-card-ultra__icon{background:#0080ff26;color:#1a93ff}.stage-card-ultra--blue:hover{border-color:#0080ff4d;box-shadow:0 8px 30px #0080ff1a}.stage-card-ultra--green .stage-card-ultra__icon{background:#00c85326;color:#00c853}.stage-card-ultra--green:hover{border-color:#00c8534d;box-shadow:0 8px 30px #00c8531a}.stage-status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.stage-status-badge--not_started{background:#64748b33;color:#94a3b8}.stage-status-badge--in_progress{background:#0080ff33;color:#4dabff}.stage-status-badge--completed{background:#00e67633;color:#00e676}.stage-status-badge--locked{background:#ff525233;color:#ff5252}.stage-card-ultra--completed{background:#00e67608;border-color:#00e67626}.stage-card-ultra--in_progress{background:#0080ff08;border-color:#0080ff26}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.track-header-card{background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.track-header-card__main{display:flex;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-6)}.track-header-card__icon{width:72px;height:72px;background:linear-gradient(135deg,#7c4dff,#536dfe);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.track-header-card__content{flex:1;min-width:0}.track-header-card__badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.status-badge--active{background:#ff980033;color:#ffab00}.status-badge--complete{background:#00e67633;color:#00e676}.status-badge--inactive{background:#64748b33;color:#94a3b8}.track-header-card__title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0;line-height:1.2}.track-header-card__meta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.track-header-card__meta .meta-dot{color:var(--color-text-muted)}.track-header-card__edit-btn{background:var(--color-hover-bg);border:1px solid var(--color-border);color:var(--color-text-primary);padding:10px 20px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.track-header-card__edit-btn:hover{background:var(--color-hover-bg);border-color:#fff3}.track-header-card__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}.track-stat{text-align:center;padding:var(--space-4);background:var(--color-background-subtle);border-radius:var(--radius-lg)}.track-stat__value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.track-stat__label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stages-section{margin-top:var(--space-6)}.stages-section__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-5) 0}.stages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}@media(min-width:1200px){.stages-grid{grid-template-columns:repeat(5,1fr)}}.stage-card{background:var(--glass-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;cursor:pointer;transition:all .25s ease;opacity:0;transform:translateY(10px);animation:fadeSlideUp .4s ease forwards}.stage-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.stage-card__icon{width:56px;height:56px;margin:0 auto var(--space-4);background:var(--color-hover-bg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .25s ease}.stage-card__title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.stage-card__status{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.status-check{color:#00e676;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot--blue{background:#4dabff}.status-dot--yellow{background:#ffab00}.stage-card--completed{border-color:#00e67666;background:#00e6760d}.stage-card--completed .stage-card__icon{background:#00e67626;color:#00e676}.stage-card--completed .stage-card__status{color:#00e676}.stage-card--completed:hover{border-color:#00e67699;box-shadow:0 12px 40px #00e67626}.stage-card--in-progress{border-color:#0080ff66;background:#0080ff0d}.stage-card--in-progress .stage-card__icon{background:#0080ff26;color:#4dabff}.stage-card--in-progress .stage-card__status{color:#4dabff}.stage-card--in-progress:hover{border-color:#0080ff99;box-shadow:0 12px 40px #0080ff26}.stage-card--review{border-color:#ffab0066;background:#ffab000d}.stage-card--review .stage-card__icon{background:#ffab0026;color:#ffab00}.stage-card--review .stage-card__status{color:#ffab00}.stage-card--review:hover{border-color:#ffab0099;box-shadow:0 12px 40px #ffab0026}.stage-card--not-started,.stage-card--not-started:hover{border-color:var(--color-border)}.stage-card__status-wrapper{position:relative;margin-top:auto}.stage-card__status-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:var(--color-hover-bg);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all .2s ease}.stage-card__status-btn:hover{background:var(--color-background-subtle);border-color:var(--color-border)}.stage-card__status-btn--completed{color:#00e676}.stage-card__status-btn--in_progress{color:#4dabff}.stage-card__status-btn--review{color:#ffab00}.stage-card__status-btn--not_started{color:var(--color-text-muted)}.stage-card__status-dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;min-width:140px;background:var(--dropdown-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;z-index:100;overflow:hidden}.stage-card__status-option{display:block;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background .15s ease}.stage-card__status-option:hover{background:var(--color-hover-bg)}.stage-card__status-option.active{background:#0080ff26;color:#4dabff}.stage-detail-page{min-height:100vh;background:transparent;padding:var(--space-6)}.stage-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--space-6);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-6);position:sticky;top:var(--space-4);z-index:var(--z-sticky);transition:all var(--transition-normal)}.stage-header:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-glow-primary)}.stage-header__back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-normal)}.stage-header__back:hover{background:var(--color-hover-bg);border-color:var(--color-hover-border);color:var(--color-text-primary);transform:translate(-2px)}.stage-header__number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-weight:var(--font-bold);font-size:var(--text-lg);background:var(--color-hover-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-normal)}.stage-header__number--completed{background:var(--color-status-completed-bg);border-color:var(--color-status-completed-border);color:var(--color-status-completed-text);box-shadow:var(--status-completed-glow)}.stage-header__number--in-progress{background:var(--color-status-progress-bg);border-color:var(--color-status-progress-border);color:var(--color-status-progress-text);box-shadow:var(--status-progress-glow)}.stage-header__number--review{background:var(--color-status-review-bg);border-color:var(--color-status-review-border);color:var(--color-status-review-text);box-shadow:var(--status-review-glow)}.stage-header__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.stage-header__description{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.stage-header__status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-header__complete-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--badge-active-bg);border:1px solid var(--badge-active-border);border-radius:var(--radius-lg);color:var(--badge-active-text);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal)}.stage-header__complete-btn:hover{background:var(--color-status-completed-bg);border-color:var(--color-status-completed-border);transform:translateY(-2px);box-shadow:var(--shadow-glow-emerald)}.stage-header__settings-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-normal)}.stage-header__settings-btn:hover{background:var(--color-hover-bg);border-color:var(--color-hover-border);color:var(--color-text-primary);transform:rotate(30deg)}.stage-settings-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;justify-content:flex-end}.stage-settings-panel{width:400px;max-width:100%;height:100%;background:var(--color-background-elevated);border-left:1px solid var(--color-border);display:flex;flex-direction:column;animation:slideInRight .25s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.stage-settings-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.stage-settings-panel__header h2{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.stage-settings-panel__content{flex:1;overflow-y:auto;padding:var(--space-5)}.stage-settings-panel__section{margin-bottom:var(--space-6)}.stage-settings-panel__section h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-3) 0}.stage-settings-panel__info{background:var(--color-background-subtle);border-radius:var(--radius-md);padding:var(--space-3)}.info-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.info-label{color:var(--color-text-muted);font-size:var(--text-sm)}.info-value{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:500;text-transform:capitalize}.status-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-background-subtle);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.status-option:hover{background:var(--color-hover-bg);border-color:var(--color-border)}.status-option.active{background:rgba(var(--status-color),.1);border-color:var(--status-color);color:var(--color-text-primary)}.status-option__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.stage-settings-panel__footer{display:flex;gap:var(--space-3);padding:var(--space-5);border-top:1px solid var(--color-border)}.stage-settings-panel__footer .btn{flex:1}.track-card-ultra:nth-child(2){animation-delay:.25s}.track-card-ultra:nth-child(3){animation-delay:.3s}.track-card-ultra:nth-child(4){animation-delay:.35s}.track-card-ultra:nth-child(5){animation-delay:.4s}.track-card-ultra:nth-child(6){animation-delay:.45s}.stages-section-ultra{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .2s both}.stages-section-ultra__note{font-size:var(--text-sm);color:var(--color-text-muted);margin-left:auto}.stages-grid-ultra{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.stage-card-ultra{display:flex;flex-direction:column;align-items:center;padding:var(--space-5) var(--space-4);background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease;text-align:center}.stage-card-ultra:hover{transform:translateY(-3px);box-shadow:0 12px 24px -8px #0000004d}.stage-card-ultra__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);background:#64748b26;color:var(--color-text-muted);transition:all .3s ease}.stage-card-ultra:hover .stage-card-ultra__icon{transform:scale(1.1)}.stage-card-ultra__name{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.stage-card-ultra__status{font-size:.75rem;color:var(--color-text-muted)}.stage-card-ultra--completed{border-color:#10b9814d}.stage-card-ultra--completed:hover{border-color:#10b98180;box-shadow:0 12px 24px -8px #0000004d,0 0 30px #10b98126}.stage-card-ultra--completed .stage-card-ultra__icon{background:#10b98126;color:#34d399}.stage-card-ultra--completed .stage-card-ultra__status{color:#34d399}.stage-card-ultra--in-progress{border-color:#3b82f64d;box-shadow:0 0 20px #3b82f61a}.stage-card-ultra--in-progress:hover{border-color:#3b82f680;box-shadow:0 12px 24px -8px #0000004d,0 0 40px #3b82f633}.stage-card-ultra--in-progress .stage-card-ultra__icon{background:var(--badge-progress-bg);color:#60a5fa}.stage-card-ultra--in-progress .stage-card-ultra__status{color:#60a5fa}.stage-card-ultra--review{border-color:#f59e0b4d}.stage-card-ultra--review:hover{border-color:#f59e0b80;box-shadow:0 12px 24px -8px #0000004d,0 0 30px #f59e0b26}.stage-card-ultra--review .stage-card-ultra__icon{background:#f59e0b26;color:#fbbf24}.stage-card-ultra--review .stage-card-ultra__status{color:#fbbf24}.stage-card-ultra--not-started:hover{border-color:var(--color-border)}.stage-card-ultra{opacity:0;transform:translateY(15px);animation:cardFadeUp .4s ease forwards}.stage-card-ultra:nth-child(1){animation-delay:.25s}.stage-card-ultra:nth-child(2){animation-delay:.3s}.stage-card-ultra:nth-child(3){animation-delay:.35s}.stage-card-ultra:nth-child(4){animation-delay:.4s}.stage-card-ultra:nth-child(5){animation-delay:.45s}.stage-card-ultra:nth-child(6){animation-delay:.5s}.stage-card-ultra:nth-child(7){animation-delay:.55s}.stage-card-ultra:nth-child(8){animation-delay:.6s}.stage-card-ultra:nth-child(9){animation-delay:.65s}.empty-state-ultra{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center;min-height:400px}.empty-state-ultra__icon{width:80px;height:80px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:#3b82f61a;color:var(--color-primary-400);margin-bottom:var(--space-6)}.empty-state-ultra__title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.empty-state-ultra__description{font-size:var(--text-base);color:var(--color-text-muted);margin:0 0 var(--space-6) 0;max-width:320px;line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--color-background-elevated)!important;border:1px solid var(--color-border);border-radius:var(--radius-xl, 16px);box-shadow:0 20px 60px #00000080;max-height:90vh;overflow-y:auto;animation:modalSlideUp .3s ease}.modal .modal-header,.modal .modal-content,.modal .modal-footer,.modal .modal-actions,.modal form{background:transparent!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:100%;max-width:480px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal-header h2,.modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.modal-content{padding:24px}.modal-footer,.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color-border);background:transparent!important}.modal .form-group{margin-bottom:20px}.modal .form-label,.modal label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.modal .form-label.required:after{content:" *";color:#ef4444}.modal input[type=text],.modal input[type=email],.modal input[type=number],.modal textarea,.modal select,.modal .form-input,.modal .form-textarea,.modal .form-select{width:100%;padding:12px 16px;background:var(--color-hover-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.875rem;transition:all .2s ease}.modal input[type=text]:focus,.modal input[type=email]:focus,.modal input[type=number]:focus,.modal textarea:focus,.modal select:focus,.modal .form-input:focus,.modal .form-textarea:focus,.modal .form-select:focus{outline:none;border-color:#0080ff;box-shadow:0 0 0 3px #0080ff26}.modal input::placeholder,.modal textarea::placeholder{color:var(--color-text-muted)}.modal textarea{min-height:100px;resize:vertical}.modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal .field-error{display:block;font-size:.75rem;color:#ef4444;margin-top:4px}.modal .error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.875rem;margin-bottom:16px}.modal .button,.modal .btn,.modal button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.modal .button-primary,.modal .btn--primary,.modal .btn-primary,.modal button[type=submit]:not(.button-secondary):not(.btn-danger){background:linear-gradient(135deg,#0080ff,#06c)!important;color:#fff!important}.modal .button-primary:hover,.modal .btn--primary:hover,.modal .btn-primary:hover,.modal button[type=submit]:not(.button-secondary):not(.btn-danger):hover{transform:translateY(-1px);box-shadow:0 4px 12px #0080ff66}.modal .button-primary:disabled,.modal .btn--primary:disabled,.modal .btn-primary:disabled,.modal button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal .button-secondary,.modal .btn--secondary,.modal .btn-secondary,.modal button[type=button]:not(.btn-danger):not(.icon-button){background:var(--color-background-subtle)!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important}.modal .button-secondary:hover,.modal .btn--secondary:hover,.modal .btn-secondary:hover,.modal button[type=button]:not(.btn-danger):not(.icon-button):hover{background:var(--color-hover-bg)!important;border-color:var(--color-primary-400)!important}.modal .btn-danger,.modal .button-danger,.modal button.btn-danger,.modal button.button-danger,.btn-danger,.button-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none!important}.modal .btn-danger:hover,.modal .button-danger:hover,.modal button.btn-danger:hover,.modal button.button-danger:hover,.btn-danger:hover,.button-danger:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.modal .btn-primary,.modal .button-primary,.modal .btn--primary,.modal button.button-primary{background:linear-gradient(135deg,#0080ff,#06c)!important;color:#fff!important;border:none!important}.modal .btn-primary:hover,.modal .button-primary:hover,.modal .btn--primary:hover,.modal button.button-primary:hover{box-shadow:0 4px 12px #0080ff66;transform:translateY(-1px)}.modal .btn-secondary,.modal .button-secondary,.modal .btn--secondary,.modal button.button-secondary{background:var(--color-background-subtle)!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important}.modal .btn-secondary:hover,.modal .button-secondary:hover,.modal .btn--secondary:hover,.modal button.button-secondary:hover{background:var(--color-hover-bg)!important;border-color:var(--color-primary-400)!important}.modal .icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.modal .icon-button:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.modal .delete-confirm{text-align:center;padding:20px}.modal .delete-confirm h3{color:#ef4444;margin-bottom:12px}.modal .delete-confirm p{color:var(--color-text-secondary);margin-bottom:24px}.modal .delete-actions{display:flex;justify-content:center;gap:12px}.modal .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal .btn-danger:hover{box-shadow:0 4px 12px #ef444466}.btn-ultra{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-ultra--primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:0 4px 12px #0080ff4d}.btn-ultra--secondary{background:var(--input-bg);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-ultra--secondary:hover{background:var(--color-background-subtle);border-color:#fff3}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.stage-detail-page{min-height:100vh;background:transparent}.stage-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--space-6);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:50}.stage-header__left{flex-shrink:0}.stage-header__back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.stage-header__back:hover{background:var(--color-hover-bg);border-color:var(--color-border);color:var(--color-text-primary);transform:translate(-2px)}.stage-header__center{display:flex;align-items:center;gap:var(--space-4);flex:1;justify-content:center}.stage-header__number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-weight:700;font-size:1.125rem;background:var(--color-hover-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all .3s ease}.stage-header__number--completed{background:#00e67626;border-color:#00e6764d;color:#00e676;box-shadow:0 0 20px #00e67633}.stage-header__number--in-progress{background:#0080ff26;border-color:#0080ff4d;color:#4dabff;box-shadow:0 0 20px #0080ff33}.stage-header__number--review{background:#ffab0026;border-color:#ffab004d;color:#ffab00;box-shadow:0 0 20px #ffab0033}.stage-header__info{text-align:center}.stage-header__title{font-family:Clash Display,system-ui,sans-serif;font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.stage-header__description{font-size:.875rem;color:var(--color-text-muted);margin:4px 0 0}.stage-header__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.stage-header__status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-header__complete-btn{display:inline-flex;align-items:center;gap:8px;padding:var(--space-2) var(--space-4);background:#00e6761a;border:1px solid rgba(0,230,118,.25);border-radius:var(--radius-lg);color:#00e676;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}.stage-header__complete-btn:hover{background:#00e67633;border-color:#00e67666;transform:translateY(-2px);box-shadow:0 4px 20px #00e67640}.stage-header__settings-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.stage-header__settings-btn:hover{background:var(--color-hover-bg);border-color:var(--color-border);color:var(--color-text-primary);transform:rotate(30deg)}.stage-content{padding:var(--space-6)}.stage-settings-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;justify-content:flex-end}.stage-settings-panel{width:420px;max-width:100%;height:100%;background:var(--color-background-elevated);border-left:1px solid var(--color-border);display:flex;flex-direction:column;animation:panelSlideIn .4s cubic-bezier(.16,1,.3,1);box-shadow:-20px 0 60px #00000080}@keyframes panelSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.stage-settings-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.stage-settings-panel__header h2{font-family:Clash Display,system-ui,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.stage-settings-panel__content{flex:1;overflow-y:auto;padding:var(--space-6)}.stage-settings-panel__section{margin-bottom:var(--space-8)}.stage-settings-panel__section h3{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--space-4) 0}.stage-settings-panel__info{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);overflow:hidden}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-text-muted);font-size:.875rem}.info-value{color:var(--color-text-primary);font-size:.875rem;font-weight:500;text-transform:capitalize}.stage-settings-panel__status-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.status-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg);border:2px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.status-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.02) 100%);opacity:0;transition:opacity .3s ease}.status-option:hover{background:var(--color-background-subtle);border-color:var(--color-border);transform:translateY(-2px)}.status-option:hover:before{opacity:1}.status-option.active{border-color:var(--status-color);background:color-mix(in srgb,var(--status-color) 10%,transparent);color:var(--color-text-primary);box-shadow:0 0 20px color-mix(in srgb,var(--status-color) 20%,transparent)}.status-option__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.stage-settings-panel__footer{display:flex;gap:var(--space-3);padding:var(--space-5);border-top:1px solid var(--color-border-subtle);background:var(--color-background-muted)}.stage-settings-panel__footer .btn{flex:1;padding:var(--space-3) var(--space-5);font-weight:600;border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.16,1,.3,1)}.stage-settings-panel__footer .btn--secondary{background:var(--color-background-subtle);border:1px solid var(--color-border);color:var(--color-text-primary)}.stage-settings-panel__footer .btn--secondary:hover{background:var(--color-hover-bg);border-color:var(--color-border)}.stage-settings-panel__footer .btn--primary{background:linear-gradient(135deg,#0080ff,#06c);border:none;color:#fff;box-shadow:0 4px 12px #0080ff4d}.stage-settings-panel__footer .btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0080ff66}.stage-content-wrapper{padding:var(--space-6)}.stage-content-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);align-items:start}.stage-main-content{min-height:500px}.empty-state-container{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(0,128,255,.08) 0%,transparent 60%),linear-gradient(180deg,#0d132066,#0a0f1a99);border:2px dashed rgba(0,128,255,.25);border-radius:var(--radius-xl);overflow:hidden}.empty-state-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(0,128,255,.4),transparent),radial-gradient(2px 2px at 40% 70%,rgba(0,229,255,.3),transparent),radial-gradient(2px 2px at 60% 20%,rgba(124,77,255,.3),transparent),radial-gradient(2px 2px at 80% 60%,rgba(0,128,255,.4),transparent),radial-gradient(2px 2px at 10% 80%,rgba(0,229,255,.2),transparent),radial-gradient(2px 2px at 90% 40%,rgba(124,77,255,.2),transparent);animation:floatParticles 20s ease-in-out infinite;pointer-events:none}@keyframes floatParticles{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-20px) rotate(5deg);opacity:1}}.empty-state{position:relative;z-index:1;text-align:center;padding:var(--space-8);max-width:500px}.empty-state-icon,.empty-state .empty-icon{width:80px;height:80px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:#0080ff1a;border:1px solid rgba(0,128,255,.25);border-radius:var(--radius-xl);color:#4dabff;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{box-shadow:0 0 20px #0080ff33;transform:scale(1)}50%{box-shadow:0 0 40px #0080ff66;transform:scale(1.05)}}.empty-state-icon svg,.empty-state .empty-icon svg{width:40px;height:40px}.empty-state-title,.empty-state .empty-title{font-family:Clash Display,system-ui,sans-serif;font-size:1.5rem;font-weight:600;color:#4dabff;margin:0 0 var(--space-3);letter-spacing:-.02em}.empty-state-description,.empty-state .empty-description{font-size:1rem;color:var(--color-text-secondary);margin:0 0 var(--space-5);line-height:1.6}.empty-state-recommendations{text-align:center;margin-bottom:var(--space-6)}.empty-state-recommendations h4{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3)}.empty-state-recommendations ul{list-style:none;padding:0;margin:0}.empty-state-recommendations li{font-size:.875rem;color:var(--color-text-muted);padding:var(--space-1) 0}.empty-state .btn-primary,.empty-state .btn.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#0080ff,#06c);border:none;border-radius:var(--radius-lg);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0003,0 4px 12px #0080ff4d}.empty-state .btn-primary:hover,.empty-state .btn.btn-primary:hover{transform:translateY(-3px);box-shadow:0 2px 4px #0003,0 8px 24px #0080ff80}.stage-sidebar,.version-control{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.version-control-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:var(--color-background-muted)}.version-control-title{font-family:Clash Display,system-ui,sans-serif;font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.version-list{padding:var(--space-4);max-height:400px;overflow-y:auto}.version-item{background:var(--color-background-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);cursor:pointer;transition:all .3s ease}.version-item:hover{background:var(--color-hover-bg);border-color:#0080ff4d;transform:translate(4px)}.version-item.selected,.version-item.current{background:#0080ff1a;border-color:#0080ff66}.version-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-muted)}.version-empty-icon{width:48px;height:48px;margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center;background:var(--color-hover-bg);border-radius:var(--radius-lg);color:var(--color-text-disabled)}.version-empty-text{font-size:.875rem}.artwork-stage,.assets-stage,.audio-version-stage,.text-editor-stage,.voice-recording-stage{background:transparent}@media(max-width:768px){.stage-header{flex-direction:column;gap:var(--space-4);padding:var(--space-4);top:var(--space-2)}.stage-header__center{flex-direction:column;gap:var(--space-3)}.stage-header__info{text-align:center}.stage-header__right{width:100%;justify-content:center;flex-wrap:wrap}}@media(max-width:768px){.tracks-toolbar-ultra,.tracks-toolbar-ultra__left{flex-direction:column;align-items:stretch;gap:var(--space-3)}.tracks-toolbar-ultra .search-wrapper-ultra{max-width:none;width:100%}.tracks-toolbar-ultra__actions{justify-content:flex-end}.filter-indicator-ultra{align-self:flex-start}.projects-grid-ultra{grid-template-columns:1fr}.filter-bar-ultra{flex-wrap:wrap}.search-wrapper-ultra{max-width:100%;width:100%}.detail-header-ultra__top{flex-direction:column}.stages-grid-ultra{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stages-grid-ultra{grid-template-columns:1fr}.detail-header-ultra__stats{grid-template-columns:1fr 1fr}.track-card-ultra{flex-wrap:wrap}.track-card-ultra__progress{width:100%;flex-direction:row;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.track-card-ultra__progress-bar{flex:1;max-width:none}}@media(max-width:480px){.tracks-toolbar-ultra__actions{flex-wrap:wrap;justify-content:stretch}.tracks-toolbar-ultra__actions .btn-ultra{flex:1;min-width:120px;justify-content:center}}@media(prefers-reduced-motion:reduce){.page-header-ultra,.breadcrumb-ultra,.filter-bar-ultra,.detail-header-ultra,.section-header-ultra,.stages-section-ultra,.project-card-ultra,.track-card-ultra,.stage-card-ultra,.tracks-toolbar-ultra,.filter-indicator-ultra{opacity:1;transform:none;animation:none}.project-card-ultra__status:before{animation:none}.search-clear-btn:active{transform:translateY(-50%)}}.projects-page,.project-detail-page,.track-detail-page{padding:var(--space-6)}.page-header-ultra .page-title{font-size:2rem;font-weight:700;color:var(--color-text-primary)}.filter-bar-ultra{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.projects-grid-ultra{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);padding:12px 20px;font-family:var(--font-sans, system-ui, sans-serif);font-size:.875rem;font-weight:600;border-radius:14px;border:none;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn svg,.button svg{width:18px;height:18px}.btn-primary,.button-primary,.button.button-primary,.btn.btn-primary{background:linear-gradient(135deg,#0080ff,#06c)!important;color:var(--color-text-primary)!important;box-shadow:0 1px 2px #0003,0 4px 12px #0080ff4d,inset 0 1px #ffffff1a}.btn-primary:hover,.button-primary:hover,.button.button-primary:hover,.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003,0 8px 24px #0080ff66,inset 0 1px #fff3!important}.btn-secondary,.button-secondary,.button.button-secondary,.btn.btn-secondary{background:var(--color-background)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important}.btn-secondary:hover,.button-secondary:hover,.button.button-secondary:hover,.btn.btn-secondary:hover{background:var(--color-background-subtle)!important;border-color:var(--color-border)!important;transform:translateY(-1px)}.btn-danger,.button-danger,.button.button-danger,.btn.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:var(--color-text-primary)!important;box-shadow:0 1px 2px #0003,0 4px 12px #ef44444d,inset 0 1px #ffffff1a}.btn-danger:hover,.button-danger:hover,.button.button-danger:hover,.btn.btn-danger:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003,0 8px 24px #ef444466,inset 0 1px #fff3!important}.btn-ghost,.button-ghost,.button.button-ghost,.btn.btn-ghost{background:transparent!important;color:var(--color-text-secondary)!important;border:none!important}.btn-ghost:hover,.button-ghost:hover,.button.button-ghost:hover,.btn.btn-ghost:hover{background:var(--color-hover-bg)!important;color:var(--color-text-primary)!important}.btn:disabled,.button:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.file-drop-zone{position:relative}.file-drop-zone .upload-prompt,.upload-prompt{pointer-events:auto!important;position:relative;z-index:10}.upload-prompt button,.upload-prompt label,.file-drop-zone button,.file-drop-zone label,.btn-ultra,label.btn-ultra,button.btn-ultra{pointer-events:auto!important;cursor:pointer!important;position:relative;z-index:20}input[type=file][style*="display: none"],input#empty-state-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.btn-ultra{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:12px 20px;border-radius:14px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;-webkit-user-select:none;user-select:none}.btn-ultra--primary,label.btn-ultra--primary{background:linear-gradient(135deg,#0080ff,#06c);color:#fff;box-shadow:0 4px 12px #0080ff4d}.btn-ultra--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0080ff66}.btn-ultra--secondary,button.btn-ultra--secondary{background:#1e293bcc;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.btn-ultra--secondary:hover{background:#1e293b;border-color:#fff3}.upload-prompt>div[style*="display: flex"],.upload-prompt>div[style*=pointer-events]{pointer-events:auto!important;position:relative;z-index:15}.empty-state-ultra button{pointer-events:auto!important;cursor:pointer!important}.command-palette-backdrop{position:fixed;inset:0;z-index:9999;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:cmd-backdrop-in .15s ease-out}@keyframes cmd-backdrop-in{0%{opacity:0}to{opacity:1}}.command-palette{width:100%;max-width:640px;background:var(--color-background);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:0 24px 48px -12px #00000040,0 0 0 1px #0000000d;overflow:hidden;animation:cmd-slide-in .2s cubic-bezier(.34,1.56,.64,1)}@keyframes cmd-slide-in{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.command-palette-input-wrapper{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.command-palette-icon{color:var(--color-text-muted);flex-shrink:0}.command-palette-input{flex:1;background:transparent;border:none;outline:none;font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-primary);caret-color:var(--color-primary-500)}.command-palette-input::placeholder{color:var(--color-text-muted);font-weight:var(--font-normal)}.command-palette-shortcut{display:flex;align-items:center;gap:var(--space-1)}.command-palette-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-2);background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);font-family:var(--font-mono)}.command-palette-results{max-height:400px;overflow-y:auto;padding:var(--space-2)}.command-palette-results::-webkit-scrollbar{width:6px}.command-palette-results::-webkit-scrollbar-track{background:transparent}.command-palette-results::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.command-palette-results::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.command-palette-group{margin-bottom:var(--space-2)}.command-palette-group:last-child{margin-bottom:0}.command-palette-group-title{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.command-palette-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.command-palette-item:hover,.command-palette-item.selected{background:var(--color-primary-50)}.command-palette-item.selected{background:var(--color-primary-100)}.command-palette-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-background-subtle);color:var(--color-text-secondary);flex-shrink:0;transition:all .15s ease}.command-palette-item:hover .command-palette-item-icon,.command-palette-item.selected .command-palette-item-icon{background:var(--color-primary-100);color:var(--color-primary-600)}.command-palette-item-content{flex:1;min-width:0}.command-palette-item-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-palette-item-title mark{background:var(--color-warning-200);color:inherit;border-radius:2px;padding:0 2px}.command-palette-item-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-palette-item-action{display:none;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.command-palette-item:hover .command-palette-item-action,.command-palette-item.selected .command-palette-item-action{display:flex}.command-palette-breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.command-palette-breadcrumb-item{display:flex;align-items:center;gap:var(--space-1)}.command-palette-breadcrumb-separator{color:var(--color-border-strong)}.command-palette-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.command-palette-empty-icon{width:48px;height:48px;margin-bottom:var(--space-4);color:var(--color-text-muted);opacity:.5}.command-palette-empty-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.command-palette-empty-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.command-palette-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-background-subtle)}.command-palette-footer-hints{display:flex;align-items:center;gap:var(--space-4)}.command-palette-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.command-palette-footer-action{font-size:var(--text-xs);color:var(--color-primary-600);cursor:pointer}.command-palette-footer-action:hover{text-decoration:underline}.command-palette-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.command-palette-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:cmd-spin .6s linear infinite}@keyframes cmd-spin{to{transform:rotate(360deg)}}.command-palette-recent{display:flex;align-items:center;gap:var(--space-2)}.command-palette-recent-icon{color:var(--color-text-muted)}.command-palette-recent-clear{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;opacity:0;transition:opacity .15s}.command-palette-item:hover .command-palette-recent-clear{opacity:1}.command-palette-recent-clear:hover{color:var(--color-error-500)}[data-theme=dark] .command-palette-backdrop{background:#000000b3}[data-theme=dark] .command-palette{background:var(--color-background-elevated);border-color:#ffffff14;box-shadow:0 24px 48px -12px #00000080,0 0 80px #0000004d,0 0 0 1px #ffffff0d}[data-theme=dark] .command-palette-input-wrapper{border-bottom-color:#ffffff0f}[data-theme=dark] .command-palette-input{caret-color:var(--color-primary-400)}[data-theme=dark] .command-palette-kbd{background:var(--color-background-muted);border-color:#ffffff1a;color:var(--color-text-secondary)}[data-theme=dark] .command-palette-item:hover,[data-theme=dark] .command-palette-item.selected{background:#0080ff1a}[data-theme=dark] .command-palette-item.selected{background:#0080ff26}[data-theme=dark] .command-palette-item-icon{background:var(--color-background-muted)}[data-theme=dark] .command-palette-item:hover .command-palette-item-icon,[data-theme=dark] .command-palette-item.selected .command-palette-item-icon{background:#0080ff33;color:var(--color-primary-400)}[data-theme=dark] .command-palette-item-title mark{background:#f59e0b4d}[data-theme=dark] .command-palette-footer{background:var(--color-background-muted);border-top-color:#ffffff0f}[data-theme=dark] .command-palette-footer-action{color:var(--color-primary-400)}@media(max-width:640px){.command-palette-backdrop{padding-top:10vh;padding-left:var(--space-4);padding-right:var(--space-4)}.command-palette{border-radius:var(--radius-lg)}.command-palette-input{font-size:var(--text-base)}.command-palette-footer-hints{display:none}}@media(prefers-reduced-motion:reduce){.command-palette-backdrop,.command-palette{animation:none}.command-palette-spinner{animation:none;border-top-color:var(--color-primary-500)}}:root{--rail-width-collapsed: 64px;--rail-width-expanded: 250px;--rail-transition: .3s cubic-bezier(.4, 0, .2, 1)}.sidebar--rail{width:var(--rail-width-collapsed);transition:width var(--rail-transition);overflow:visible;position:relative}.sidebar--rail:hover,.sidebar--rail.expanded{width:var(--rail-width-expanded)}.sidebar--rail .sidebar-inner{width:var(--rail-width-expanded);overflow:hidden}.rail-toggle{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--color-background);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;transition:all .2s ease;box-shadow:var(--shadow-sm)}.sidebar--rail:hover .rail-toggle{opacity:1}.rail-toggle:hover{background:var(--color-primary-50);border-color:var(--color-primary-500);transform:translateY(-50%) scale(1.1)}.rail-toggle svg{width:14px;height:14px;color:var(--color-text-muted);transition:transform .3s ease}.sidebar--rail:not(.expanded) .rail-toggle svg{transform:rotate(180deg)}.rail-toggle:hover svg{color:var(--color-primary-600)}.sidebar--rail .sidebar-section{padding:var(--space-2);margin-bottom:var(--space-2)}.sidebar--rail .sidebar-section-title{padding:var(--space-2);white-space:nowrap;overflow:hidden;opacity:0;transition:opacity .2s ease}.sidebar--rail:hover .sidebar-section-title,.sidebar--rail.expanded .sidebar-section-title{opacity:1}.sidebar--rail .sidebar-link{justify-content:center;padding:var(--space-3);position:relative}.sidebar--rail:hover .sidebar-link,.sidebar--rail.expanded .sidebar-link{justify-content:flex-start;padding:var(--space-2) var(--space-3)}.sidebar--rail .sidebar-link-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.sidebar--rail .sidebar-link:hover .sidebar-link-icon{transform:scale(1.1)}.sidebar--rail .sidebar-link-text{white-space:nowrap;overflow:hidden;opacity:0;width:0;margin-left:0;transition:all .2s ease}.sidebar--rail:hover .sidebar-link-text,.sidebar--rail.expanded .sidebar-link-text{opacity:1;width:auto;margin-left:var(--space-3)}.sidebar--rail .sidebar-link:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:var(--space-2) var(--space-3);background:var(--color-gray-900);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;border-radius:var(--radius-md);opacity:0;visibility:hidden;transition:all .15s ease;pointer-events:none;z-index:100;box-shadow:var(--shadow-lg)}.sidebar--rail .sidebar-link:before{content:"";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--color-gray-900);opacity:0;visibility:hidden;transition:all .15s ease;z-index:100}.sidebar--rail:not(:hover):not(.expanded) .sidebar-link:hover:after,.sidebar--rail:not(:hover):not(.expanded) .sidebar-link:hover:before{opacity:1;visibility:visible}.sidebar--rail .sidebar-nested{display:none}.sidebar--rail:hover .sidebar-nested,.sidebar--rail.expanded .sidebar-nested{display:block}.sidebar--rail .sidebar-nested-toggle{justify-content:center}.sidebar--rail:hover .sidebar-nested-toggle,.sidebar--rail.expanded .sidebar-nested-toggle{justify-content:flex-start}.sidebar--rail .sidebar-logo{padding:var(--space-4);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.sidebar--rail .sidebar-logo-icon{width:32px;height:32px;flex-shrink:0}.sidebar--rail .sidebar-logo-text{opacity:0;width:0;overflow:hidden;margin-left:0;transition:all .2s ease}.sidebar--rail:hover .sidebar-logo-text,.sidebar--rail.expanded .sidebar-logo-text{opacity:1;width:auto;margin-left:var(--space-3)}.sidebar--rail .sidebar-divider{height:1px;background:var(--color-border);margin:var(--space-2)}.sidebar--rail .rail-search{margin:var(--space-2);padding:var(--space-2);display:flex;align-items:center;justify-content:center;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.sidebar--rail:hover .rail-search,.sidebar--rail.expanded .rail-search{justify-content:flex-start;padding:var(--space-2) var(--space-3)}.rail-search:hover{border-color:var(--color-primary-500);background:var(--color-background)}.rail-search-icon{color:var(--color-text-muted);flex-shrink:0}.rail-search-text{opacity:0;width:0;overflow:hidden;margin-left:0;font-size:var(--text-sm);color:var(--color-text-muted);transition:all .2s ease}.sidebar--rail:hover .rail-search-text,.sidebar--rail.expanded .rail-search-text{opacity:1;width:auto;margin-left:var(--space-2)}.rail-search-kbd{opacity:0;margin-left:auto;display:flex;align-items:center;gap:2px;transition:opacity .2s ease}.sidebar--rail:hover .rail-search-kbd,.sidebar--rail.expanded .rail-search-kbd{opacity:1}.rail-search-kbd kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:10px;font-family:var(--font-mono);color:var(--color-text-muted)}.sidebar--rail .sidebar-user{margin-top:auto;padding:var(--space-3);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.sidebar--rail:hover .sidebar-user,.sidebar--rail.expanded .sidebar-user{justify-content:flex-start}.sidebar--rail .sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar--rail .sidebar-user-info{opacity:0;width:0;overflow:hidden;margin-left:0;transition:all .2s ease}.sidebar--rail:hover .sidebar-user-info,.sidebar--rail.expanded .sidebar-user-info{opacity:1;width:auto;margin-left:var(--space-3)}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap}.sidebar-user-email{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.app-content.with-rail{margin-left:var(--rail-width-collapsed);transition:margin-left var(--rail-transition)}.app-content.with-rail.rail-expanded{margin-left:var(--rail-width-expanded)}[data-theme=dark] .rail-toggle{background:var(--color-background-elevated);border-color:#ffffff1a}[data-theme=dark] .rail-toggle:hover{background:#0080ff26;border-color:var(--color-primary-400)}[data-theme=dark] .sidebar--rail .sidebar-link:after{background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-xl),0 0 30px #0000004d}[data-theme=dark] .sidebar--rail .sidebar-link:before{border-right-color:var(--color-background-elevated)}[data-theme=dark] .rail-search{background:var(--color-background-muted);border-color:#ffffff0f}[data-theme=dark] .rail-search:hover{border-color:var(--color-primary-400);background:#0080ff1a;box-shadow:0 0 20px #0080ff1a}[data-theme=dark] .rail-search-kbd kbd{background:var(--color-background-elevated);border-color:#ffffff1a}@media(max-width:768px){.sidebar--rail{position:fixed;left:0;top:64px;bottom:0;z-index:50;transform:translate(-100%);width:var(--rail-width-expanded)}.sidebar--rail.mobile-open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:64px 0 0;background:#00000080;z-index:40;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}.app-content.with-rail{margin-left:0}}@media(prefers-reduced-motion:reduce){.sidebar--rail,.sidebar--rail .sidebar-link-text,.sidebar--rail .sidebar-section-title,.sidebar--rail .sidebar-logo-text,.rail-toggle{transition:none}}.page-transition-container{position:relative;width:100%;min-height:100%}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity .3s ease-out}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease-in}.page-slide-up-enter{opacity:0;transform:translateY(20px)}.page-slide-up-enter-active{opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.16,1,.3,1)}.page-slide-up-exit{opacity:1;transform:translateY(0)}.page-slide-up-exit-active{opacity:0;transform:translateY(-10px);transition:all .25s ease-in}.page-slide-left-enter{opacity:0;transform:translate(30px)}.page-slide-left-enter-active{opacity:1;transform:translate(0);transition:all .4s cubic-bezier(.16,1,.3,1)}.page-slide-left-exit{opacity:1;transform:translate(0)}.page-slide-left-exit-active{opacity:0;transform:translate(-30px);transition:all .25s ease-in}.page-slide-right-enter{opacity:0;transform:translate(-30px)}.page-slide-right-enter-active{opacity:1;transform:translate(0);transition:all .4s cubic-bezier(.16,1,.3,1)}.page-slide-right-exit{opacity:1;transform:translate(0)}.page-slide-right-exit-active{opacity:0;transform:translate(30px);transition:all .25s ease-in}.page-scale-enter{opacity:0;transform:scale(.95)}.page-scale-enter-active{opacity:1;transform:scale(1);transition:all .35s cubic-bezier(.34,1.56,.64,1)}.page-scale-exit{opacity:1;transform:scale(1)}.page-scale-exit-active{opacity:0;transform:scale(.98);transition:all .2s ease-in}.stagger-item{opacity:0;transform:translateY(20px);animation:stagger-in .5s cubic-bezier(.16,1,.3,1) forwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}.stagger-item:nth-child(9){animation-delay:.4s}.stagger-item:nth-child(10){animation-delay:.45s}.stagger-item:nth-child(11){animation-delay:.5s}.stagger-item:nth-child(12){animation-delay:.55s}@keyframes stagger-in{to{opacity:1;transform:translateY(0)}}.stagger-fast .stagger-item:nth-child(1){animation-delay:0ms}.stagger-fast .stagger-item:nth-child(2){animation-delay:30ms}.stagger-fast .stagger-item:nth-child(3){animation-delay:60ms}.stagger-fast .stagger-item:nth-child(4){animation-delay:90ms}.stagger-fast .stagger-item:nth-child(5){animation-delay:.12s}.stagger-fast .stagger-item:nth-child(6){animation-delay:.15s}.page-header-animate{animation:header-slide-in .6s cubic-bezier(.16,1,.3,1)}@keyframes header-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.content-section-animate{animation:section-fade-up .5s cubic-bezier(.16,1,.3,1) .2s both}@keyframes section-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skeleton-exit{opacity:1}.skeleton-exit-active{opacity:0;transition:opacity .2s ease}.content-loaded-enter{opacity:0;transform:translateY(10px)}.content-loaded-enter-active{opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.16,1,.3,1)}.breadcrumb-animate{animation:breadcrumb-fade .4s ease .1s both}@keyframes breadcrumb-fade{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.btn-ripple:active:after{width:200%;height:200%;opacity:1;transition:0s}.card-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.card-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card-lift:active{transform:translateY(-2px);transition:transform .1s ease}.notification-enter{opacity:0;transform:translate(100%)}.notification-enter-active{opacity:1;transform:translate(0);transition:all .4s cubic-bezier(.16,1,.3,1)}.notification-exit{opacity:1;transform:translate(0)}.notification-exit-active{opacity:0;transform:translate(100%);transition:all .3s ease-in}.tab-content-enter{opacity:0;transform:translate(10px)}.tab-content-enter-active{opacity:1;transform:translate(0);transition:all .3s cubic-bezier(.16,1,.3,1)}.tab-content-exit{opacity:1;position:absolute;width:100%}.tab-content-exit-active{opacity:0;transition:opacity .2s ease}.drawer-enter{transform:translate(100%)}.drawer-enter-active{transform:translate(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.drawer-exit{transform:translate(0)}.drawer-exit-active{transform:translate(100%);transition:transform .3s ease-in}.drawer-overlay-enter{opacity:0}.drawer-overlay-enter-active{opacity:1;transition:opacity .3s ease}.drawer-overlay-exit{opacity:1}.drawer-overlay-exit-active{opacity:0;transition:opacity .2s ease}.accordion-content{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.accordion-content.collapsed{max-height:0}.accordion-content.expanded{max-height:1000px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}[data-theme=dark] .shimmer{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-50) 50%,var(--color-gray-100) 75%);background-size:200% 100%}.pulse-dot{position:relative}.pulse-dot:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;background:var(--color-success-500);border-radius:50%;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.page-enter,.page-enter-active,.page-exit,.page-exit-active,.page-slide-up-enter,.page-slide-up-enter-active,.page-slide-up-exit,.page-slide-up-exit-active,.page-slide-left-enter,.page-slide-left-enter-active,.page-slide-left-exit,.page-slide-left-exit-active,.page-scale-enter,.page-scale-enter-active,.page-scale-exit,.page-scale-exit-active,.stagger-item,.page-header-animate,.content-section-animate,.card-lift,.notification-enter,.notification-enter-active,.notification-exit,.notification-exit-active,.tab-content-enter,.tab-content-enter-active,.drawer-enter,.drawer-enter-active,.drawer-exit,.drawer-exit-active{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.shimmer{animation:none;background:var(--color-gray-200)}.pulse-dot:after{animation:none}}.notification{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.notification--error{background:var(--notification-error-bg);border:1px solid var(--notification-error-border);color:var(--notification-error-text)}.notification--success{background:var(--notification-success-bg);border:1px solid var(--notification-success-border);color:var(--notification-success-text)}.notification--warning{background:var(--notification-warning-bg);border:1px solid var(--notification-warning-border);color:var(--notification-warning-text)}.notification--info{background:var(--notification-info-bg);border:1px solid var(--notification-info-border);color:var(--notification-info-text)}.notification-bell-container{position:relative;display:inline-block}.notification-bell-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.notification-bell-button:hover{background:var(--color-background-muted);color:var(--color-primary-600)}.notification-bell-button.has-unread{color:var(--color-primary-600)}.notification-bell-button.has-unread:hover{background:var(--notification-info-bg)}.notification-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-error-600);color:#fff;font-size:10px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--color-background)}.connection-indicator{position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-radius:var(--radius-full);border:2px solid var(--color-background)}.connection-indicator.connected{background:var(--color-success-500)}.connection-indicator.disconnected{background:var(--color-gray-400)}.notification-bell-container .dropdown-menu,.notification-dropdown{width:420px;max-height:600px;overflow:hidden;display:flex;flex-direction:column;background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--dropdown-shadow)}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-background-subtle);flex-shrink:0}.notification-dropdown-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.notification-header-actions{display:flex;gap:var(--space-2)}.notification-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.notification-action-btn:hover{background:var(--color-background-muted);color:var(--color-text-primary)}.notification-filter-tabs{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-background);flex-shrink:0}.filter-tab{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.filter-tab:hover{background:var(--color-background-muted);color:var(--color-text-primary)}.filter-tab.active{background:var(--filter-tab-active-bg);color:var(--filter-tab-active-color)}.notification-list{flex:1;overflow-y:auto;padding:var(--space-2)}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--color-border)}.notification-item:hover{background:var(--color-background-muted)}.notification-item.unread{background:var(--notification-info-bg)}.notification-item.unread:hover{background:var(--notification-unread-hover-bg, rgba(59, 130, 246, .12))}.notification-item .activity-icon{flex-shrink:0}.notification-item .activity-content{flex:1;min-width:0}.notification-actions{display:flex;flex-direction:column;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.notification-item:hover .notification-actions{opacity:1}.notification-action-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.notification-action-icon:hover{background:var(--color-background);color:var(--color-text-primary)}.notification-action-icon.delete:hover{background:var(--notification-error-bg);color:var(--notification-error-text)}.notification-dropdown-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-background-subtle);flex-shrink:0}.notification-view-all{width:100%;padding:var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-primary-600);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.notification-view-all:hover{background:var(--notification-info-bg)}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-muted);text-align:center}.notification-empty svg{margin-bottom:var(--space-4);opacity:.5}.notification-empty p{margin:0;font-size:var(--text-sm)}.notification-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast, 9999);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:420px}.toast-container--top-left{right:auto;left:var(--space-6)}.toast-container--top-center{right:auto;left:50%;transform:translate(-50%)}.toast-container--bottom-right{top:auto;bottom:var(--space-6)}.toast-container--bottom-left{top:auto;bottom:var(--space-6);right:auto;left:var(--space-6)}.toast-container--bottom-center{top:auto;bottom:var(--space-6);right:auto;left:50%;transform:translate(-50%)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-background-elevated);border-radius:var(--radius-lg);box-shadow:var(--toast-shadow);border:1px solid var(--color-border);pointer-events:auto;min-width:320px;max-width:420px;animation:toast-slide-in .3s ease;position:relative;overflow:hidden}@keyframes toast-slide-in{0%{transform:translate(calc(100% + var(--space-6)));opacity:0}to{transform:translate(0);opacity:1}}.toast--exiting{animation:toast-slide-out .3s ease forwards}@keyframes toast-slide-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(100% + var(--space-6))) scale(.9);opacity:0}}.toast:after{content:"";position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;animation:toast-progress 5s linear forwards}@keyframes toast-progress{0%{width:100%}to{width:0%}}.toast--no-progress:after{display:none}.toast__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:var(--radius-md);animation:toast-icon-bounce .5s ease}@keyframes toast-icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;line-height:var(--leading-tight)}.toast__message{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-normal)}.toast__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.toast__action-btn{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.toast__action-btn:hover{transform:translateY(-1px)}.toast__action-btn--primary{background:var(--color-primary-500);color:#fff}.toast__action-btn--primary:hover{background:var(--color-primary-600)}.toast__action-btn--secondary{background:var(--color-background-muted);color:var(--color-text-primary)}.toast__action-btn--secondary:hover{background:var(--color-border)}.toast__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.toast__close:hover{background:var(--color-background-muted);color:var(--color-text-primary);transform:scale(1.1)}.toast__close:active{transform:scale(.95)}.toast--success{border-left:4px solid var(--color-success-500)}.toast--success:after{background:var(--color-success-500)}.toast--success .toast__icon{background:var(--toast-success-icon-bg);color:var(--toast-success-icon-color)}.toast--success .toast__title{color:var(--toast-success-title)}.toast--error{border-left:4px solid var(--color-error-500)}.toast--error:after{background:var(--color-error-500)}.toast--error .toast__icon{background:var(--toast-error-icon-bg);color:var(--toast-error-icon-color)}.toast--error .toast__title{color:var(--toast-error-title)}.toast--warning{border-left:4px solid var(--color-warning-500)}.toast--warning:after{background:var(--color-warning-500)}.toast--warning .toast__icon{background:var(--toast-warning-icon-bg);color:var(--toast-warning-icon-color)}.toast--warning .toast__title{color:var(--toast-warning-title)}.toast--info{border-left:4px solid var(--color-primary-500)}.toast--info:after{background:var(--color-primary-500)}.toast--info .toast__icon{background:var(--toast-info-icon-bg);color:var(--toast-info-icon-color)}.toast--info .toast__title{color:var(--toast-info-title)}.toast--compact{padding:var(--space-3);min-width:280px}.toast--compact .toast__title,.toast--compact .toast__message{font-size:var(--text-xs)}.toast--large{padding:var(--space-5);min-width:360px}.toast:hover{box-shadow:var(--toast-hover-shadow);transform:translateY(-2px);transition:all var(--transition-fast)}.toast:hover:after{animation-play-state:paused}.toast--loading .toast__icon{animation:toast-icon-spin 1s linear infinite}@keyframes toast-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.notification-bell-container .dropdown-menu,.notification-dropdown{position:fixed;top:60px;right:var(--space-4);left:var(--space-4);width:auto;max-height:calc(100vh - 80px)}.notification-dropdown-header h3{font-size:var(--text-base)}.notification-filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.toast-container{top:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}.toast{min-width:auto;max-width:none}.toast-container--top-center,.toast-container--bottom-center{transform:none;left:var(--space-4)}}@media(prefers-reduced-motion:reduce){.toast{animation:toast-fade-in .2s ease}@keyframes toast-fade-in{0%{opacity:0}to{opacity:1}}.toast--exiting{animation:toast-fade-out .2s ease forwards}@keyframes toast-fade-out{0%{opacity:1}to{opacity:0}}.toast:hover{transform:none}.toast__icon,.toast--loading .toast__icon{animation:none}.toast__close:hover,.toast__action-btn:hover{transform:none}}