:root{--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-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-700:#1d4ed8;--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);--space-1-5:0.375rem;--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);--max-width-container:var(--container-xl);--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}[data-theme=dark]{--color-primary-50:#0080ff1a;--color-primary-100:#0080ff26;--color-primary-200:#0080ff33;--color-primary-300:#4dabff;--color-primary-400:#1a93ff;--color-primary-500:#0080ff;--color-primary-600:#06c;--color-status-completed-bg:#10b98126;--color-status-completed-text:#34d399;--color-status-completed-border:#10b9814d;--color-status-progress-bg:#0080ff26;--color-status-progress-text:#1a93ff;--color-status-progress-border:#0080ff4d;--color-status-review-bg:#f59e0b26;--color-status-review-text:#fbbf24;--color-status-review-border:#f59e0b4d;--color-status-error-bg:#f43f5e26;--color-status-error-text:#fb7185;--color-status-error-border:#f43f5e4d;--color-status-info-bg:#06b6d426;--color-status-info-text:#22d3ee;--color-status-info-border:#06b6d44d;--color-status-neutral-bg:#ffffff0d;--color-status-neutral-text:#94a3b8;--color-status-neutral-border:#ffffff1a;--shadow-card:var(--shadow-lg);--shadow-card-hover:var(--shadow-xl),var(--shadow-glow-primary)}:root{--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--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));--aurora-opacity:0.5;--aurora-speed:90s;--aurora-color-1:#3b82f605;--aurora-color-2:rgba(139,92,246,.015);--aurora-color-3:#06b6d405;--particles-white-opacity:0.12;--particles-color-opacity:0.18;--orb-1-color:#3b82f61f;--orb-2-color:#8b5cf61a;--orb-3-color:#06b6d41a;--orb-opacity:0.3;--noise-opacity:0.012;--beam-opacity:0}[data-theme=dark]{--glass-bg:#111827b3;--glass-blur:20px;--glow-primary:#0080ff66;--glow-cyan:#06b6d459;--glow-violet:#8b5cf64d;--glow-emerald:#10b9814d}: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:#06c;--color-primary-700:#004d99;--color-primary-800:#036;--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:#fff;--color-background-subtle:var(--color-gray-50);--color-background-muted:var(--color-gray-100);--color-background-elevated:#fff;--color-background-surface:#fff;--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:#fff;--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:0.75rem;--text-sm:0.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:0.25rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.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:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-back:cubic-bezier(0.34,1.56,0.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:#ffffffd9;--glass-bg-strong:#fffffff2;--glass-border:#0000000f;--glass-blur:20px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014,0 1px 2px -1px #00000014;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000f;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-glow-primary:0 0 40px #3b82f61f;--shadow-glow-cyan:0 0 40px #06b6d41a;--shadow-glow-violet:0 0 40px #8b5cf61a;--shadow-glow-emerald:0 0 30px #10b9811a;--shadow-glow-amber:0 0 30px #f59e0b1a;--shadow-glow-rose:0 0 30px #f43f5e1a;--card-bg:#fff;--card-bg-hover:#f8fafccc;--card-border:#0000000f;--card-border-hover:#3b82f633;--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 #00000014,0 4px 12px #3b82f633;--btn-primary-shadow-hover:0 4px 8px #0000001a,0 8px 24px #3b82f640;--btn-secondary-border-hover:var(--color-primary-500);--btn-secondary-shadow-hover:0 0 20px #3b82f61a;--input-bg:#fff;--input-border:#0000001a;--input-border-focus:var(--color-primary-500);--input-shadow-focus:0 0 0 3px #3b82f61a,0 0 20px #3b82f60f;--input-search-border-focus:var(--color-cyan-500);--input-search-shadow-focus:0 0 0 3px #06b6d41a,0 0 20px #06b6d40f;--sidebar-bg:#ffffffe6;--sidebar-border:#0000000f;--sidebar-link-hover-bg:linear-gradient(90deg,#3b82f614,#0000);--sidebar-link-active-bg:linear-gradient(90deg,#3b82f61f,#0000);--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:#fffffffa;--modal-border:#00000014;--modal-shadow:0 24px 48px -12px #00000026,0 0 60px #00000014;--modal-backdrop:#0006;--dropdown-bg:#fffffffa;--dropdown-border:#00000014;--dropdown-shadow:0 16px 48px -4px #0000001f,0 0 40px #0000000a;--dropdown-item-hover:#3b82f614;--status-completed-glow:0 0 15px #10b9811f;--status-progress-glow:0 0 15px #3b82f61f;--status-review-glow:0 0 15px #f59e0b1f;--progress-gradient:linear-gradient(90deg,var(--color-primary-500),var(--color-cyan-500));--progress-glow:0 0 8px #3b82f633;--avatar-hover-shadow:0 8px 16px #0000001f,0 0 20px #3b82f626;--tooltip-bg:#1e293b;--tooltip-border:#ffffff1a;--tooltip-shadow:0 8px 24px #00000026;--tooltip-text:#fff;--bg-gradient-primary:radial-gradient(ellipse 80% 50% at 0% 0%,#3b82f60f 0%,#0000 50%);--bg-gradient-violet:radial-gradient(ellipse 60% 40% at 100% 0%,#8b5cf60d 0%,#0000 50%);--bg-gradient-cyan:radial-gradient(ellipse 50% 40% at 0% 100%,#06b6d40a 0%,#0000 50%);--bg-gradient-base:linear-gradient(180deg,#f8fafc,#fff 50%,#f1f5f9);--card-blue-top:linear-gradient(180deg,#eff6ff,#dbeafe);--card-blue-border-hover:#3b82f64d;--card-blue-glow:0 0 30px #3b82f614;--card-blue-icon:#2563eb;--card-purple-top:linear-gradient(180deg,#faf5ff,#f3e8ff);--card-purple-border-hover:#a855f74d;--card-purple-glow:0 0 30px #a855f714;--card-purple-icon:#7c3aed;--card-green-top:linear-gradient(180deg,#f0fdf4,#dcfce7);--card-green-border-hover:#22c55e4d;--card-green-glow:0 0 30px #22c55e14;--card-green-icon:#16a34a;--card-teal-top:linear-gradient(180deg,#f0fdfa,#ccfbf1);--card-teal-border-hover:#14b8a64d;--card-teal-glow:0 0 30px #14b8a614;--card-teal-icon:#0d9488;--card-indigo-top:linear-gradient(180deg,#eef2ff,#e0e7ff);--card-indigo-border-hover:#6366f14d;--card-indigo-glow:0 0 30px #6366f114;--card-indigo-icon:#4f46e5;--card-rose-top:linear-gradient(180deg,#fff1f2,#fecdd3);--card-rose-border-hover:#f43f5e4d;--card-rose-glow:0 0 30px #f43f5e14;--card-rose-icon:#e11d48;--stage-cyan-bg:#06b6d41a;--stage-cyan-icon:#0891b2;--stage-cyan-border-hover:#06b6d433;--stage-cyan-glow:0 8px 24px #06b6d414;--stage-violet-bg:#7c4dff1a;--stage-violet-icon:#7c3aed;--stage-violet-border-hover:#7c4dff33;--stage-violet-glow:0 8px 24px #7c4dff14;--stage-rose-bg:#f43f5e1a;--stage-rose-icon:#e11d48;--stage-amber-bg:#f59e0b1a;--stage-amber-icon:#d97706;--stage-emerald-bg:#10b9811a;--stage-emerald-icon:#059669;--stage-blue-bg:#3b82f61a;--stage-blue-icon:#2563eb;--badge-active-bg:#10b9811a;--badge-active-text:#059669;--badge-active-border:#10b98133;--badge-progress-bg:#3b82f61a;--badge-progress-text:#2563eb;--badge-progress-border:#3b82f633;--badge-completed-bg:#10b9811a;--badge-completed-text:#059669;--badge-completed-border:#10b98133;--badge-review-bg:#f59e0b1a;--badge-review-text:#d97706;--badge-review-border:#f59e0b33;--badge-draft-bg:#64748b1a;--badge-draft-text:#64748b;--badge-draft-border:#64748b33;--activity-bg:linear-gradient(145deg,#fffffff2,#f8fafce6);--activity-item-hover:#3b82f60f;--activity-icon-audio-bg:linear-gradient(135deg,#3b82f61a,#3b82f60d);--activity-icon-audio-color:#2563eb;--activity-icon-complete-bg:linear-gradient(135deg,#22c55e1a,#22c55e0d);--activity-icon-complete-color:#16a34a;--activity-icon-comment-bg:linear-gradient(135deg,#a855f71a,#a855f70d);--activity-icon-comment-color:#7c3aed;--header-bg:#ffffffd9;--header-border:#0000000d;--header-shadow:0 1px 3px #0000000d;--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:#3b82f614;--btn-ghost-hover-border:#3b82f633;--btn-success-shadow-hover:0 4px 8px #00000014,0 8px 24px #10b98126;--btn-danger-shadow-hover:0 4px 8px #00000014,0 8px 24px #f43f5e26;--btn-icon-hover-bg:#3b82f614;--btn-icon-hover-border:#3b82f633;--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 #00000014;--dashboard-title-gradient:linear-gradient(135deg,#1e293b,#475569);--dashboard-title-icon-color:var(--color-warning-500);--stat-card-bg:linear-gradient(135deg,#fffffff2,#f8fafce6);--stat-card-border:#0000000a;--stat-card-border-hover:#3b82f633;--stat-card-shadow-hover:0 20px 40px -12px #0000001a,0 0 40px #3b82f60f;--stat-card-glow-line:linear-gradient(90deg,#0000,#3b82f64d 50%,#0000);--stat-icon-bg:linear-gradient(135deg,#3b82f61a,#8b5cf60d);--stat-icon-color:var(--color-primary-600);--stat-value-gradient:linear-gradient(135deg,#1e293b,#475569);--project-meta-border:#0000000f;--bg-mesh-primary:radial-gradient(ellipse 80% 50% at 0% 0%,#3b82f60f 0%,#0000 50%);--bg-mesh-violet:radial-gradient(ellipse 60% 40% at 100% 0%,#8b5cf60d 0%,#0000 50%);--bg-mesh-cyan:radial-gradient(ellipse 50% 40% at 0% 100%,#06b6d40a 0%,#0000 50%);--bg-mesh-emerald:radial-gradient(ellipse 40% 30% at 100% 100%,#10b98108 0%,#0000 50%);--bg-mesh-base:linear-gradient(180deg,#f8fafc,#fff 50%,#f1f5f9);--aurora-opacity:0.3;--aurora-color-1:#3b82f608;--aurora-color-2:#8b5cf605;--aurora-color-3:#06b6d408;--particles-white-opacity:0.15;--particles-color-opacity:0.25;--orb-1-color:#3b82f61a;--orb-2-color:#8b5cf614;--orb-3-color:#06b6d414;--orb-opacity:0.6;--orb-blur:120px;--grid-line-color:#00000008;--noise-opacity:0.01;--page-title-gradient:linear-gradient(135deg,#1e293b,#475569);--tabs-bg:#f1f5f9cc;--tab-hover-bg:#0000000a;--tab-active-bg:#3b82f61a;--tab-active-color:var(--color-primary-600);--tab-count-bg:#0000000f;--tab-count-active-bg:#3b82f626;--filter-bar-bg:#ffffffe6;--filter-bar-border:#0000000f;--filter-input-bg:#f1f5f9cc;--filter-input-border:#00000014;--filter-input-border-hover:#0000001f;--project-card-bg:#fff;--project-card-border:#0000000f;--project-card-border-hover:#3b82f64d;--project-card-shadow-hover:0 20px 40px -12px #00000026,0 0 40px #3b82f614;--project-card-icon-bg:linear-gradient(135deg,#3b82f61a,#8b5cf60d);--project-card-icon-color:var(--color-primary-600);--project-card-footer-bg:#f8fafc80;--detail-header-bg:#fffffff2;--detail-header-icon-bg:linear-gradient(135deg,#3b82f61a,#8b5cf60d);--detail-header-icon-color:var(--color-primary-600);--detail-stats-border:#0000000a;--track-card-bg:#fff;--track-card-border:#0000000f;--track-card-border-hover:#3b82f633;--track-card-drag-bg:#3b82f60d;--track-progress-bg:#0000000f;--track-progress-fill:linear-gradient(90deg,var(--color-primary-500),var(--color-cyan-500));--stage-card-bg:#fff;--stage-card-border:#0000000f;--stage-card-border-hover:#3b82f633;--stage-card-shadow-hover:0 8px 24px #00000014;--stage-icon-bg:#0000000a;--stage-order-bg:#0000000a;--version-panel-bg:#fffffffa;--version-item-bg:#00000005;--version-item-border:#0000000a;--version-item-hover-bg:#0000000a;--version-item-active-bg:#3b82f614;--version-item-active-border:#3b82f64d;--premium-card-bg:#fffffff2;--premium-card-border:#00000014;--premium-card-border-hover:#00000026;--premium-card-shadow-hover:0 20px 40px -12px #00000026;--premium-top-bg:linear-gradient(180deg,#f8fafcfa,#f1f5f9f2);--premium-top-blue:linear-gradient(180deg,#eff6fffa,#dbeafef2);--premium-top-purple:linear-gradient(180deg,#faf5fffa,#f3e8fff2);--premium-top-green:linear-gradient(180deg,#f0fdf4fa,#dcfce7f2);--premium-top-teal:linear-gradient(180deg,#f0fdfafa,#ccfbf1f2);--premium-top-indigo:linear-gradient(180deg,#eef2fffa,#e0e7fff2);--premium-top-rose:linear-gradient(180deg,#fff1f2fa,#fee2e2f2);--premium-info-bg:#fffffffa;--premium-footer-bg:#f8fafcf2;--premium-footer-border:#0000000a;--premium-icon-wrapper-border:#0000001a;--premium-icon-wrapper-bg:linear-gradient(135deg,#0000000a,#00000003);--premium-blue-border:#3b82f633;--premium-purple-border:#a855f733;--premium-green-border:#22c55e33;--premium-teal-border:#14b8a633;--premium-indigo-border:#6366f133;--premium-rose-border:#f43f5e33;--premium-blue-icon-wrapper-border:#3b82f666;--premium-blue-icon-wrapper-bg:linear-gradient(135deg,#3b82f626,#3b82f608);--premium-purple-icon-wrapper-border:#a855f766;--premium-purple-icon-wrapper-bg:linear-gradient(135deg,#a855f726,#a855f708);--premium-green-icon-wrapper-border:#22c55e66;--premium-green-icon-wrapper-bg:linear-gradient(135deg,#22c55e26,#22c55e08);--premium-teal-icon-wrapper-border:#14b8a666;--premium-teal-icon-wrapper-bg:linear-gradient(135deg,#14b8a626,#14b8a608);--premium-indigo-icon-wrapper-border:#6366f166;--premium-indigo-icon-wrapper-bg:linear-gradient(135deg,#6366f126,#6366f108);--premium-rose-icon-wrapper-border:#f43f5e66;--premium-rose-icon-wrapper-bg:linear-gradient(135deg,#f43f5e26,#f43f5e08);--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:#3b82f64d;--premium-purple-glow:#a855f74d;--premium-green-glow:#22c55e4d;--premium-teal-glow:#14b8a64d;--premium-indigo-glow:#6366f14d;--premium-rose-glow:#f43f5e4d;--premium-status-active-bg:#3b82f61f;--premium-status-active-color:#2563eb;--premium-status-active-border:#3b82f640;--premium-status-review-bg:#a855f71f;--premium-status-review-color:#9333ea;--premium-status-review-border:#a855f740;--premium-status-completed-bg:#22c55e1f;--premium-status-completed-color:#16a34a;--premium-status-completed-border:#22c55e40;--premium-status-onhold-bg:#fbbf241f;--premium-status-onhold-color:#d97706;--premium-status-onhold-border:#fbbf2440;--premium-status-locked-bg:#64748b1a;--premium-status-locked-color:#64748b;--premium-status-locked-border:#64748b26;--premium-activity-bg:linear-gradient(145deg,#f8fafce6,#f1f5f9b3);--premium-activity-border:#0000000f;--premium-activity-item-hover:#3b82f60f;--premium-activity-icon-audio-bg:linear-gradient(135deg,#3b82f61f,#3b82f60f);--premium-activity-icon-audio-color:#2563eb;--premium-activity-icon-complete-bg:linear-gradient(135deg,#22c55e1f,#22c55e0f);--premium-activity-icon-complete-color:#16a34a;--premium-activity-icon-comment-bg:linear-gradient(135deg,#a855f71f,#a855f70f);--premium-activity-icon-comment-color:#9333ea;--premium-activity-icon-version-bg:linear-gradient(135deg,#fbbf241f,#fbbf240f);--premium-activity-icon-version-color:#d97706;--premium-activity-icon-upload-bg:linear-gradient(135deg,#06b6d41f,#06b6d40f);--premium-activity-icon-upload-color:#0891b2;--premium-activity-icon-mix-bg:linear-gradient(135deg,#ec48991f,#ec48990f);--premium-activity-icon-mix-color:#db2777;--premium-avatar-border:#fff}[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:#ffffff14;--color-border-subtle:#ffffff0a;--color-border-strong:#ffffff1f;--color-border-light:#ffffff0f;--color-hover-bg:#ffffff0d;--color-hover-border:#ffffff26;--color-active-bg:#ffffff1a;--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:#fff;--glass-bg:#111827cc;--glass-bg-strong:#111827f2;--glass-border:#ffffff14;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006;--shadow-2xl:0 25px 50px -12px #0009;--shadow-glow-primary:0 0 40px #0080ff4d;--shadow-glow-cyan:0 0 40px #06b6d44d;--shadow-glow-violet:0 0 40px #8b5cf640;--shadow-glow-emerald:0 0 30px #10b98140;--shadow-glow-amber:0 0 30px #f59e0b40;--shadow-glow-rose:0 0 30px #f43f5e40;--card-bg:#111827b3;--card-bg-hover:#111827e6;--card-border:#ffffff14;--card-border-hover:#3b82f666;--card-shadow:var(--shadow-lg);--card-shadow-hover:var(--shadow-xl),var(--shadow-glow-primary);--btn-primary-shadow:var(--shadow-md),0 0 20px #0080ff33;--btn-primary-shadow-hover:var(--shadow-lg),0 0 30px #0080ff4d;--btn-secondary-shadow-hover:0 0 20px #0080ff26;--input-bg:#1e293b80;--input-border:#ffffff14;--input-border-focus:var(--color-primary-400);--input-shadow-focus:0 0 0 3px #0080ff26,0 0 20px #0080ff1a;--input-search-shadow-focus:0 0 0 3px #06b6d426,0 0 20px #06b6d41a;--sidebar-bg:var(--glass-bg);--sidebar-border:var(--color-border);--sidebar-link-hover-bg:linear-gradient(90deg,#0080ff1a,#0000);--sidebar-link-active-bg:linear-gradient(90deg,#0080ff26,#0000);--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 #00000080;--modal-backdrop:#000000b3;--dropdown-bg:var(--glass-bg);--dropdown-border:var(--color-border);--dropdown-shadow:var(--shadow-xl),0 0 40px #0000004d;--dropdown-item-hover:#0080ff1a;--status-completed-glow:0 0 15px #10b98133;--status-progress-glow:0 0 15px #0080ff33;--status-review-glow:0 0 15px #f59e0b33;--progress-glow:0 0 10px #0080ff4d;--avatar-hover-shadow:var(--shadow-lg),0 0 20px #0080ff4d;--tooltip-bg:var(--color-background-elevated);--tooltip-border:var(--color-border);--tooltip-shadow:var(--shadow-lg),0 0 20px #0000004d;--tooltip-text:var(--color-text-primary);--bg-gradient-primary:radial-gradient(ellipse 80% 50% at 20% -10%,#0080ff14 0%,#0000 50%);--bg-gradient-violet:radial-gradient(ellipse 60% 40% at 80% 0%,#8b5cf60f 0%,#0000 50%);--bg-gradient-cyan:radial-gradient(ellipse 50% 30% at 10% 100%,#06b6d40d 0%,#0000 50%);--bg-gradient-base:linear-gradient(180deg,#0a0f1a,#0d1320 50%,#111827);--card-blue-top:linear-gradient(180deg,#3b82f626,#3b82f60d);--card-blue-border-hover:#3b82f666;--card-blue-glow:0 0 60px #3b82f626;--card-blue-icon:#60a5fa;--card-purple-top:linear-gradient(180deg,#a855f726,#a855f70d);--card-purple-border-hover:#a855f766;--card-purple-glow:0 0 60px #a855f726;--card-purple-icon:#c084fc;--card-green-top:linear-gradient(180deg,#22c55e26,#22c55e0d);--card-green-border-hover:#22c55e66;--card-green-glow:0 0 60px #22c55e26;--card-green-icon:#4ade80;--card-teal-top:linear-gradient(180deg,#14b8a626,#14b8a60d);--card-teal-border-hover:#14b8a666;--card-teal-glow:0 0 60px #14b8a626;--card-teal-icon:#2dd4bf;--card-indigo-top:linear-gradient(180deg,#6366f126,#6366f10d);--card-indigo-border-hover:#6366f166;--card-indigo-glow:0 0 60px #6366f126;--card-indigo-icon:#818cf8;--card-rose-top:linear-gradient(180deg,#f43f5e26,#f43f5e0d);--card-rose-border-hover:#f43f5e66;--card-rose-glow:0 0 60px #f43f5e26;--card-rose-icon:#fb7185;--stage-cyan-bg:#00e5ff26;--stage-cyan-icon:#00e5ff;--stage-cyan-border-hover:#00e5ff4d;--stage-cyan-glow:0 8px 30px #00e5ff1a;--stage-violet-bg:#7c4dff26;--stage-violet-icon:#b388ff;--stage-violet-border-hover:#7c4dff4d;--stage-violet-glow:0 8px 30px #7c4dff1a;--stage-rose-bg:#ff525226;--stage-rose-icon:#ff5252;--stage-amber-bg:#ffc40026;--stage-amber-icon:#ffc400;--stage-emerald-bg:#00e67626;--stage-emerald-icon:#00e676;--stage-blue-bg:#0080ff26;--stage-blue-icon:#1a93ff;--badge-active-bg:#10b98126;--badge-active-text:#34d399;--badge-active-border:#10b9814d;--badge-progress-bg:#3b82f626;--badge-progress-text:#60a5fa;--badge-progress-border:#3b82f64d;--badge-completed-bg:#3b82f626;--badge-completed-text:#60a5fa;--badge-completed-border:#3b82f64d;--badge-review-bg:#f59e0b26;--badge-review-text:#fbbf24;--badge-review-border:#f59e0b4d;--badge-draft-bg:#64748b26;--badge-draft-text:#94a3b8;--badge-draft-border:#64748b4d;--activity-bg:linear-gradient(145deg,#111827e6,#0f172af2);--activity-item-hover:#0080ff14;--activity-icon-audio-bg:linear-gradient(135deg,#0080ff33,#0080ff1a);--activity-icon-audio-color:#1a93ff;--activity-icon-complete-bg:linear-gradient(135deg,#00e67633,#00e6761a);--activity-icon-complete-color:#00e676;--activity-icon-comment-bg:linear-gradient(135deg,#7c4dff33,#7c4dff1a);--activity-icon-comment-color:#b388ff;--header-bg:#0a0f1acc;--header-border:#ffffff0f;--header-shadow:0 1px 3px #0000004d;--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:#0080ff1a;--btn-ghost-hover-border:#0080ff4d;--btn-success-shadow-hover:0 4px 8px #0003,0 8px 24px #10b9814d;--btn-danger-shadow-hover:0 4px 8px #0003,0 8px 24px #f43f5e4d;--btn-icon-hover-bg:#0080ff1a;--btn-icon-hover-border:#0080ff4d;--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 #0000004d;--dashboard-title-gradient:linear-gradient(135deg,#fff,#94a3b8);--dashboard-title-icon-color:var(--color-warning-400);--stat-card-bg:linear-gradient(135deg,#1e293b99,#0f172a66);--stat-card-border:#ffffff14;--stat-card-border-hover:#3b82f64d;--stat-card-shadow-hover:0 20px 40px -12px #0006,0 0 60px #3b82f61a;--stat-card-glow-line:linear-gradient(90deg,#0000,#3b82f680 50%,#0000);--stat-icon-bg:linear-gradient(135deg,#3b82f633,#8b5cf61a);--stat-icon-color:var(--color-primary-400);--stat-value-gradient:linear-gradient(135deg,#fff,#94a3b8);--project-meta-border:#ffffff0f;--bg-mesh-primary:radial-gradient(ellipse 80% 50% at 0% 0%,#3b82f626 0%,#0000 50%);--bg-mesh-violet:radial-gradient(ellipse 60% 40% at 100% 0%,#8b5cf61f 0%,#0000 50%);--bg-mesh-cyan:radial-gradient(ellipse 50% 40% at 0% 100%,#06b6d41a 0%,#0000 50%);--bg-mesh-emerald:radial-gradient(ellipse 40% 30% at 100% 100%,#10b98114 0%,#0000 50%);--bg-mesh-base:linear-gradient(180deg,#0a0f1a,#050810);--aurora-opacity:1;--aurora-speed:60s;--aurora-color-1:#3b82f60d;--aurora-color-2:#8b5cf60a;--aurora-color-3:#06b6d40d;--particles-white-opacity:0.3;--particles-color-opacity:0.5;--orb-1-color:#3b82f64d;--orb-2-color:#8b5cf640;--orb-3-color:#06b6d440;--orb-opacity:0.8;--orb-blur:100px;--grid-line-color:#ffffff08;--noise-opacity:0.02;--beam-opacity:0.5;--page-title-gradient:linear-gradient(135deg,#fff,#94a3b8);--tabs-bg:#11182766;--tab-hover-bg:#ffffff0d;--tab-active-bg:#3b82f626;--tab-active-color:var(--color-primary-400);--tab-count-bg:#ffffff1a;--tab-count-active-bg:#3b82f64d;--filter-bar-bg:#11182799;--filter-bar-border:#ffffff14;--filter-input-bg:#1e293b80;--filter-input-border:#ffffff14;--filter-input-border-hover:#ffffff26;--project-card-bg:#111827b3;--project-card-border:#ffffff14;--project-card-border-hover:#3b82f666;--project-card-shadow-hover:0 20px 40px -12px #0006,0 0 60px #3b82f626;--project-card-icon-bg:linear-gradient(135deg,#3b82f633,#8b5cf61a);--project-card-icon-color:var(--color-primary-400);--project-card-footer-bg:#0003;--detail-header-bg:#111827cc;--detail-header-icon-bg:linear-gradient(135deg,#3b82f633,#8b5cf61a);--detail-header-icon-color:var(--color-primary-400);--detail-stats-border:#ffffff0f;--track-card-bg:#11182799;--track-card-border:#ffffff14;--track-card-border-hover:#3b82f64d;--track-card-drag-bg:#3b82f614;--track-progress-bg:#ffffff1a;--track-progress-fill:linear-gradient(90deg,var(--color-primary-500),var(--color-cyan-500));--stage-card-bg:#11182799;--stage-card-border:#ffffff14;--stage-card-border-hover:#3b82f64d;--stage-card-shadow-hover:0 8px 30px #0000004d,0 0 40px #3b82f61a;--stage-icon-bg:#ffffff14;--stage-order-bg:#ffffff14;--version-panel-bg:#111827f2;--version-item-bg:#ffffff08;--version-item-border:#ffffff0f;--version-item-hover-bg:#ffffff0f;--version-item-active-bg:#0080ff1a;--version-item-active-border:#0080ff66;--premium-card-bg:#0f172a99;--premium-card-border:#ffffff14;--premium-card-border-hover:#ffffff26;--premium-card-shadow-hover:0 20px 40px -12px #0006;--premium-top-bg:linear-gradient(180deg,#080c18f2,#0c1223e6);--premium-top-blue:linear-gradient(180deg,#0a142df2,#0f1932e6);--premium-top-purple:linear-gradient(180deg,#190a2df2,#1e0f32e6);--premium-top-green:linear-gradient(180deg,#081e14f2,#0a2319e6);--premium-top-teal:linear-gradient(180deg,#081e1ef2,#0a2323e6);--premium-top-indigo:linear-gradient(180deg,#0f0c28f2,#141232e6);--premium-top-rose:linear-gradient(180deg,#230814f2,#280c19e6);--premium-info-bg:#101520fa;--premium-footer-bg:#0f1423f2;--premium-footer-border:#ffffff0a;--premium-icon-wrapper-border:#ffffff26;--premium-icon-wrapper-bg:linear-gradient(135deg,#ffffff1a,#ffffff05);--premium-blue-border:#3b82f633;--premium-purple-border:#a855f733;--premium-green-border:#22c55e33;--premium-teal-border:#14b8a633;--premium-indigo-border:#6366f133;--premium-rose-border:#f43f5e33;--premium-blue-icon-wrapper-border:#3b82f680;--premium-blue-icon-wrapper-bg:linear-gradient(135deg,#3b82f640,#3b82f60d);--premium-purple-icon-wrapper-border:#a855f780;--premium-purple-icon-wrapper-bg:linear-gradient(135deg,#a855f740,#a855f70d);--premium-green-icon-wrapper-border:#22c55e80;--premium-green-icon-wrapper-bg:linear-gradient(135deg,#22c55e40,#22c55e0d);--premium-teal-icon-wrapper-border:#14b8a680;--premium-teal-icon-wrapper-bg:linear-gradient(135deg,#14b8a640,#14b8a60d);--premium-indigo-icon-wrapper-border:#6366f180;--premium-indigo-icon-wrapper-bg:linear-gradient(135deg,#6366f140,#6366f10d);--premium-rose-icon-wrapper-border:#f43f5e80;--premium-rose-icon-wrapper-bg:linear-gradient(135deg,#f43f5e40,#f43f5e0d);--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:#3b82f680;--premium-purple-glow:#a855f780;--premium-green-glow:#22c55e80;--premium-teal-glow:#14b8a680;--premium-indigo-glow:#6366f180;--premium-rose-glow:#f43f5e80;--premium-status-active-bg:#3b82f633;--premium-status-active-color:#60a5fa;--premium-status-active-border:#3b82f64d;--premium-status-review-bg:#a855f733;--premium-status-review-color:#c084fc;--premium-status-review-border:#a855f74d;--premium-status-completed-bg:#22c55e33;--premium-status-completed-color:#4ade80;--premium-status-completed-border:#22c55e4d;--premium-status-onhold-bg:#fbbf2433;--premium-status-onhold-color:#fbbf24;--premium-status-onhold-border:#fbbf244d;--premium-status-locked-bg:#64748b26;--premium-status-locked-color:#64748b;--premium-status-locked-border:#64748b33;--premium-activity-bg:linear-gradient(145deg,#1e293b99,#0f172a66);--premium-activity-border:#ffffff14;--premium-activity-item-hover:#3b82f61a;--premium-activity-icon-audio-bg:linear-gradient(135deg,#3b82f633,#3b82f61a);--premium-activity-icon-audio-color:#60a5fa;--premium-activity-icon-complete-bg:linear-gradient(135deg,#22c55e33,#22c55e1a);--premium-activity-icon-complete-color:#4ade80;--premium-activity-icon-comment-bg:linear-gradient(135deg,#a855f733,#a855f71a);--premium-activity-icon-comment-color:#c084fc;--premium-activity-icon-version-bg:linear-gradient(135deg,#fbbf2433,#fbbf241a);--premium-activity-icon-version-color:#fbbf24;--premium-activity-icon-upload-bg:linear-gradient(135deg,#06b6d433,#06b6d41a);--premium-activity-icon-upload-color:#22d3ee;--premium-activity-icon-mix-bg:linear-gradient(135deg,#ec489933,#ec48991a);--premium-activity-icon-mix-color:#f472b6;--premium-avatar-border:#192334}:root{--sidebar-accent-opacity:0.7;--card-project-shadow-hover:0 16px 32px -4px #0000001a,0 8px 16px -4px #0000000d;--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 #0000000d;--badge-shadow-hover:0 2px 4px #0000001a;--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 #00000014;--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 #0000001a;--pagination-active-bg:var(--color-primary-500);--pagination-active-color:#fff;--pagination-active-shadow:0 2px 8px #3b82f64d;--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:0.9;--card-project-shadow-hover:0 20px 40px -4px #00000080,0 0 50px #0080ff26;--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:#ffffff05;--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 #0000004d;--badge-shadow-hover:0 2px 6px #0006;--badge-primary-bg:#3b82f633;--badge-primary-text:var(--color-primary-300);--badge-success-bg:#22c55e33;--badge-success-text:var(--color-success-300);--badge-warning-bg:#f59e0b33;--badge-warning-text:var(--color-warning-300);--badge-danger-bg:#ef444433;--badge-danger-text:var(--color-error-300);--alert-shadow:0 1px 3px #0000004d;--alert-info-bg:#0ea5e926;--alert-info-border:var(--color-info-400);--alert-info-text:var(--color-info-300);--alert-success-bg:#22c55e26;--alert-success-border:var(--color-success-400);--alert-success-text:var(--color-success-300);--alert-warning-bg:#f59e0b26;--alert-warning-border:var(--color-warning-400);--alert-warning-text:var(--color-warning-300);--alert-error-bg:#ef444426;--alert-error-border:var(--color-error-400);--alert-error-text:var(--color-error-300);--pagination-hover-shadow:0 4px 12px #0000004d;--pagination-active-bg:var(--color-primary-500);--pagination-active-color:#fff;--pagination-active-shadow:0 2px 12px #3b82f666;--empty-state-bg:var(--color-background-subtle);--empty-state-border:var(--color-border);--empty-state-icon-color:var(--color-gray-500)}:root{--select-arrow-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236B7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");--dropdown-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--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 #3b82f61a;--input-success-shadow:0 0 0 3px #22c55e1a;--input-error-shadow:0 0 0 3px #ef44441a;--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 #0003;--range-thumb-hover-shadow:0 4px 8px #3b82f666;--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 #2563eb4d;--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 #0003;--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 #0000001f,0 2px 8px #00000014;--toast-hover-shadow:0 12px 32px #00000029,0 4px 12px #0000001f;--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:#fffffff2;--waveform-panel-active-shadow:0 0 20px #3b82f633;--waveform-panel-a-shadow:0 0 20px #3b82f64d;--waveform-panel-b-shadow:0 0 20px #8b5cf64d;--play-btn-gradient-start:var(--color-primary-500);--play-btn-gradient-end:var(--color-primary-600);--play-btn-shadow:0 4px 14px #3b82f666;--play-btn-hover-shadow:0 6px 20px #3b82f680;--marker-selected-bg:var(--color-primary-100);--marker-selected-shadow:0 2px 8px #3b82f633;--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 #3b82f64d;--drag-state-bg:var(--color-primary-50);--drag-state-shadow:0 8px 16px #3b82f633;--ai-toggle-bg:#3b82f60d;--ai-toggle-border:#3b82f633;--track-card-hover-shadow:0 2px 8px #3b82f61a;--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 #10b9814d;--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 #3b82f64d;--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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239CA3AF' d='M6 9 1 4h10z'/%3E%3C/svg%3E");--dropdown-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;--dropdown-danger-color:var(--color-error-400);--dropdown-danger-hover-bg:#ef444426;--dropdown-danger-hover-color:var(--color-error-300);--input-focus-shadow:0 0 0 3px #3b82f633;--input-success-shadow:0 0 0 3px #22c55e33;--input-error-shadow:0 0 0 3px #ef444433;--input-success-bg:#22c55e1a;--input-error-bg:#ef44441a;--form-info-box-bg:#3b82f61a;--form-info-box-border:#3b82f64d;--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:#3b82f61a;--file-input-dragover-bg:#3b82f626;--range-thumb-shadow:0 2px 4px #0006;--range-thumb-hover-shadow:0 4px 8px #3b82f680;--track-icon-bg:#3b82f626;--track-icon-color:var(--color-primary-400);--icon-btn-success-hover-bg:#22c55e26;--btn-primary-hover-shadow:0 4px 12px #2563eb4d;--marker-delete-hover-bg:#ef444426;--marker-delete-hover-color:var(--color-error-300);--zoom-btn-hover-bg:#3b82f61a;--zoom-btn-hover-border:#3b82f666;--zoom-btn-hover-color:var(--color-primary-400);--mode-btn-hover-bg:#3b82f61a;--sync-btn-hover-bg:#3b82f61a;--control-btn-hover-bg:#3b82f61a;--volume-thumb-shadow:0 2px 6px #0006;--notification-error-bg:#ef444426;--notification-error-border:#ef44444d;--notification-error-text:var(--color-error-300);--notification-success-bg:#22c55e26;--notification-success-border:#22c55e4d;--notification-success-text:var(--color-success-300);--notification-warning-bg:#f59e0b26;--notification-warning-border:#f59e0b4d;--notification-warning-text:var(--color-warning-300);--notification-info-bg:#3b82f626;--notification-info-border:#3b82f64d;--notification-info-text:var(--color-primary-300);--toast-shadow:0 8px 24px #0006,0 2px 8px #0000004d;--toast-hover-shadow:0 12px 32px #00000080,0 4px 12px #0006;--toast-success-icon-bg:#22c55e26;--toast-success-icon-color:var(--color-success-400);--toast-success-title:var(--color-success-300);--toast-error-icon-bg:#ef444426;--toast-error-icon-color:var(--color-error-400);--toast-error-title:var(--color-error-300);--toast-warning-icon-bg:#f59e0b26;--toast-warning-icon-color:var(--color-warning-400);--toast-warning-title:var(--color-warning-300);--toast-info-icon-bg:#3b82f626;--toast-info-icon-color:var(--color-primary-400);--toast-info-title:var(--color-primary-300);--filter-tab-active-bg:#3b82f626;--filter-tab-active-color:var(--color-primary-400);--waveform-loading-overlay-bg:#111827f2;--waveform-panel-active-shadow:0 0 20px #3b82f626;--waveform-panel-a-shadow:0 0 20px #3b82f633;--waveform-panel-b-shadow:0 0 20px #8b5cf633;--play-btn-gradient-start:#3b82f6b3;--play-btn-gradient-end:#2563ebb3;--play-btn-shadow:0 4px 14px #3b82f64d;--play-btn-hover-shadow:0 6px 20px #3b82f666;--marker-selected-bg:#3b82f626;--marker-selected-shadow:0 2px 8px #3b82f640;--marker-hover-bg:#3b82f61a;--marker-time-color:var(--color-primary-400);--add-comment-hint-bg:#3b82f61a;--add-comment-hint-border:#3b82f64d;--add-comment-hint-color:var(--color-primary-400);--upload-icon-gradient-start:#3b82f699;--upload-icon-gradient-end:#2563eb99;--upload-icon-shadow:0 8px 24px #3b82f633;--drag-state-bg:#3b82f61a;--drag-state-shadow:0 8px 16px #3b82f626;--ai-toggle-bg:#3b82f61a;--ai-toggle-border:#3b82f64d;--track-card-hover-shadow:0 2px 8px #3b82f626;--artwork-badge-bg:#22c55e26;--artwork-badge-color:var(--color-success-400);--progress-step-active-bg:#3b82f61a;--progress-step-active-border:#3b82f64d;--progress-step-complete-bg:#22c55e1a;--success-icon-gradient-start:#10b98199;--success-icon-gradient-end:#05966999;--success-icon-shadow:0 8px 24px #10b98133;--success-title-color:var(--color-success-400);--error-banner-bg:#ef444426;--error-banner-border:#ef44444d;--error-banner-color:var(--color-error-300);--mode-btn-active-bg:#3b82f699;--mode-btn-active-border:var(--color-primary-500);--mode-btn-active-shadow:0 2px 8px #3b82f64d;--sync-btn-active-bg:#22c55e26;--sync-btn-active-border:#22c55e66;--sync-btn-active-color:var(--color-success-400);--version-label-a-bg:#3b82f699;--version-label-b-bg:#8b5cf699;--version-number-bg:#3b82f633;--version-number-color:var(--color-primary-400)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5;tab-size:4}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background-subtle);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}a{color:inherit}a,a:hover{text-decoration:none}ol,ul{list-style:none}img{display:block;height:auto;max-width:100%}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0}button{background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-semibold);line-height:var(--leading-tight)}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{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.container{margin:0 auto;max-width:var(--container-xl);padding:0 var(--space-4);width:100%}@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}.label,.tracking-wider{letter-spacing:.05em}.label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.metadata-text{color:var(--color-text-muted);font-size:var(--text-sm)}.body-text{font-size:var(--text-base);line-height:var(--leading-relaxed)}.body-text,.caption{color:var(--color-text-secondary)}.caption{font-size:var(--text-sm);line-height:var(--leading-normal)}.subheading{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-tight)}.heading-with-description{display:flex;flex-direction:column;gap:var(--space-2)}.heading-with-description .heading{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.heading-with-description .description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.user-info-text .user-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.user-info-text .user-email,.user-info-text .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-text .user-email{color:var(--color-text-muted);font-size:var(--text-xs)}.badge-text{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.025em;text-transform:capitalize}.text-mono{font-family:var(--font-mono)}.status-text,.text-mono{font-size:var(--text-sm)}.status-text{font-weight:var(--font-semibold);line-height:var(--leading-normal)}.empty-state-text .title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state-text .description{color:var(--color-text-secondary);font-size:var(--text-base);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-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:var(--space-1)!important;padding-top:var(--space-1)!important}.py-2{padding-bottom:var(--space-2)!important;padding-top:var(--space-2)!important}.py-3{padding-bottom:var(--space-3)!important;padding-top:var(--space-3)!important}.py-4{padding-bottom:var(--space-4)!important;padding-top:var(--space-4)!important}.py-5{padding-bottom:var(--space-5)!important;padding-top:var(--space-5)!important}.py-6{padding-bottom:var(--space-6)!important;padding-top:var(--space-6)!important}.py-8{padding-bottom:var(--space-8)!important;padding-top:var(--space-8)!important}.py-10{padding-bottom:var(--space-10)!important;padding-top:var(--space-10)!important}.py-12{padding-bottom:var(--space-12)!important;padding-top: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-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:var(--space-1)!important;margin-top:var(--space-1)!important}.my-2{margin-bottom:var(--space-2)!important;margin-top:var(--space-2)!important}.my-3{margin-bottom:var(--space-3)!important;margin-top:var(--space-3)!important}.my-4{margin-bottom:var(--space-4)!important;margin-top:var(--space-4)!important}.my-5{margin-bottom:var(--space-5)!important;margin-top:var(--space-5)!important}.my-6{margin-bottom:var(--space-6)!important;margin-top:var(--space-6)!important}.my-8{margin-bottom:var(--space-8)!important;margin-top:var(--space-8)!important}.my-auto{margin-bottom:auto!important;margin-top: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-bottom:var(--space-3)!important;padding-top:var(--space-3)!important}.sm\:py-4{padding-bottom:var(--space-4)!important;padding-top: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-bottom:var(--space-2)!important;padding-top:var(--space-2)!important}.xs\:py-3{padding-bottom:var(--space-3)!important;padding-top: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{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.line-clamp-4{-webkit-line-clamp:4}.break-words{word-wrap:break-word;overflow-wrap:break-word;word-break: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{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.overflow-x-hide-scrollbar::-webkit-scrollbar{display:none}.scrollbar-styled{scrollbar-color:var(--color-border) #0000;scrollbar-width:thin}.scrollbar-styled::-webkit-scrollbar{height:8px;width:8px}.scrollbar-styled::-webkit-scrollbar-track{background:#0000}.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{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}}.focus-ring:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary-500);outline-offset:2px}.focus-ring-inset:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary-500);outline-offset:-2px}.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{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-gray-200) 0,var(--color-gray-100) 50%,var(--color-gray-200) 100%);background-size:200% 100%;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}}.btn,.button{will-change:transform}.btn:hover:not(:disabled),.button:hover:not(:disabled){box-shadow:0 4px 8px -2px #0000001a;transform:translateY(-1px)}.btn:active:not(:disabled),.button:active:not(:disabled){box-shadow:none;transform:translateY(0);transition:all .1s ease}.btn:disabled,.button:disabled{transform:none}.btn--primary,.btn-primary,.button-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));box-shadow:0 2px 4px #3b82f633}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled),.button-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));box-shadow:0 6px 12px #3b82f64d}.btn--primary:active:not(:disabled),.btn-primary:active:not(:disabled),.button-primary:active:not(:disabled){background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));box-shadow:0 1px 2px #3b82f633;transform:translateY(0)}.btn--secondary,.btn-secondary,.button-secondary{background:var(--color-background-subtle);background:var(--btn-secondary-bg,var(--color-background-subtle));border:1px solid var(--btn-secondary-border,var(--color-border-strong))}.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.button-secondary:hover:not(:disabled){background:var(--color-background-muted);background:var(--btn-secondary-bg-hover,var(--color-background-muted))}.btn--secondary:active:not(:disabled),.btn-secondary:active:not(:disabled),.button-secondary:active:not(:disabled){background:var(--color-background-muted);background:var(--btn-secondary-bg-active,var(--color-background-muted));border-color:var(--color-primary-500)}.btn--ghost,.btn-ghost,.button-ghost{background:#0000;border:1px solid var(--btn-ghost-border,var(--color-border));color:var(--color-text-secondary);color:var(--btn-ghost-color,var(--color-text-secondary))}.btn--ghost:hover:not(:disabled),.btn-ghost:hover:not(:disabled),.button-ghost:hover:not(:disabled){background:var(--color-background-subtle);background:var(--btn-ghost-bg-hover,var(--color-background-subtle));border-color:var(--btn-ghost-border-hover,var(--color-border-strong));color:var(--color-text-primary);color:var(--btn-ghost-color-hover,var(--color-text-primary))}.btn--ghost:active:not(:disabled),.btn-ghost:active:not(:disabled),.button-ghost:active:not(:disabled){background:var(--color-background-muted)}.btn-danger,.button-danger{background:linear-gradient(135deg,var(--color-error-500),var(--color-error-600));border-color:var(--color-error-500);box-shadow:0 2px 4px #ef444433;color:#fff}.btn-danger:hover:not(:disabled),.button-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)}.btn-danger:active:not(:disabled),.button-danger:active:not(:disabled){background:linear-gradient(135deg,var(--color-error-700),var(--color-error-800));transform:translateY(0)}.btn-success,.button-success{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));border-color:var(--color-success-500);box-shadow:0 2px 4px #22c55e33;color:#fff}.btn-success:hover:not(:disabled),.button-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)}.btn-success:active:not(:disabled),.button-success:active:not(:disabled){background:linear-gradient(135deg,var(--color-success-700),var(--color-success-800));transform:translateY(0)}.btn-outline{background:#0000;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)}.btn--sm,.btn-sm,.button--sm,.button-small{font-size:var(--text-sm);height:32px;padding:var(--space-2) var(--space-3)}.btn-md,.button--md,.button-medium{font-size:var(--text-base);height:40px;padding:var(--space-2-5) var(--space-4)}.btn-lg,.button--lg,.button-large{font-size:var(--text-lg);height:48px;padding:var(--space-3) var(--space-5)}.btn-compact{font-size:var(--text-sm);height:auto;min-height:28px;padding:var(--space-1-5) var(--space-3)}.btn-icon,.icon-button{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:all var(--transition-fast);width:40px}.btn-icon:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--color-background-subtle);border-color:var(--color-border-strong);color:var(--color-text-primary);transform:scale(1.05)}.btn-icon:active:not(:disabled),.icon-button:active:not(:disabled){background:var(--color-background-muted);transform:scale(.95)}.btn-icon--small,.icon-button--small{height:32px;width:32px}.btn-icon--large,.icon-button--large{height:48px;width:48px}.btn--loading,.button--loading,.button-loading{color:#0000!important;pointer-events:none}.btn--loading:after,.button--loading:after,.button-loading:after{animation:spinner-rotation .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;content:"";height:16px;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes spinner-rotation{to{transform:translate(-50%,-50%) rotate(1turn)}}.btn-primary.btn--loading:after,.button-primary.button--loading:after{border-color:#0000 #fff #fff}.btn-secondary.btn--loading:after,.button-secondary.button--loading:after{border-color:var(--color-primary-500);border-top-color:#0000}.btn-danger.btn--loading:after,.button-danger.button--loading:after{border-color:#0000 #fff #fff}.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-bottom-right-radius:0;border-top-right-radius:0}.btn-group--seamless .btn:last-child,.btn-group--seamless .button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.fab{align-items:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border:none;border-radius:var(--radius-full);bottom:var(--space-6);box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:var(--space-6);transition:all var(--transition-normal);width:56px;z-index:100}.fab:hover{box-shadow:0 8px 20px #3b82f680;transform:scale(1.1) translateY(-2px)}.fab:active{box-shadow:0 4px 12px #3b82f666;transform:scale(1.05)}.split-button{display:inline-flex;position:relative}.split-button__main{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.split-button__dropdown{border-bottom-left-radius:0;border-top-left-radius:0;min-width:auto;padding:0 var(--space-3)}.split-button__dropdown:hover,.split-button__main:hover{z-index:1}.btn-toggle{background:var(--color-background-subtle);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);box-shadow:0 2px 4px #3b82f64d;color:#fff}.btn-toggle.active:hover{background:var(--color-primary-600);transform:translateY(-1px)}.btn--icon-left,.btn--icon-right{align-items:center;display:inline-flex;gap:var(--space-2)}.btn--icon-left svg,.btn--icon-right svg{transition:transform var(--transition-fast)}.btn--icon-left:hover svg{transform:translateX(-2px)}.btn--icon-right:hover svg{transform:translateX(2px)}.btn-block,.btn-full{justify-content:center;width:100%}.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{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.btn--ripple:active:after{height:300px;width:300px}.view-button:hover,.view-toggle-btn:hover,.view-toggle-button:hover{background:var(--color-hover-bg)}.view-button.active,.view-toggle-btn--active,.view-toggle-btn.active,.view-toggle-button.active{background:var(--color-background-elevated);color:var(--color-primary-500)}@media (prefers-reduced-motion:reduce){.btn,.btn-danger,.btn-ghost,.btn-icon,.btn-primary,.btn-secondary,.btn-success,.btn-toggle,.button,.fab,.icon-button{transition:none}.btn-icon:hover,.btn:hover,.button:hover,.fab:hover,.icon-button:hover{transform:none}.btn--pulse{animation:none}.btn--ripple:after{display:none}}.form-group,.form-row{margin-bottom:var(--space-5)}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-input,.form-select,.form-textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus,input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{border-color:var(--color-primary-500);box-shadow:var(--input-focus-shadow);outline:none}.form-input:hover:not(:focus):not(:disabled),.form-select:hover:not(:focus):not(:disabled),.form-textarea:hover:not(:focus):not(:disabled),input:not([type=checkbox]):not([type=radio]):not([type=range]):hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){background:var(--color-background-subtle);border-color:var(--color-gray-300)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,input:disabled,select:disabled,textarea:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.6}.read-only-field{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);padding:var(--space-3) var(--space-4)}.form-textarea,textarea{line-height:var(--leading-relaxed);min-height:100px;resize:vertical}.form-select,select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236B7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-image:var(--select-arrow-icon,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236B7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E"));background-position:right var(--space-3) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--space-8)}.form-input.is-valid,.input--success,input.is-valid,textarea.is-valid{background:var(--input-success-bg);border-color:var(--color-success-500)}.form-input.is-valid:focus,.input--success:focus,input.is-valid:focus,textarea.is-valid:focus{box-shadow:var(--input-success-shadow)}.form-input.error,.form-input.is-invalid,.form-select.error,.form-textarea.error,.input--error,input.is-invalid,textarea.is-invalid{background:var(--input-error-bg);border-color:var(--color-error-500)}.form-input.is-invalid:focus,.form-select.error:focus,.form-textarea.error:focus,.input--error:focus,input.error:focus,input.is-invalid:focus,textarea.error:focus,textarea.is-invalid:focus{box-shadow:var(--input-error-shadow)}.form-feedback{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-top:var(--space-2)}.form-feedback__icon{flex-shrink:0}.field-success,.form-feedback--success{color:var(--color-success-600);color:var(--form-feedback-success-color,var(--color-success-600))}.field-error,.form-feedback--error{color:var(--color-error-600);color:var(--form-feedback-error-color,var(--color-error-600))}.form-feedback--warning{color:var(--color-warning-600);color:var(--form-feedback-warning-color,var(--color-warning-600))}.input-with-icon,.input-wrapper{align-items:center;display:flex;position:relative}.input-with-icon .input-icon,.input-wrapper__icon{color:var(--color-text-muted);left:var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-fast);z-index:1}.input-wrapper__icon--right{left:auto;right:var(--space-3)}.input-with-icon:focus-within .input-icon,.input-wrapper:focus-within .input-wrapper__icon{color:var(--color-primary-500)}.input-with-icon .form-input,.input-with-icon input,.input-wrapper--left-icon 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{background:var(--color-background);color:var(--color-text-muted);left:var(--space-4);padding:0 var(--space-1);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.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{color:var(--color-primary-500);font-size:var(--text-xs);top:0;transform:translateY(-50%)}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;background:var(--color-background);border:2px solid var(--color-border);cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:all var(--transition-fast);width:20px}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){background:var(--color-primary-50);border-color:var(--color-primary-400)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--color-primary-500);border-color:var(--color-primary-500)}input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:4px}input[type=radio]:checked:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:var(--input-focus-shadow);outline:none}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch__slider{background:var(--color-gray-300);border-radius:var(--radius-full);bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-switch__slider,.toggle-switch__slider:before{position:absolute;transition:all var(--transition-fast)}.toggle-switch__slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:var(--range-thumb-shadow);content:"";height:18px;left:3px;width:18px}.toggle-switch input:checked+.toggle-switch__slider{background:var(--color-primary-500)}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translateX(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{display:inline-block;position:relative}.file-input-wrapper input[type=file]{height:0;opacity:0;position:absolute;width:0}.file-input-label{align-items:center;background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.file-input-label:hover{background:var(--color-primary-50);background:var(--file-input-hover-bg,var(--color-primary-50));border-color:var(--color-primary-400);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{background:var(--color-primary-100);background:var(--file-input-dragover-bg,var(--color-primary-100));border-color:var(--color-primary-500)}input[type=range]{-webkit-appearance:none;appearance:none;background:var(--color-gray-200);border-radius:var(--radius-full);height:6px;outline:none;transition:all var(--transition-fast);width:100%}input[type=range]:hover{background:var(--color-gray-300)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary-500);border-radius:50%;box-shadow:var(--range-thumb-shadow);cursor:pointer;height:18px;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);width:18px}input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--range-thumb-hover-shadow);transform:scale(1.2)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}input[type=range]::-moz-range-thumb{background:var(--color-primary-500);border:none;border-radius:50%;box-shadow:var(--range-thumb-shadow);cursor:pointer;height:18px;-moz-transition:all var(--transition-fast);transition:all var(--transition-fast);width:18px}input[type=range]::-moz-range-thumb:hover{box-shadow:var(--range-thumb-hover-shadow);transform:scale(1.2)}.search-input-wrapper{position:relative}.search-input,.search-input-wrapper{align-items:center;display:flex}.search-input .search-icon{color:var(--color-text-muted);flex-shrink:0;left:var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-fast);z-index:1}.search-input:focus-within .search-icon{color:var(--color-primary-500)}.search-input .search-input-field,.search-input input[type=search],.search-input input[type=text]{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-3) var(--space-10) var(--space-3) calc(var(--space-3) + 24px)!important;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.search-input .search-input-field:focus,.search-input input:focus{border-color:var(--color-primary-500);box-shadow:var(--input-focus-shadow);outline:none}.search-input .search-input-field:hover:not(:focus),.search-input input:hover:not(:focus){border-color:var(--color-gray-300)}.search-input .search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);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 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}.form-info-box{background:var(--form-info-box-bg,var(--color-primary-50));border:1px solid var(--form-info-box-border,var(--color-primary-200))}.form-info-box h4{color:var(--form-info-box-title,var(--color-primary-700))}.form-info-box li{color:var(--form-info-box-text,var(--color-primary-700))}.filter-select{background-image:var(--select-arrow-icon,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236B7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E"));padding:var(--space-2) var(--space-3)}.filter-select:focus{box-shadow:var(--input-focus-shadow)}@media (prefers-reduced-motion:reduce){.file-input-label,.form-feedback,.form-feedback__icon,.form-input,.form-select,.form-textarea,.input-icon,.input-wrapper__icon,.password-toggle,.search-icon,.toggle-switch__slider,.toggle-switch__slider:before,input,input[type=checkbox],input[type=radio],input[type=range],input[type=range]::-moz-range-thumb,input[type=range]::-webkit-slider-thumb,select,textarea{-webkit-transition:none;-moz-transition:none;transition:none}}.modal .project-form-container,.modal .project-form-wrapper,.modal-large .project-form-container,.modal-large .project-form-wrapper{display:contents}.modal .project-form-container .modal-header,.modal .project-form-wrapper .modal-header,.modal-large .project-form-container .modal-header,.modal-large .project-form-wrapper .modal-header{display:none!important}.modal .project-form-container .modal-content,.modal .project-form-container form.modal-content,.modal .project-form-wrapper .modal-content,.modal-large .project-form-container .modal-content,.modal-large .project-form-container form.modal-content,.modal-large .project-form-wrapper .modal-content{display:block;flex:1 1 auto;max-height:calc(90vh - 180px);min-height:200px;overflow-y:auto;padding:var(--space-6)}.modal .project-form-container .modal-actions,.modal .project-form-wrapper .modal-actions,.modal-large .project-form-container .modal-actions,.modal-large .project-form-wrapper .modal-actions{background:var(--color-background);border-top:1px solid var(--color-border);display:flex;flex-shrink:0;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6)}.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>.modal-content,.modal.modal-large>.project-form-container,.modal.modal-large>form{flex:1 1 auto;min-height:0;overflow-y:auto}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--color-background-elevated)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;box-shadow:var(--dropdown-shadow,var(--shadow-lg))!important;display:block!important;left:auto!important;margin:0!important;min-width:160px!important;padding:var(--space-2)!important;position:absolute!important;right:0!important;top:calc(100% + 4px)!important;z-index:1000!important;z-index:var(--z-dropdown,1000)!important}.dropdown-item{align-items:center!important;background:#0000!important;border:none!important;border-radius:var(--radius-md)!important;color:var(--color-text-primary)!important;cursor:pointer!important;display:flex!important;flex-direction:row!important;font-size:var(--text-sm)!important;font-weight:var(--font-medium)!important;gap:var(--space-2)!important;margin-bottom:2px!important;padding:var(--space-2) var(--space-3)!important;text-align:left!important;transition:all var(--transition-fast)!important;white-space:nowrap!important;width:100%!important}.dropdown-item:last-child{margin-bottom:0!important}.dropdown-item svg{color:var(--color-text-muted)!important;flex-shrink:0!important;height:14px!important;transition:color var(--transition-fast)!important;width:14px!important}.dropdown-item:hover{background:var(--color-background-muted)!important}.dropdown-item:hover,.dropdown-item:hover svg{color:var(--color-text-primary)!important}.dropdown-item--danger{color:var(--color-error-600)!important;color:var(--dropdown-danger-color,var(--color-error-600))!important}.dropdown-item--danger:hover{background:var(--color-error-50)!important;background:var(--dropdown-danger-hover-bg,var(--color-error-50))!important;color:var(--color-error-700)!important;color:var(--dropdown-danger-hover-color,var(--color-error-700))!important}.dropdown-backdrop{background:#0000!important;bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:999!important;z-index:calc(var(--z-dropdown, 1000) - 1)!important}@media (max-width:768px){.card-actions{opacity:1!important}}.user-menu-button{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:background-color var(--transition-fast)}.user-menu-button:hover{background-color:var(--color-hover-bg)}.user-menu-button .user-avatar{align-items:center;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000001f;color:#fff;display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);height:32px;justify-content:center;width:32px}.user-menu-button .chevron-icon{color:var(--color-text-muted);transition:transform .2s ease}.user-menu-button .chevron-icon.open{transform:rotate(180deg)}.user-menu-dropdown{background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:280px;min-width:240px;overflow:hidden;padding:0;position:absolute;right:0;top:calc(100% + var(--space-2));z-index:var(--z-dropdown)}.user-menu-header{background:var(--color-background-subtle);border-bottom:1px solid var(--color-border);padding:var(--space-4)}.user-menu-header-content{align-items:center;display:flex;gap:var(--space-3)}.user-menu-header .user-avatar-large{align-items:center;border-radius:var(--radius-full);box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);height:40px;justify-content:center;width:40px}.user-menu-info{flex:1 1;min-width:0}.user-menu-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.user-menu-email,.user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email,.user-menu-role-badge{color:var(--color-text-muted);font-size:var(--text-xs)}.user-menu-role-badge{background:var(--color-background-muted);border-radius:var(--radius-sm);display:inline-block;font-weight:var(--font-medium);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);text-transform:capitalize}.user-menu-items{padding:var(--space-2)}.user-menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);padding:var(--space-3);text-align:left;transition:all var(--transition-fast);width:100%}.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{background:var(--color-border);height:1px;margin:var(--space-1) 0}.user-menu-item.danger,.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{color:var(--color-text-secondary)}[data-theme=dark] .user-menu-item:hover,[data-theme=dark] .user-menu-role-badge{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}@media (prefers-reduced-motion:reduce){.toast{animation:toast-fade-in .2s ease}.toast--exiting{animation:toast-fade-out .2s ease forwards}.toast:hover{transform:none}.toast--loading .toast__icon,.toast__icon{animation:none}.toast__action-btn:hover,.toast__close:hover{transform:none}}.auth-page-ultra{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;padding:var(--space-6);position:relative}.auth-container-ultra{animation:fadeUp .6s cubic-bezier(.16,1,.3,1);max-width:440px;width:100%;z-index:1}.auth-container-ultra.auth-container-wide{grid-gap:var(--space-8);align-items:center;display:grid;gap:var(--space-8);grid-template-columns:1.1fr .9fr;max-width:900px}@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{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111827b3;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 4px 24px #0006,0 0 60px #0080ff14,inset 0 1px 0 #ffffff0d;padding:var(--space-8)}.auth-header-ultra{margin-bottom:var(--space-6);text-align:center}.auth-icon-ultra{align-items:center;background:linear-gradient(135deg,#0080ff,#06c);border-radius:16px;box-shadow:0 4px 16px #0080ff66,inset 0 1px 0 #fff3;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto var(--space-4);width:60px}.auth-title-ultra{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 var(--space-2)}.auth-subtitle-ultra{color:#94a3b8;font-size:.95rem;margin:0}.auth-error-ultra{align-items:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;display:flex;font-size:.875rem;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)}.auth-error-ultra svg{color:#f87171;flex-shrink:0}.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{color:#e2e8f0;font-size:.875rem;font-weight:500}.auth-label-ultra .required{color:#f87171;margin-left:2px}.auth-input-ultra{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.auth-input-ultra::placeholder{color:#64748b}.auth-input-ultra:focus{background:#0080ff14;border-color:#0080ff;box-shadow:0 0 0 3px #0080ff26,0 0 20px #0080ff1a;outline:none}.auth-input-ultra:disabled{cursor:not-allowed;opacity:.5}.auth-select-ultra{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;padding-right:44px}.auth-select-ultra option{background:#1a2234;color:#fff}.auth-password-wrapper-ultra{align-items:center;display:flex;position:relative}.auth-password-wrapper-ultra .auth-input-ultra{padding-right:48px}.auth-password-toggle-ultra{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;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{color:#64748b;font-size:.75rem;margin:var(--space-1) 0 0 0}.auth-submit-ultra{align-items:center;background:linear-gradient(135deg,#0080ff,#06c);border:none;border-radius:14px;box-shadow:0 2px 8px #0003,0 4px 16px #0080ff4d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:var(--space-2);justify-content:center;margin-top:var(--space-2);padding:14px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.auth-submit-ultra:hover:not(:disabled){box-shadow:0 4px 12px #00000040,0 8px 24px #0080ff66,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.auth-submit-ultra:active:not(:disabled){transform:translateY(0)}.auth-submit-ultra:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-footer-ultra{border-top:1px solid #ffffff14;margin-top:var(--space-6);padding-top:var(--space-6);text-align:center}.auth-footer-ultra p{color:#94a3b8;font-size:.875rem;margin:0}.auth-link-ultra{color:#60a5fa;font-weight:500;text-decoration:none;transition:color .2s ease}.auth-link-ultra:hover{color:#93c5fd;text-decoration:underline}.auth-info-ultra{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .1s both;padding:var(--space-6)}.auth-info-ultra h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 var(--space-4)}.auth-info-ultra p{color:#94a3b8;font-size:1rem;line-height:1.7;margin:0}@media (max-width:480px){.auth-page-ultra{padding:var(--space-4)}.auth-card-ultra{border-radius:20px;padding:var(--space-6)}.auth-title-ultra{font-size:1.5rem}.auth-icon-ultra{height:52px;width:52px}}.auth-invitation-details-ultra{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;margin-bottom:var(--space-5);padding:var(--space-5)}.auth-invitation-details-ultra .invitation-project{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 var(--space-3)}.auth-invitation-details-ultra .invitation-role{align-items:center;background:#0080ff26;border-radius:20px;color:#60a5fa;display:inline-flex;font-size:.875rem;font-weight:500;padding:var(--space-1) var(--space-3)}.auth-invitation-details-ultra .invitation-inviter{color:#94a3b8;font-size:.875rem;margin-top:var(--space-3)}.auth-loading-ultra{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.auth-loading-ultra .loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#0080ff;height:40px;width:40px}.card-list{grid-gap:var(--space-4);display:grid;gap:var(--space-4);max-width:100%;width:100%}.card-list--grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.card-list--list{gap:var(--space-3);grid-template-columns:1fr}.card-list--horizontal{align-items:stretch;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.card-list--project{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr))}.card-list--track{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.card-list--stage{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.card-list--user{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.status--completed,.status--in-progress,.status--locked,.status--not-started,.status--pending,.status--progress,.status--review,.status-badge,.status-indicator,.status-indicator--completed,.status-indicator--in-progress,.status-indicator--locked,.status-indicator--not-started,.status-indicator--pending,.status-indicator--progress,.status-indicator--review{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-2);line-height:1.2;padding:var(--space-2) var(--space-3);text-transform:capitalize;transition:all var(--transition-fast);white-space:nowrap}.status--completed,.status-indicator--completed{background:var(--color-status-completed-bg);border:1px solid var(--color-status-completed-border);color:var(--color-status-completed-text)}.status--completed:before,.status-indicator--completed:before{content:"✓";font-weight:var(--font-bold);margin-right:var(--space-1)}.status--in-progress,.status--progress,.status-indicator--in-progress,.status-indicator--progress{background:var(--color-status-progress-bg);border:1px solid var(--color-status-progress-border);color:var(--color-status-progress-text)}.status--in-progress:before,.status--progress:before,.status-indicator--in-progress:before,.status-indicator--progress:before{animation:rotate 2s linear infinite;content:"◐";display:inline-block;margin-right:var(--space-1)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status--pending,.status--review,.status-indicator--pending,.status-indicator--review{background:var(--color-status-review-bg);border:1px solid var(--color-status-review-border);color:var(--color-status-review-text)}.status--pending:before,.status--review:before,.status-indicator--pending:before,.status-indicator--review:before{content:"⏱";margin-right:var(--space-1)}.status--not-started,.status-indicator--not-started{background:var(--color-gray-50);border:1px solid var(--color-gray-200);color:var(--color-gray-600)}.status--not-started:before,.status-indicator--not-started:before{content:"○";margin-right:var(--space-1)}.status--locked,.status-indicator--locked{background:var(--color-gray-100);border:1px solid var(--color-gray-300);color:var(--color-gray-500);opacity:.7}.status--locked:before,.status-indicator--locked:before{content:"🔒";font-size:var(--text-xs);margin-right:var(--space-1)}@media (prefers-reduced-motion:reduce){.status--in-progress:before,.status--progress:before,.status-indicator--in-progress:before,.status-indicator--progress:before{animation:none}}a.status-indicator:focus-visible,button.status-indicator:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}a.status-indicator:hover:not(.status-indicator--locked),button.status-indicator:hover:not(.status-indicator--locked){box-shadow:var(--shadow-sm);transform:translateY(-1px)}a.status-indicator:active:not(.status-indicator--locked),button.status-indicator:active:not(.status-indicator--locked){transform:translateY(0)}.card--project,.card--stage,.card--track,.card--user{display:flex;flex-direction:column;min-height:180px;overflow:hidden;position:relative;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{box-shadow:var(--shadow-lg);cursor:pointer;transform:translateY(-3px)}.card--project.card--clickable:not(.status-indicator--locked):hover{box-shadow:0 12px 24px -4px #0000001f,0 6px 12px -2px #00000014;transform:translateY(-4px)}.card--track.card--clickable:not(.status-indicator--locked):hover{transform:translateY(-3px)}.card--stage.card--horizontal.card--clickable:not(.status-indicator--locked):hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--user.card--clickable:not(.status-indicator--locked):hover{transform:translateY(-3px)}.card--clickable:active{box-shadow:var(--shadow-sm);transform:translateY(-1px);transition:all .1s ease}.card--stage.card--horizontal.status-indicator--locked:hover{box-shadow:var(--shadow-sm);cursor:not-allowed;transform:none}.card--loading{opacity:.7;pointer-events:none;position:relative}.card--loading:after{animation:card-spin .6s linear infinite;border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary-500);content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}@keyframes card-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.card--horizontal{align-items:stretch;flex-direction:row;max-height:120px;min-height:100px;padding:0}.card--horizontal .card-header{border-bottom:none;border-right:1px solid var(--color-border-subtle);display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;margin-bottom:0;margin-right:0;padding:var(--space-4);width:140px}.card--horizontal .card-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:var(--space-4)}.card--horizontal .card-footer{background:#0000;border-top:none;margin-top:0;padding:var(--space-2) var(--space-4)}.card--horizontal .card-title{font-size:var(--text-sm);margin-bottom:var(--space-1)}.card--horizontal .card-title-section{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.card--horizontal .card-title-content{width:100%}.card-title-section{align-items:center;display:flex;gap:var(--space-3)}.card-title-content,.card-title-section{flex:1 1;min-width:0}.card-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-1) 0;max-width:100%;transition:color var(--transition-fast)}.card--project .card-header,.card--stage .card-header,.card--track .card-header,.card--user .card-header{align-items:flex-start;border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-6)}.card-icon{align-items:center;background:var(--color-primary-50);border-radius:var(--radius-lg);color:var(--color-primary-500);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.card--clickable:hover .card-icon{transform:scale(1.05)}.card--horizontal .card-icon,.stage-number{height:32px;width:32px}.stage-number{box-shadow:var(--shadow-sm);font-size:var(--text-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{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0;word-break:break-word}.card-metadata{flex-wrap:wrap;gap:var(--space-3);margin-top:auto}.card-meta-item,.card-metadata{align-items:center;display:flex}.card-meta-item{color:var(--color-text-secondary);font-size:var(--text-sm);gap:var(--space-1);transition:color var(--transition-fast);white-space:nowrap}.card--clickable:hover .card-meta-item{color:var(--color-text-primary)}.card-meta-icon{align-items:center;color:var(--color-text-muted);display:flex;flex-shrink:0}.card-meta-text{max-width:150px}.card-progress{margin-top:var(--space-3);width:100%}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.progress-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.progress-percentage{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.progress-bar{background:var(--color-gray-200)}.progress-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600))}.card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);opacity:0;transition:opacity var(--transition-fast)}.card--clickable:hover .card-actions,.card:hover .card-actions{opacity:1}.card-action-button{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);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 #0000;transition:all var(--transition-normal)}.card--stage.card--horizontal.status-indicator--completed{background:linear-gradient(90deg,#22c55e05,#0000);border-left-color:var(--color-success-500)}.card--stage.card--horizontal.status-indicator--in-progress{background:linear-gradient(90deg,#3b82f605,#0000);border-left-color:var(--color-primary-500)}.card--stage.card--horizontal.status-indicator--locked{cursor:not-allowed;opacity:.6}.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,.card-action-button,.card-icon,.card-meta-item,.card-title,.progress-fill{transition:none}.card--clickable:hover{transform:none}.card--loading:after{animation:none}}.card-title{white-space:nowrap}.card-description,.card-title{overflow:hidden;text-overflow:ellipsis}.card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.card-meta-text{max-width:200px}.card-meta-text,.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:hover{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{background:var(--color-background-subtle);border-bottom-color:var(--color-border)}[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{background:#0000;border-top-color:var(--color-border)}[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);border-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] .card-badge--primary{background:#3b82f626;border-color:var(--color-primary-500);color:var(--color-primary-400)}[data-theme=dark] .card-badge--success{background:#22c55e26;border-color:var(--color-success-500);color:var(--color-success-300)}[data-theme=dark] .card-badge--warning{background:#f59e0b26;border-color:var(--color-warning-500);color:var(--color-warning-300)}[data-theme=dark] .card-badge--error{background:#ef444426;border-color:var(--color-error-500);color:var(--color-error-300)}[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);box-shadow:var(--shadow-lg);padding:var(--space-6)}.ab-comparison-player .comparison-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.ab-comparison-player .comparison-title{align-items:center;display:flex;gap:var(--space-3)}.ab-comparison-player .comparison-title h3{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.ab-comparison-player .comparison-controls-top{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.ab-comparison-player .mode-btn{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);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);box-shadow:0 2px 8px #3b82f64d;color:#fff}.ab-comparison-player .interval-select{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.ab-comparison-player .swap-btn,.ab-comparison-player .sync-btn{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.ab-comparison-player .swap-btn:hover,.ab-comparison-player .sync-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{align-items:center;background:var(--color-background-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6);padding:var(--space-4)}.ab-comparison-player .reset-btn{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:56px;justify-content:center;transition:all var(--transition-fast);width:56px}.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{align-items:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border:3px solid var(--color-primary-600);border-radius:var(--radius-full);box-shadow:0 4px 14px #3b82f666;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;transition:all var(--transition-fast);width:80px}.ab-comparison-player .play-pause-btn-large:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));box-shadow:0 6px 20px #3b82f680;transform:scale(1.08)}.ab-comparison-player .match-btn{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);height:auto!important;justify-content:center;min-width:120px;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast);white-space:nowrap;width:auto!important}.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{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;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{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.ab-comparison-player .panel-title{align-items:center;display:flex;gap:var(--space-2)}.ab-comparison-player .version-label{align-items:center;background:var(--color-primary-500);border-radius:var(--radius-md);color:#fff;display:flex;font-size:var(--text-base);font-weight:var(--font-bold);height:32px;justify-content:center;width:32px}.ab-comparison-player .version-b .version-label{background:#8b5cf6}.ab-comparison-player .panel-title h4{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.ab-comparison-player .version-meta{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-1)}.ab-comparison-player .version-date,.ab-comparison-player .version-number{color:var(--color-text-secondary);font-size:var(--text-xs)}.ab-comparison-player .panel-controls{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3)}.ab-comparison-player .time-display{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.ab-comparison-player .volume-control{align-items:center;display:flex;gap:var(--space-2)}.ab-comparison-player .volume-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.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{-webkit-appearance:none;appearance:none;background:var(--color-background-subtle);border-radius:var(--radius-full);cursor:pointer;height:4px;outline:none;width:100px}.ab-comparison-player .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary-500);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);width:16px}.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{background:var(--color-primary-500);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;-moz-transition:all var(--transition-fast);transition:all var(--transition-fast);width:16px}.ab-comparison-player .volume-slider::-moz-range-thumb:hover{background:var(--color-primary-600);transform:scale(1.2)}.ab-comparison-player .volume-level{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);min-width:36px;text-align:right}.ab-comparison-player .comparison-info{background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;justify-content:space-around;padding:var(--space-4)}.ab-comparison-player .info-item{display:flex;flex-direction:column;gap:var(--space-1)}.ab-comparison-player .info-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.ab-comparison-player .info-value{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-medium)}.advanced-waveform-viewer{width:100%}.advanced-waveform-viewer .waveform-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.advanced-waveform-viewer .waveform-info{align-items:center;display:flex;gap:var(--space-3)}.advanced-waveform-viewer .hover-time{font-feature-settings:"tnum";color:var(--color-primary-600);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.advanced-waveform-viewer .waveform-controls{align-items:center;display:flex;gap:var(--space-2)}.advanced-waveform-viewer .zoom-btn{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);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{cursor:not-allowed;opacity:.4}.advanced-waveform-viewer .zoom-level{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);min-width:32px;text-align:center}.advanced-waveform-viewer .waveform-canvas-container{background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-2);position:relative}.advanced-waveform-viewer .waveform-canvas{border-radius:var(--radius-sm);display:block;height:auto;width:100%}.advanced-waveform-viewer .waveform-loading-overlay{align-items:center;background:#ffffffe6;border-radius:var(--radius-md);bottom:0;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;left:0;position:absolute;right:0;top:0}.advanced-waveform-viewer .loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary-500);height:32px;width:32px}.advanced-waveform-viewer .waveform-loading-overlay span{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.advanced-waveform-viewer .comment-markers-list{margin-top:var(--space-4)}.advanced-waveform-viewer .comment-markers-list h4{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3)}.advanced-waveform-viewer .markers-scroll{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);max-height:300px;overflow-y:auto}.advanced-waveform-viewer .marker-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);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{align-items:center;color:var(--color-primary-600);display:flex;font-size:var(--text-xs);font-weight:var(--font-bold);gap:var(--space-2)}.advanced-waveform-viewer .marker-comment{color:var(--color-text-primary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.advanced-waveform-viewer .marker-meta{align-items:center;display:flex;justify-content:space-between}.advanced-waveform-viewer .marker-user{color:var(--color-text-secondary);font-size:var(--text-xs)}.advanced-waveform-viewer .marker-delete{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-danger-600);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.advanced-waveform-viewer .marker-delete:hover{background:var(--color-danger-50);border-color:var(--color-danger-400)}.advanced-waveform-viewer .add-comment-hint{align-items:center;background:var(--color-background-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-3)}@media (max-width:1024px){.ab-comparison-player .waveform-comparison-grid{gap:var(--space-6);grid-template-columns:1fr}.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{align-items:stretch;flex-direction:column;gap:var(--space-4)}.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{height:64px;width:64px}}.stage-detail-page{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{margin-bottom:var(--space-4)}.stage-breadcrumb,.stage-title-section{max-width:var(--max-width-container);padding:0 var(--space-6)}.stage-title-section{align-items:center;display:flex;gap:var(--space-6)}.stage-number{align-items:center;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--text-lg);font-weight:var(--font-bold);height:64px;justify-content:center;width:64px}.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 1}.stage-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-2)}.stage-description{font-size:var(--text-lg);margin:0}.stage-custom-actions{display:flex;gap:var(--space-3)}.stage-detail-content{margin:0 auto;max-width:var(--max-width-container);padding:var(--space-8) var(--space-6)}.stage-content-grid{grid-template-columns:1fr 380px}.stage-main-content{display:flex;flex-direction:column;gap:var(--space-4)}.stage-sidebar{position:-webkit-sticky;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)}.stage-meta,.stage-meta h3{margin-bottom:var(--space-4)}.stage-meta h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);letter-spacing:.025em;text-transform:uppercase}.stage-meta-item{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.stage-meta-item strong{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.stage-meta-item span{color:var(--color-text-primary);font-size:var(--text-sm)}.meta-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.meta-item{flex-direction:column}.meta-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.025em;text-transform:uppercase}.meta-value{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.editor-card{overflow:hidden}.editor-header{padding:var(--space-4)}.editor-header h3{font-size:var(--text-lg)}.editor-toolbar{gap:var(--space-2)}.unsaved-indicator{color:var(--color-warning-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.saving-indicator{color:var(--color-text-muted);font-size:var(--text-sm)}.editor-content-wrapper{min-height:500px}.editor-textarea{resize:vertical}.editor-preview,.editor-textarea{font-family:var(--font-mono);line-height:var(--leading-relaxed);min-height:500px;padding:var(--space-5)}.editor-preview{word-wrap:break-word;font-size:var(--text-base);white-space:pre-wrap}.editor-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.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{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.audio-notes,.recording-notes{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.recording-header{align-items:center;display:flex;gap:var(--space-4)}.recording-icon{align-items:center;background:var(--color-primary-100);border-radius:var(--radius-lg);color:var(--color-primary-600);display:flex;height:56px;justify-content:center;width:56px}.audio-waveform-placeholder,.recording-waveform-placeholder{background:var(--color-background-subtle);border-radius:var(--radius-md);height:120px;margin-bottom:var(--space-4);overflow:hidden}.waveform-bars{align-items:center;display:flex;height:100%;justify-content:space-around;padding:0 var(--space-4)}.waveform-bar{background:var(--color-primary-500);border-radius:var(--radius-sm);transition:all .2s ease;width:2px}.audio-timeline,.recording-timeline{cursor:pointer;margin-bottom:var(--space-3)}.timeline-track{background:var(--color-background-subtle);border-radius:var(--radius-full);height:8px;overflow:hidden}.timeline-progress{background:var(--color-primary-500);height:100%;transition:width .1s linear}.audio-time-display,.recording-time-display{color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);justify-content:space-between;margin-bottom:var(--space-4)}.audio-controls,.recording-controls{gap:var(--space-3)}.audio-controls,.control-btn,.recording-controls{align-items:center;display:flex;justify-content:center}.control-btn{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;height:48px;transition:all var(--transition-fast);width:48px}.control-btn:hover:not(:disabled){background:var(--color-background-subtle);color:var(--color-text-primary);transform:scale(1.05)}.control-btn:disabled{cursor:not-allowed;opacity:.5}.control-btn-primary{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;height:56px;width:56px}.control-btn-primary:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.volume-control{align-items:center;display:flex;gap:var(--space-2);margin-left:var(--space-4)}.volume-slider{background:var(--color-background-subtle);border-radius:var(--radius-full);cursor:pointer;height:4px;width:100px}.no-audio-state{align-items:center;background:linear-gradient(135deg,#3b82f60d,#60a5fa14 50%,#93c5fd0d);border:2px dashed #3b82f633;border-radius:12px;border-radius:var(--radius-card,12px);display:flex;flex-direction:column;justify-content:center;min-height:320px;overflow:hidden;padding:2rem;padding:var(--spacing-8,2rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.no-audio-state:before{animation:pulse-glow 4s ease-in-out infinite;background:radial-gradient(circle at center,#3b82f608 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.no-audio-state:hover{background:linear-gradient(135deg,#3b82f614,#60a5fa1f 50%,#93c5fd14);border-color:#3b82f666;box-shadow:0 8px 24px #3b82f626,0 4px 8px #3b82f61a;transform:translateY(-2px)}.no-audio-content{margin:0 auto;max-width:400px;position:relative;text-align:center;z-index:1}.upload-icon{animation:float-icon 3s ease-in-out infinite;height:80px;margin:0 auto 1.5rem;margin:0 auto var(--spacing-6,1.5rem);position:relative;width:80px}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-icon svg{animation:icon-pulse 2s ease-in-out infinite;color:#3b82f6;color:var(--color-primary-500,#3b82f6);filter:drop-shadow(0 4px 12px rgba(59,130,246,.3));height:100%;width:100%}@keyframes icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.upload-icon:before{animation:ring-pulse 2s ease-in-out infinite;background:radial-gradient(circle at center,#3b82f633 0,#0000 70%);border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes ring-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.no-audio-state h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--color-text-primary,#111827);font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem);font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:-.02em;margin-bottom:.75rem;margin-bottom:var(--spacing-3,.75rem)}.no-audio-state p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:1rem;font-size:var(--font-size-base,1rem);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--spacing-6,1.5rem)}.no-audio-state button,.upload-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;border-radius:var(--radius-button,8px);box-shadow:0 4px 12px #3b82f64d,0 2px 4px #3b82f633,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:600;font-weight:var(--font-weight-semibold,600);overflow:hidden;padding:1rem 2rem;padding:var(--spacing-4,1rem) var(--spacing-8,2rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.no-audio-state button:before,.upload-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:-1}.no-audio-state button:hover:before,.upload-button:hover:before{left:100%}.no-audio-state button:hover,.upload-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #3b82f666,0 4px 8px #3b82f64d,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.02)}.no-audio-state button:active,.upload-button:active{box-shadow:0 2px 8px #3b82f64d,inset 0 2px 4px #0000001a;transform:translateY(0) scale(.98)}.no-audio-state button:focus,.upload-button:focus{box-shadow:0 4px 12px #3b82f64d,0 0 0 3px #3b82f633;outline:none}.file-drop-zone{background:linear-gradient(135deg,#3b82f608,#60a5fa0d);border:2px dashed #3b82f64d;border-radius:12px;border-radius:var(--radius-card,12px);overflow:hidden;padding:2rem;padding:var(--spacing-8,2rem);transition:all .3s cubic-bezier(.4,0,.2,1)}.file-drop-zone:before{background:linear-gradient(135deg,#0000,#3b82f60d 50%,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.file-drop-zone.drag-active,.file-drop-zone:hover{background:linear-gradient(135deg,#3b82f614,#60a5fa1f);border-color:#3b82f6;border-color:var(--color-primary-500,#3b82f6);box-shadow:0 8px 24px #3b82f626,inset 0 1px 2px #3b82f61a;transform:scale(1.01)}.file-drop-zone.drag-active:before,.file-drop-zone:hover:before{opacity:1}.file-drop-zone.drag-active{animation:drop-zone-pulse .6s ease-in-out infinite;border-style:solid;border-width:3px}@keyframes drop-zone-pulse{0%,to{border-color:#3b82f699}50%{border-color:#3b82f6}}.file-drop-zone p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-top:1rem;margin-top:var(--spacing-4,1rem)}.file-drop-zone:hover p{color:#3b82f6;color:var(--color-primary-500,#3b82f6);font-weight:500;font-weight:var(--font-weight-medium,500)}@media (max-width:640px){.no-audio-state{min-height:280px;padding:1.5rem;padding:var(--spacing-6,1.5rem)}.upload-icon{height:64px;width:64px}.no-audio-state h3{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}.no-audio-state button,.upload-button{font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:.75rem 1.5rem;padding:var(--spacing-3,.75rem) var(--spacing-6,1.5rem)}.file-drop-zone{padding:1.5rem;padding:var(--spacing-6,1.5rem)}}.no-audio-state button:focus-visible,.upload-button:focus-visible{outline:3px solid #3b82f6;outline:3px solid var(--color-primary-500,#3b82f6);outline-offset:2px}@media (prefers-reduced-motion:reduce){.file-drop-zone,.no-audio-state,.no-audio-state button,.upload-button,.upload-icon,.upload-icon svg{animation:none;transition:none}.no-audio-state button:before,.no-audio-state:before,.upload-button:before,.upload-icon:before{animation:none}}.upload-button.loading{opacity:.7;pointer-events:none;position:relative}.upload-button.loading:after{animation:button-spinner .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin-left:8px;position:absolute;top:50%;width:16px}@keyframes button-spinner{to{transform:rotate(1turn)}}.upload-success{align-items:center;animation:success-fade-in .4s ease-out;background:linear-gradient(135deg,#3b82f61a,#60a5fa26);border:2px solid #3b82f64d;border-radius:12px;border-radius:var(--radius-card,12px);display:flex;justify-content:center;padding:1rem;padding:var(--spacing-4,1rem)}@keyframes success-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upload-success-icon{animation:success-check .5s ease-out;color:#3b82f6;color:var(--color-primary-500,#3b82f6);margin-right:.5rem;margin-right:var(--spacing-2,.5rem)}@keyframes success-check{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.upload-success-text{color:#2563eb;color:var(--color-primary-600,#2563eb);font-weight:600;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{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.artwork-info h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.artwork-notes{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.artwork-actions{display:flex;gap:var(--space-2)}.artwork-display{align-items:center;background:var(--color-background-subtle);border-radius:var(--radius-md);display:flex;justify-content:center;margin-bottom:var(--space-6);min-height:400px;overflow:hidden}.artwork-image{cursor:pointer;display:block;height:auto;max-width:100%;transition:transform var(--transition-fast)}.artwork-image:hover{transform:scale(1.02)}.artwork-metadata{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--space-6)}.metadata-item{flex-direction:column;gap:var(--space-1)}.metadata-label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.metadata-value{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-medium)}.artwork-recommendations{background:var(--color-background-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.artwork-recommendations h4{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-2);text-transform:uppercase}.artwork-recommendations ul{margin:0;padding-left:var(--space-5)}.artwork-recommendations li{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.empty-artwork-state{color:var(--color-text-secondary);padding:var(--space-12);text-align:center}.empty-artwork-state svg{color:var(--color-text-muted);margin-bottom:var(--space-4)}.artwork-preview{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--space-6)}.artwork-item{aspect-ratio:1;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;position:relative}.artwork-item img{height:100%;object-fit:cover;width:100%}.artwork-overlay{align-items:center;background:#000000b3;display:flex;gap:var(--space-2);inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.artwork-item:hover .artwork-overlay{opacity:1}.lightbox-overlay{align-items:center;background:#000000f2;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.lightbox-content{background:var(--color-background);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.lightbox-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4)}.lightbox-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.lightbox-controls{align-items:center;display:flex;gap:var(--space-2)}.lightbox-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.lightbox-btn:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.zoom-level{color:var(--color-text-secondary);font-size:var(--text-sm);min-width:50px;text-align:center}.lightbox-image-container{align-items:center;background:var(--color-gray-900);display:flex;flex:1 1;justify-content:center;overflow:auto;padding:var(--space-6)}.lightbox-image{max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s ease}.lightbox-footer{border-top:1px solid var(--color-border);padding:var(--space-4)}.image-info{color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-4);justify-content:center}.image-info span:not(:last-child):after{content:"•";margin-left:var(--space-4)}.assets-stage{width:100%}.assets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.assets-header h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.assets-filter,.recording-filter{margin-bottom:var(--space-4)}.filter-select,.recording-filter select{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);width:100%}.assets-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.asset-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);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{align-items:center;background:var(--color-background-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.asset-info{flex:1 1;min-width:0}.asset-name{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.asset-meta,.asset-notes{color:var(--color-text-secondary);font-size:var(--text-sm)}.asset-notes{line-height:var(--leading-normal);margin:var(--space-2) 0 0}.asset-date{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.asset-actions{display:flex;gap:var(--space-2)}.empty-assets-state{color:var(--color-text-secondary);padding:var(--space-12);text-align:center}.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);margin-bottom:var(--space-4);padding:var(--space-4)}.selected-asset-details h4{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-4)}.detail-item{margin-bottom:var(--space-3)}.detail-label{color:var(--color-text-secondary);display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--space-1);text-transform:uppercase}.detail-value{color:var(--color-text-primary);display:block;font-size:var(--text-sm);word-break:break-word}.detail-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.assets-upload{background:var(--color-background-subtle);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;margin-top:var(--space-6);padding:var(--space-8);text-align:center;transition:all var(--transition-fast)}.assets-upload:hover{background:var(--color-primary-50);border-color:var(--color-primary-500)}.version-control{border:1px solid var(--color-border)}.version-control-header{background:var(--color-background);padding:var(--space-4) var(--space-6)}.version-control-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.version-list{gap:var(--space-3);max-height:600px}.version-item{padding:var(--space-4)}.version-item:hover{transform:translateX(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{background:var(--color-primary-50);border-color:var(--color-primary-500)}.version-header{justify-content:space-between}.version-header,.version-main{align-items:center;display:flex}.version-main{flex:1 1;gap:var(--space-3);min-width:0}.version-badge{align-items:center;color:var(--color-text-primary);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2)}.current-badge{background:var(--color-success-100);color:var(--color-success-700);padding:2px 6px}.version-name{color:var(--color-text-secondary);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-info{flex:1 1}.version-number{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.version-timestamp{color:var(--color-text-muted);font-size:var(--text-xs);gap:var(--space-1)}.expand-btn,.version-timestamp{align-items:center;display:flex}.expand-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;height:24px;justify-content:center;width:24px}.expand-btn:hover{background:var(--color-background);color:var(--color-text-primary)}.version-details{border-top:1px solid var(--color-border);margin-top:var(--space-3);padding-top:var(--space-3)}.version-meta{flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.meta-item{color:var(--color-text-secondary);font-size:var(--text-xs)}.version-notes{background:var(--color-background);border-radius:var(--radius-sm);margin-bottom:var(--space-3);padding:var(--space-2)}.version-notes p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.version-stats{color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-3);margin-bottom:var(--space-3)}.empty-versions{color:var(--color-text-secondary);padding:var(--space-8);text-align:center}.empty-versions p{font-size:var(--text-sm);margin:0}.empty-versions .text-muted{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.version-control-loading{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8)}.file-upload-modal .modal-content{max-height:80vh;max-width:600px;overflow-y:auto}.file-drop-zone{background:var(--color-background-subtle);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--space-4);padding:var(--space-8);text-align:center;transition:all var(--transition-fast)}.file-drop-zone:hover{background:var(--color-primary-50);border-color:var(--color-primary-500)}.file-drop-zone.drag-active,.file-drop-zone.dragging{background:var(--color-primary-100);border-color:var(--color-primary-500)}.file-drop-zone input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-prompt{flex-direction:column;gap:var(--space-3);pointer-events:none}.upload-icon,.upload-prompt{align-items:center;display:flex}.upload-icon{background:var(--color-primary-100);border-radius:var(--radius-full);color:var(--color-primary-600);height:64px;justify-content:center;width:64px}.upload-prompt h3,.upload-prompt h4{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.upload-prompt p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;text-align:center}.upload-prompt .button{pointer-events:auto}.file-formats{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-2)}.upload-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.selected-files{margin-bottom:var(--space-4);margin-top:var(--space-6)}.selected-files h4{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.file-list{display:flex;flex-direction:column;gap:var(--space-2)}.file-item{background:var(--color-background);border:1px solid var(--color-border);gap:var(--space-3);padding:var(--space-3)}.file-icon,.file-item{align-items:center;border-radius:var(--radius-md);display:flex}.file-icon{background:var(--color-background-subtle);color:var(--color-text-secondary);flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.file-preview{height:100%;object-fit:cover;width:100%}.file-info,.file-item-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0}.file-item-name,.file-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-size,.file-size{color:var(--color-text-muted);font-size:var(--text-xs);margin:0;white-space:nowrap}.validation-errors{background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-3)}.error-item{align-items:center;color:var(--color-error-700);display:flex;font-size:var(--text-sm);gap:var(--space-2);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-weight:var(--font-medium);margin-bottom:var(--space-2)}.notes-field label,.notes-field textarea{color:var(--color-text-primary);font-size:var(--text-sm)}.notes-field textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);padding:var(--space-3);resize:vertical;width:100%}.notes-field textarea:focus{border-color:var(--color-primary-500);outline:none}.upload-error{align-items:center;background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-md);color:var(--color-error-700);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.empty-state{background:var(--color-background-subtle);color:var(--color-text-secondary);padding:var(--space-12)}.empty-state-icon{align-items:center;background:var(--color-background-muted);color:var(--color-text-muted);display:flex;justify-content:center}.loading-state{color:var(--color-text-secondary);padding:var(--space-12);text-align:center}.loading-spinner{animation:spin .6s linear infinite;border:3px solid var(--color-background-subtle);margin:0 auto var(--space-3)}.error-state{background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-lg);color:var(--color-error-600);padding:var(--space-12);text-align:center}@media (max-width:1024px){.stage-content-grid{grid-template-columns:1fr}.stage-sidebar{position:static}}@media (max-width:768px){.stage-title-section{align-items:flex-start;flex-direction:column}.stage-custom-actions{width:100%}.audio-controls,.editor-toolbar,.recording-controls{flex-wrap:wrap}.volume-control{margin-left:0;margin-top:var(--space-2);width:100%}.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{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.stage-detail-content{padding:var(--space-4) var(--space-3)}.stage-title{font-size:var(--text-2xl)}.stage-number{font-size:var(--text-base);height:48px;width:48px}.stage-main-content{padding:var(--space-3)}.editor-content-wrapper{min-height:400px}.version-card__actions{flex-direction:column}.version-card__actions .btn,.version-card__actions .button{width:100%}}.text-editor-stage{height:100%;width: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{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%}.editor-header{align-items:center;background:var(--color-background-subtle);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-4) var(--space-6)}.editor-header h3{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.editor-toolbar{align-items:center;display:flex;gap:var(--space-3)}.editor-content-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.editor-textarea{background:var(--color-background);border:none;color:var(--color-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:var(--text-base);height:100%;line-height:1.6;padding:var(--space-6);resize:none;width:100%}.editor-textarea:focus{outline:none}.editor-textarea::placeholder{color:var(--color-text-muted)}.editor-preview{flex:1 1;overflow-y:auto;padding:var(--space-6)}.editor-preview pre{word-wrap:break-word;color:var(--color-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:var(--text-base);line-height:1.6;margin:0;white-space:pre-wrap}.version-actions{flex-wrap:wrap;gap:var(--space-2)}.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{align-items:center;background:var(--color-primary-500);border-radius:var(--radius-full);color:#fff;content:"✓";display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);height:24px;justify-content:center;position:absolute;right:var(--space-2);top:var(--space-2);width:24px}.compare-view{display:flex;flex-direction:column;gap:var(--space-4)}.compare-header{grid-gap:var(--space-4);border-bottom:1px solid var(--color-border);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;padding-bottom:var(--space-4)}.compare-column-header{display:flex;flex-direction:column;gap:var(--space-1)}.compare-column-header h4{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.compare-column-header p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.diff-view{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:500px;overflow-y:auto}.diff-row{border-bottom:1px solid var(--color-border-subtle);display:grid;grid-template-columns:1fr 1fr}.diff-row:last-child{border-bottom:none}.diff-line-container{align-items:flex-start;border-right:1px solid var(--color-border-subtle);display:flex;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:var(--text-sm);line-height:1.5}.diff-line-container:last-child{border-right:none}.line-number{background:var(--color-background-subtle);border-right:1px solid var(--color-border);color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-xs);padding:var(--space-2);text-align:right;-webkit-user-select:none;user-select:none;width:50px}.diff-line{word-wrap:break-word;flex:1 1;min-height:30px;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{background:var(--color-background-subtle);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-4);padding:var(--space-3)}.legend-item{align-items:center;display:flex;gap:var(--space-2)}.legend-color{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;height:24px;width:24px}.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{font-size:var(--text-sm);margin:var(--space-2) 0}.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{gap:var(--space-2)}.compare-header,.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{align-items:stretch;flex-direction:column;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);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-8);position:relative;transition:all var(--transition-normal)}.enhanced-audio-player:before{background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600),var(--color-success-500));content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.enhanced-audio-player:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.enhanced-audio-player .player-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.enhanced-audio-player .track-info{flex:1 1}.enhanced-audio-player .track-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-400));-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0 0 var(--space-2)}.enhanced-audio-player .track-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.enhanced-audio-player .time-display{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);letter-spacing:.5px}.enhanced-audio-player .playback-rate-badge{align-items:center;background:var(--color-primary-100);border-radius:var(--radius-full);color:var(--color-primary-700);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-bold);justify-content:center;letter-spacing:.5px;padding:var(--space-1) var(--space-3)}.enhanced-audio-player .player-action-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.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{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px #0000000d;margin-bottom:var(--space-6);min-height:120px;padding:var(--space-4);position:relative}.enhanced-audio-player .waveform{min-height:100px;width:100%}.enhanced-audio-player .waveform-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;min-height:120px}.enhanced-audio-player .loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary-500);height:40px;width:40px}.enhanced-audio-player .waveform-loading p{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.enhanced-audio-player .player-controls-section{display:flex;flex-direction:column;gap:var(--space-6)}.enhanced-audio-player .main-controls{align-items:center;display:flex;gap:var(--space-4);justify-content:center}.enhanced-audio-player .control-btn{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;gap:var(--space-2);justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-fast)}.enhanced-audio-player .control-btn:before{background:var(--color-primary-100);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.enhanced-audio-player .control-btn:hover:before{height:100%;width:100%}.enhanced-audio-player .control-btn:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);color:var(--color-primary-600);transform:translateY(-2px)}.enhanced-audio-player .control-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.enhanced-audio-player .control-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.enhanced-audio-player .control-btn:disabled:hover{border-color:var(--color-border);box-shadow:none;color:var(--color-text-primary);transform:none}.enhanced-audio-player .skip-btn{flex-direction:column;font-size:var(--text-xs);height:56px;padding:var(--space-2);width:56px}.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{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-color:var(--color-primary-600);box-shadow:0 4px 14px #3b82f666;color:#fff;height:72px;width:72px}.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);box-shadow:0 6px 20px #3b82f680;color:#fff;transform:translateY(-3px) scale(1.05)}.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);box-shadow:none;color:var(--color-text-muted)}.enhanced-audio-player .secondary-controls{align-items:center;background:var(--color-background-subtle);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;padding:var(--space-4)}.enhanced-audio-player .loop-btn{height:44px;width: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{align-items:center;display:flex;gap:var(--space-2)}.enhanced-audio-player .speed-select{-webkit-appearance:none;appearance:none;background:var(--color-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right var(--space-2) center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);padding-right:var(--space-8);transition:all var(--transition-fast)}.enhanced-audio-player .speed-select:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-400)}.enhanced-audio-player .speed-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.enhanced-audio-player .volume-control{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-4)}.enhanced-audio-player .volume-btn{background:#0000;border:none;height:36px;width:36px}.enhanced-audio-player .volume-btn:hover{background:var(--color-background-subtle);border-color:#0000}.enhanced-audio-player .volume-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:6px;outline:none;width:120px}.enhanced-audio-player .volume-slider::-webkit-slider-track{background:var(--color-background-subtle);border-radius:var(--radius-full);height:6px}.enhanced-audio-player .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary-500);border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:18px;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);width:18px}.enhanced-audio-player .volume-slider::-webkit-slider-thumb:hover{background:var(--color-primary-600);box-shadow:0 3px 8px #3b82f666;transform:scale(1.2)}.enhanced-audio-player .volume-slider::-moz-range-track{background:var(--color-background-subtle);border-radius:var(--radius-full);height:6px}.enhanced-audio-player .volume-slider::-moz-range-thumb{background:var(--color-primary-500);border:none;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:18px;-moz-transition:all var(--transition-fast);transition:all var(--transition-fast);width:18px}.enhanced-audio-player .volume-slider::-moz-range-thumb:hover{background:var(--color-primary-600);transform:scale(1.2)}.enhanced-audio-player .volume-level{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);min-width:36px;text-align:right}.enhanced-audio-player .keyboard-shortcuts-hint{background:var(--color-background-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);text-align:center}.enhanced-audio-player .keyboard-shortcuts-hint small{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.6}.enhanced-audio-player .keyboard-shortcuts-hint strong{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:Courier New,monospace;font-size:var(--text-2xs);font-weight:var(--font-bold);margin:0 var(--space-1);padding:1px var(--space-1)}.enhanced-audio-player.error{background:var(--color-danger-50);border-color:var(--color-danger-300)}.enhanced-audio-player .error-message{color:var(--color-danger-700);padding:var(--space-6);text-align:center}.enhanced-audio-player .error-message p{font-weight:var(--font-semibold);margin:0}@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{height:48px;width:48px}.enhanced-audio-player .play-pause-btn{height:64px;width:64px}.enhanced-audio-player .secondary-controls{flex-wrap:wrap;gap:var(--space-4)}.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{justify-content:space-between;width:100%}.enhanced-audio-player .volume-slider{flex:1 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 .keyboard-shortcuts-hint,.enhanced-audio-player .secondary-controls{background:#1f2937}}.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] .marker-item.active,[data-theme=dark] .region-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] .add-comment-btn,[data-theme=dark] .btn--timeline,[data-theme=dark] .timeline-add-btn{background:linear-gradient(135deg,#3b82f699,#2563eb99);border-color:#3b82f680;box-shadow:0 2px 4px #3b82f626}[data-theme=dark] .add-comment-btn:hover,[data-theme=dark] .btn--timeline:hover,[data-theme=dark] .timeline-add-btn: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);display:flex;flex-direction:column;max-height:600px;max-width:90vw;overflow:hidden;width:640px}.search-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;gap:var(--space-3);padding:var(--space-4)}.search-header .search-icon{color:var(--color-text-muted);flex-shrink:0}.search-header .search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--text-base);outline:none;padding:0}.search-header .search-input::placeholder{color:var(--color-text-muted)}.search-results{flex:1 1;margin:0!important;max-width:100%!important;min-height:0;overflow-y:auto;padding:0!important;width:100%!important}.search-empty-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.search-empty-state .empty-icon{color:var(--color-text-muted);margin-bottom:var(--space-4);opacity:.5}.search-empty-state h3{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.search-empty-state p{color:var(--color-text-secondary);font-size:var(--text-sm);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{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary-500);height:32px;margin-bottom:var(--space-4);width:32px}.search-results-list{margin:0!important}.search-results-list,.search-section{max-width:100%!important;padding:0!important;width:100%!important}.search-section{margin:0 0 var(--space-1) 0!important}.search-section:last-child{margin-bottom:0!important}.search-section-header{align-items:center;background:var(--color-background-subtle);color:var(--color-text-muted);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-2);letter-spacing:.05em;padding:var(--space-3) var(--space-4);text-transform:uppercase}.search-section-header .result-count{background:var(--color-background);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);margin-left:auto;padding:2px 8px}.search-result-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:var(--space-3);margin:0!important;max-width:100%!important;padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%!important}.search-result-item.selected,.search-result-item:hover{background:var(--color-primary-50)}.search-result-item.selected{box-shadow:inset 3px 0 0 var(--color-primary-500)}.result-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.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.selected .result-icon,.search-result-item:hover .result-icon{transform:scale(1.05)}.result-content{flex:1 1;min-width:0}.result-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.result-subtitle,.result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-subtitle{color:var(--color-text-secondary);font-size:var(--text-xs)}.search-footer{background:var(--color-background-subtle);border-top:1px solid var(--color-border);flex-shrink:0;padding:var(--space-3) var(--space-4)}.keyboard-shortcuts{color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-4)}.keyboard-shortcuts kbd{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;color:var(--color-text-primary);display:inline-block;font-family:SF Mono,Monaco,Courier New,monospace;font-size:var(--text-xs);font-weight:var(--font-semibold);margin:0 2px;padding:3px 6px}[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{background:var(--color-background-muted);border-top-color:var(--color-border)}[data-theme=dark] .search-result-item.selected,[data-theme=dark] .search-result-item:hover{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{max-height:80vh;max-width:100vw;width:100%}.search-header{padding:var(--space-3)}.search-result-item{padding:var(--space-2) var(--space-3)}.result-icon{height:36px;width:36px}.keyboard-shortcuts{flex-wrap:wrap;gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){.search-result-item.selected .result-icon,.search-result-item:hover .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{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.stage-workflow .card-list--horizontal{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-top:0;width:100%}.stage-workflow .card-list--horizontal .card{display:flex;flex-direction:column;height:150px;max-height:150px;min-height:150px}.stage-number{display:none}.stage-workflow .card--horizontal{flex-direction:column}.stage-workflow .card--horizontal .card-header{align-items:flex-start;border-bottom:none;border-right:none;display:flex;flex:0 0 auto;flex-direction:row;gap:var(--space-3);min-height:60px;padding:var(--space-4);position:relative;width:100%}.stage-workflow .card--horizontal .card-title-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;gap:var(--space-3);min-width:0}.stage-workflow .card--horizontal .card-title-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-width:0}.stage-workflow .card--horizontal .card-title-content>*{margin-top:0}.stage-workflow .card--horizontal .card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0;overflow:hidden;text-overflow:ellipsis}.stage-workflow .card--horizontal .status-indicator{align-items:center;border-radius:var(--radius-md);border-width:1px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:center;letter-spacing:.01em;line-height:1.2;margin-top:0;min-height:32px;opacity:1;padding:var(--space-2) var(--space-3);text-transform:capitalize;visibility:visible;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.stage-workflow .card--horizontal .status-indicator--completed{background:var(--color-success-50);border:2px solid var(--color-success-200);color:var(--color-success-700)}.stage-workflow .card--horizontal .status-indicator--in-progress{background:var(--color-primary-50);border:2px solid var(--color-primary-200);color:var(--color-primary-700)}.stage-workflow .card--horizontal .status-indicator--review{background:var(--color-warning-50);border:2px solid var(--color-warning-200);color:var(--color-warning-700)}.stage-workflow .card--horizontal .status-indicator--not-started{background:var(--color-gray-50);border:2px solid var(--color-gray-200);color:var(--color-gray-600)}.stage-workflow .card--horizontal .status-indicator--locked{background:var(--color-gray-100);border:2px solid var(--color-gray-300);color:var(--color-gray-500)}.stage-workflow .card--horizontal .card-content{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-2);justify-content:center;min-width:0;overflow:hidden;padding:var(--space-4)}.stage-workflow .card--horizontal .card-footer{background:#0000;border-top:none;margin-top:0;padding:var(--space-2) var(--space-4)}.stage-workflow .card--horizontal .card-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-50));border-radius:var(--radius-lg);color:var(--color-primary-600);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.track-detail-page .page-header{margin-bottom:var(--space-6);padding: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{border-color:var(--color-primary-400);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stage-workflow .card{border:2px solid var(--color-border);overflow:hidden;transition:all var(--transition-normal)}.stage-workflow .card.status-indicator--in-progress{background:linear-gradient(135deg,#3b82f608,#0000);border-color:var(--color-primary-200)}.stage-workflow .card.status-indicator--completed{background:linear-gradient(135deg,#22c55e08,#0000);border-color:var(--color-success-200)}.stage-workflow .card-actions{opacity:1;position:absolute;right:var(--space-2);top:var(--space-2);z-index:10}.stage-workflow .btn--icon,.stage-workflow .card-actions .btn,.stage-workflow .card-actions button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.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{display:inline-block;position:relative}.stage-workflow .card .dropdown-menu,.stage-workflow .card-actions .dropdown-menu,.stage-workflow .dropdown .dropdown-menu{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:block;left:auto;margin:0;min-width:160px;padding:var(--space-2);position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.stage-workflow .card .dropdown-item,.stage-workflow .card-actions .dropdown-item,.stage-workflow .dropdown .dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;flex-direction:row;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:2px;padding:var(--space-2) var(--space-3);text-align:left;transition:background-color var(--transition-fast);white-space:nowrap;width:100%}.stage-workflow .dropdown-item:last-child{margin-bottom:0}.stage-workflow .dropdown-item svg{flex-shrink:0;height:14px;width: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{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.stage-workflow .card-meta{margin-top:var(--space-2)}.stage-workflow .card-meta-item{color:var(--color-text-secondary);font-size:var(--text-xs)}.stage-workflow-error,.stage-workflow-loading{color:var(--color-text-secondary);padding:var(--space-12) var(--space-6);text-align:center}.stage-workflow-error{color:var(--color-error-600)}@media (min-width:1400px){.stage-workflow .card-list--horizontal{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.stage-workflow .card-list--horizontal .card{height:150px;max-height:150px;min-height:150px}}@media (min-width:1024px) and (max-width:1399px){.stage-workflow .card-list--horizontal{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.stage-workflow .card-list--horizontal .card{height:150px;max-height:150px;min-height:150px}}@media (min-width:768px) and (max-width:1023px){.stage-workflow .card-list--horizontal{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.stage-workflow .card-list--horizontal .card{height:140px;max-height:140px;min-height:140px}.stage-workflow .card--horizontal .card-content,.stage-workflow .card--horizontal .card-header{padding:var(--space-3)}.stage-workflow .card--horizontal .card-footer{padding:var(--space-2) var(--space-3)}.track-detail-page .page-header{margin-bottom:var(--space-4);padding:var(--space-4)}}@media (min-width:640px) and (max-width:767px){.stage-workflow .card-list--horizontal{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.stage-workflow .card-list--horizontal .card{height:130px;max-height:130px;min-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{gap:var(--space-3);grid-template-columns:1fr}.stage-workflow .card-list--horizontal .card{height:auto;max-height:none;min-height:120px}.stage-workflow .card--horizontal{flex-direction:column}.stage-workflow .card--horizontal .card-header{border-bottom:1px solid var(--color-border-subtle);border-right:none;padding:var(--space-3);width:100%}.stage-workflow .card--horizontal .card-content{padding:var(--space-3)}}@media (max-width:480px){.stage-workflow .card--horizontal .card-header{gap:var(--space-2);padding: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-height:44px;min-width:44px;padding:var(--space-3)}.stage-workflow .dropdown-trigger{min-height:44px;min-width: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{border-width:2px;font-weight:var(--font-bold)}}@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{background:linear-gradient(135deg,#3b82f60d,#0000);border-color:var(--color-primary-500)}[data-theme=dark] .stage-workflow .status-indicator--completed{background:#22c55e26;border-color:#22c55e4d;color:var(--color-success-300)}[data-theme=dark] .stage-workflow .status-indicator--in-progress{background:#3b82f626;border-color:#3b82f64d;color:var(--color-primary-300)}[data-theme=dark] .stage-workflow .status-indicator--review{background:#f59e0b26;border-color:#f59e0b4d;color:var(--color-warning-300)}[data-theme=dark] .stage-workflow .status-indicator--not-started{background:#64748b26;border-color:#64748b4d;color:var(--color-gray-300)}[data-theme=dark] .stage-workflow .status-indicator--locked{background:#64748b1a;border-color:#64748b33;color:var(--color-gray-400)}[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{background:#0000;border-top-color:var(--color-border)}[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{padding:var(--space-8) var(--space-4);text-align:center}.delete-confirmation-icon{align-items:center;background:var(--color-status-error-bg);border-radius:var(--radius-full);color:var(--color-error-500);display:inline-flex;height:80px;justify-content:center;margin:0 auto var(--space-6);transition:all var(--transition-normal);width:80px}.delete-confirmation-icon svg{animation:warning-pulse 2s ease-in-out infinite}@keyframes warning-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.delete-confirmation h3{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-4)}.delete-confirmation p{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 auto;max-width:500px}.delete-confirmation strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.delete-warning-box{align-items:flex-start;background:var(--color-status-error-bg);border:1px solid var(--color-status-error-border);border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);text-align:left}.delete-warning-box svg{color:var(--color-error-500);flex-shrink:0}.delete-warning-box p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-section{margin-bottom:var(--space-6)}.form-section:last-child{margin-bottom:0}.form-section-title{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;margin-bottom:var(--space-4);padding-bottom:var(--space-2);text-transform:uppercase}.form-helper{color:var(--color-text-muted);display:block;font-size:var(--text-xs);margin-top:var(--space-1)}.form-helper--error{color:var(--color-error-500)}.form-helper--success{color:var(--color-success-500)}.form-info-box{align-items:flex-start;background:var(--color-status-info-bg);border:1px solid var(--color-status-info-border);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.form-info-box svg{color:var(--color-info-500);flex-shrink:0}.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{align-items:center;display:flex;justify-content:space-between}.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{border-radius:var(--radius-full);height:8px;left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%);width:8px}.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{color:var(--color-text-muted);display:flex;font-size:var(--text-xs);justify-content:flex-end;margin-top:var(--space-1)}.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{height:64px;width: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{margin-right:0;order:1;width:100%}.modal-footer--with-delete .modal-actions{order:0;width:100%}.modal-footer--with-delete .modal-actions .btn{flex:1 1}}@media (prefers-reduced-motion:reduce){.delete-confirmation-icon svg{animation:none}}: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{max-width:100%;padding:var(--space-6);width:100%}.songwriting-header{align-items:flex-start;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.header-info h2{color:var(--color-text-primary);color:var(--text-primary);font-size:var(--text-2xl);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-2)}.stage-description{color:var(--color-text-secondary);color:var(--text-secondary);font-size:var(--text-sm);font-size:var(--font-size-sm)}.header-actions{align-items:center;gap:var(--space-3)}.auto-save-status{align-items:center;color:var(--color-text-secondary);color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-size:var(--font-size-sm);gap:var(--space-1)}.songwriting-grid{grid-template-columns:1fr 1fr;min-height:600px}.audio-panel,.lyrics-panel{background:var(--color-background);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-5)}.panel-header{margin-bottom:var(--space-4)}.panel-header h3{color:var(--color-text-primary);color:var(--text-primary);font-size:var(--text-lg);font-size:var(--font-size-lg);font-weight:600}.section-tabs{background:var(--color-background-subtle);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.section-tab{background:var(--color-background);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-primary);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-size:var(--font-size-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all .2s}.section-tab:hover{background:var(--color-background-subtle);background:var(--bg-primary);border-color:var(--accent-primary)}.section-tab.active{background:var(--color-primary-500);background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.section-tab.add-section{align-items:center;border-style:dashed;color:var(--color-text-secondary);color:var(--text-secondary);display:flex;gap:var(--space-1)}.add-section-form{background:var(--color-background-subtle);background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:var(--radius-md);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.add-section-form input{border:2px solid var(--border-color);flex:1 1}.add-section-form input,.selected-section-info{border-radius:var(--radius-md);font-size:var(--text-sm);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.selected-section-info{align-items:center;background:var(--color-primary-50);background:var(--accent-primary-alpha);display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.section-type{background:var(--color-background);background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);color:var(--text-secondary);font-size:var(--text-xs);font-size:var(--font-size-xs);letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.lyrics-editor{background:var(--color-background-subtle);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-primary);color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:var(--text-base);font-size:var(--font-size-md);line-height:2;padding:var(--space-4);resize:none;transition:border-color .2s;width:100%}.lyrics-editor:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--color-primary-50);box-shadow:0 0 0 3px var(--accent-primary-alpha);outline:none}.lyrics-editor::placeholder{color:var(--color-text-muted);color:var(--text-tertiary);font-style:italic}.no-audio{background:var(--color-background-subtle);background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-8);text-align:center}.no-audio p{color:var(--color-text-secondary);color:var(--text-secondary);font-size:var(--text-sm);font-size:var(--font-size-sm)}.audio-player-container{background:var(--color-background-subtle);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4)}.audio-player-container,.audio-uploader-section{margin-bottom:var(--space-4)}.audio-uploader-section h4{color:var(--color-text-secondary);color:var(--text-secondary);font-size:var(--text-sm);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-2);text-transform:uppercase}.audio-versions{display:flex;flex:1 1;flex-direction:column}.audio-versions h4{color:var(--color-text-secondary);color:var(--text-secondary);font-size:var(--text-sm);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-3);text-transform:uppercase}.version-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px}.version-item{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);justify-content:space-between;transition:all .2s}.version-item.active,.version-item:hover{border-color:var(--accent-primary)}.version-item.active{background:var(--color-primary-50);background:var(--accent-primary-alpha)}.version-info{align-items:center;display:flex;gap:var(--space-2)}.version-number{background:var(--color-background);background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);color:var(--text-secondary);font-size:var(--text-xs);font-size:var(--font-size-xs);font-weight:700;padding:2px 6px}.version-title{color:var(--color-text-primary);color:var(--text-primary);font-size:var(--text-sm);font-size:var(--font-size-sm);font-weight:500}.current-badge{background:var(--color-primary-500);background:var(--accent-primary);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);font-size:var(--font-size-xs);font-weight:600;padding:2px 8px}.empty-state{background:var(--color-background);background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);margin:var(--space-6)}.empty-state-title{color:var(--color-text-primary);color:var(--text-primary);font-size:var(--text-xl);font-size:var(--font-size-xl);font-weight:600}.empty-state-description{color:var(--color-text-secondary);color:var(--text-secondary);margin-bottom:var(--space-4);margin-left:auto;margin-right:auto;max-width:500px}.alert{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.alert-error{background:#ef44441a;border:2px solid #ef44444d;color:#ef4444}.animate-spin{animation:spin 1s linear infinite}.songwriting-grid{grid-gap:var(--space-6);display:grid;flex:1 1;gap:var(--space-6);grid-template-columns:400px 1fr;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{border-left:4px solid #0000;padding:var(--space-4);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{border-left-color:var(--color-primary-500)}.section-card-header-content{align-items:center;display:flex;flex:1 1;gap:var(--space-3)}.section-number-badge{align-items:center;background:var(--color-primary-100);border-radius:var(--radius-full);color:var(--color-primary-600);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-bold);height:32px;justify-content:center;width:32px}.section-info-wrapper{flex:1 1;min-width:0}.section-card-meta{color:var(--color-text-muted);font-size:var(--text-xs);margin:0;margin-top:var(--space-1)}.section-card-body{border-top:1px solid var(--color-border);padding:var(--space-4)}.section-audio-list{display:flex;flex-direction:column;gap:var(--space-2)}.section-audio-item{align-items:center;border-radius:var(--radius-md);justify-content:space-between;padding:var(--space-2)}.section-audio-item,.section-controls{background:var(--color-background-subtle);display:flex}.section-controls{border-top:1px solid var(--color-border);gap:var(--space-2);padding:var(--space-3)}.lyrics-panel-wrapper{display:flex;flex-direction:column;overflow:hidden}.lyrics-panel-split{display:flex;flex:1 1;min-height:0;overflow:hidden}.lyrics-editor-container{display:flex;flex:1 1;min-width:0;transition:width .3s ease}.lyrics-editor-container.with-history{border-right:1px solid var(--color-border)}.lyrics-editor-full{background:var(--color-background);border:none;border-radius:0;color:var(--color-text-primary);flex:1 1;font-family:var(--font-mono);font-size:var(--text-base);line-height:1.8;padding:var(--space-4);resize:none}.lyrics-editor-full:focus{background:var(--color-background-elevated);outline:none}.resize-handle{align-items:center;background:var(--color-border);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);cursor:col-resize;display:flex;justify-content:center;width:8px}.resize-handle svg{color:var(--color-text-secondary)}.version-history-panel{background:var(--color-background-subtle);display:flex;flex-direction:column;overflow:hidden}.version-history-header{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.version-history-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0}.version-history-subtitle{align-items:center;color:var(--color-text-muted);font-size:var(--text-xs);margin:var(--space-1) 0 0}.version-history-actions,.version-history-subtitle{display:flex;gap:var(--space-1)}.version-history-body{flex:1 1;overflow-y:auto;padding:var(--space-2)}.version-item{background:var(--color-background);border:1px solid var(--color-border);margin-bottom:var(--space-1);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.version-item:hover{border-color:var(--color-primary-400)}.version-item.current{background:var(--color-primary-50);border-color:var(--color-primary-500)}.version-item.selected{background:var(--color-primary-100)}.version-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.version-item-title{color:var(--color-text-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);margin:0}.version-item-current-badge{align-items:center;background:var(--color-success-100);border-radius:var(--radius-sm);color:var(--color-success-700);display:inline-flex;font-size:10px;font-weight:var(--font-bold);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.version-item-meta{color:var(--color-text-muted);font-size:11px;margin:0}.version-item-description{color:var(--color-text-secondary);font-size:11px;font-style:italic;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-history-empty{color:var(--color-text-secondary);padding:var(--space-5) var(--space-3);text-align:center}.version-history-empty svg{margin-bottom:var(--space-2);opacity:.5}.version-history-empty-title{font-size:var(--text-xs);font-weight:var(--font-medium);margin:0}.version-history-empty-subtitle{font-size:11px;margin:var(--space-1) 0 0}.comparison-modal-backdrop{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.comparison-modal-content{display:flex;flex-direction:column;max-height:90%;max-width:1400px;width:95%}.comparison-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);padding:var(--space-4)}.comparison-modal-title{flex:1 1;margin:0}.comparison-legend{display:flex;font-size:var(--text-xs);gap:var(--space-3)}.comparison-legend-item{align-items:center;display:flex;gap:var(--space-1)}.comparison-legend-color{border-radius:var(--radius-sm);height:12px;width:12px}.comparison-legend-color.added{background:#28a745}.comparison-legend-color.removed{background:#dc3545}.comparison-versions-header{background:var(--color-background-subtle);border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr}.comparison-version-info{padding:var(--space-4)}.comparison-version-info:first-child{border-right:1px solid var(--color-border)}.comparison-version-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.comparison-version-meta{color:var(--color-text-secondary);font-size:var(--text-xs);margin:0}.comparison-diff-container{display:grid;grid-template-columns:1fr 1fr;height:500px;overflow:hidden}.comparison-diff-panel{overflow-y:auto;padding:var(--space-4)}.comparison-diff-panel:first-child{border-right:1px solid var(--color-border)}.diff-line{border-left:3px solid #0000;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;margin:1px 0;padding:var(--space-2) var(--space-3);white-space:pre-wrap;word-break:break-word}.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:#0000;color:var(--color-text-primary)}.lyrics-empty-state{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.lyrics-empty-state svg{margin-bottom:var(--space-3);opacity:.5}.lyrics-empty-state-title{color:var(--color-text-secondary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.lyrics-empty-state-description{color:var(--color-text-muted);font-size:var(--text-sm);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-gray-50);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,[data-theme=dark] .section-controls{background:var(--color-background-subtle)}[data-theme=dark] .section-controls{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-diff-panel:first-child,[data-theme=dark] .comparison-version-info: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{background:var(--color-primary-50)}.ai-analysis-box,[data-theme=dark] .ai-analysis-box{marginTop:var(--space-4);borderRadius:var(--radius-lg);border:1px solid var(--color-primary-200);padding:var(--space-4)}[data-theme=dark] .ai-analysis-box{background:#3b82f61a}.bulk-tracks-review{width:100%}.bulk-tracks-review h3{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.bulk-tracks-review .help-text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0}.selected-files-summary{background:var(--color-background-subtle);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-4)}.selected-files-summary h4{color:var(--color-text-primary);font-size:var(--text-md);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.file-list-compact{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.file-list-compact li{align-items:center;background:var(--color-background);border-radius:var(--radius-sm);color:var(--color-text-primary);display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2)}.file-list-compact li svg{color:var(--color-primary-500);flex-shrink:0}.file-list-compact li span:first-of-type{flex:1 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{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-fast)}.track-review-item:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-sm)}.track-icon{align-items:center;background:var(--color-primary-100);border-radius:var(--radius-md);color:var(--color-primary-600);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.track-details{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-width:0}.track-title-display h4{color:var(--color-text-primary);flex:1 1;font-size:var(--text-md);font-weight:var(--font-semibold);margin:0}.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{border:1px solid var(--color-primary-500);font-size:var(--text-md);font-weight:var(--font-semibold)}.track-title-edit input:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px #3b82f61a}.track-meta{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2)}.track-filename{font-family:var(--font-mono)}.track-duration,.track-filename{background:var(--color-background-subtle)}.track-artwork-badge,.track-duration,.track-filename{border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.track-artwork-badge{background:var(--color-success-100);color:var(--color-success-700);font-weight:var(--font-medium)}.track-stage-select{align-items:center;display:flex;gap:var(--space-2)}.track-stage-select label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);min-width:50px}.track-stage-select select{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.track-stage-select select:hover{border-color:var(--color-border-medium)}.track-stage-select select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.upload-progress-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--space-8)}.upload-icon-large{animation:pulse-scale 2s ease-in-out infinite;background:var(--color-primary-100);color:var(--color-primary-600);height:80px;margin-bottom:var(--space-4);width:80px}.upload-progress-container h3{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0;text-align:center}.upload-progress-container p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-4) 0;text-align:center}.progress-bar{background:var(--color-background-subtle);margin-bottom:var(--space-2);max-width:400px}.progress-fill{background:linear-gradient(90deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);transition:width .3s ease}.progress-fill:after{animation:shimmer 1.5s infinite}.progress-text{color:var(--color-primary-600)}@keyframes pulse-scale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@media (max-width:768px){.track-review-item{flex-direction:column}.track-icon{height:50px;width:100%}.track-stage-select{align-items:stretch;flex-direction:column}.track-stage-select label{min-width:auto}.tracks-list{max-height:400px}}@media (prefers-reduced-motion:reduce){.progress-fill:after,.track-review-item,.upload-icon-large{animation:none;transition:none}}.inline-bulk-upload{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.idle-state,.inline-bulk-upload{transition:all var(--transition-normal)}.idle-state{align-items:center;border:2px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;justify-content:center;min-height:400px}.idle-state.dragging{background:var(--color-status-progress-bg);border-color:var(--color-primary-500);box-shadow:var(--shadow-glow-primary);transform:scale(1.01)}.drop-zone-content{max-width:600px;padding:var(--space-6);text-align:center}.upload-icon-large{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-glow-primary);color:var(--color-text-inverse);display:flex;height:96px;justify-content:center;margin:0 auto var(--space-6);transition:all var(--transition-normal);width:96px}.idle-state.dragging .upload-icon-large{box-shadow:var(--shadow-xl),var(--shadow-glow-primary);transform:scale(1.1)}.upload-icon-large svg{height:48px;width:48px}.drop-zone-content h3{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-3) 0}.main-instruction{color:var(--color-text-secondary);font-size:var(--text-lg);margin:0 0 var(--space-2) 0}.browse-link{background:none;border:none;color:var(--color-primary-500);cursor:pointer;font:inherit;padding:0;text-decoration:underline;transition:color var(--transition-fast)}.browse-link:hover{color:var(--color-primary-400)}.file-details{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-4) 0}.ai-analysis-toggle{background:var(--color-status-info-bg);border:1px solid var(--color-status-info-border);border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-4)}.ai-analysis-toggle label{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2)}.ai-analysis-toggle input[type=checkbox]{accent-color:var(--color-primary-500);cursor:pointer;height:18px;width:18px}.toggle-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.4;margin:var(--space-2) 0 0 1.75rem}.features-list{flex-direction:column;margin-top:var(--space-4)}.feature-item,.features-list{display:flex;gap:var(--space-2)}.feature-item{align-items:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.feature-item svg{color:var(--color-success-500);flex-shrink:0}.uploading-state{align-items:center;display:flex;justify-content:center;min-height:300px}.upload-progress{max-width:400px;text-align:center;width:100%}.upload-progress h3{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:var(--space-4) 0}.progress-bar{background:var(--color-background-muted);height:8px;margin:var(--space-4) 0;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:var(--gradient-primary);height:100%;transition:width var(--transition-normal)}.progress-fill:after{animation:progress-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,var(--glass-bg),#0000);bottom:0;left:0;right:0}.progress-text{color:var(--color-primary-500);font-size:var(--text-sm);font-weight:var(--font-medium)}.review-state{min-height:400px}.review-header{margin-bottom:var(--space-6);text-align:center}.review-header h3{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.review-header p{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}.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{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-fast)}.track-review-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.track-review-icon{align-items:center;background:var(--color-status-progress-bg);border-radius:var(--radius-md);color:var(--color-primary-500);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.track-review-info{flex:1 1;min-width:0}.track-title-row{margin-bottom:var(--space-2)}.track-title-display{align-items:center;display:flex;gap:var(--space-2)}.track-title-display strong{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.track-title-edit{align-items:center;display:flex;gap:var(--space-2)}.track-title-edit input{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:var(--text-base);padding:var(--space-2);transition:all var(--transition-fast)}.track-title-edit input:focus{border-color:var(--color-primary-500);box-shadow:var(--input-shadow-focus);outline:none}.track-metadata{display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-2);margin-top:var(--space-1)}.metadata-tag,.track-metadata{color:var(--color-text-secondary)}.metadata-tag{background:var(--color-background-muted);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:2px var(--space-2)}.metadata-tag--artwork{background:var(--color-status-completed-bg);color:var(--color-success-500)}.stage-select{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1)}.stage-select label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.05em;text-transform:uppercase}.stage-select select{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);min-width:150px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.stage-select select:focus{border-color:var(--color-primary-500);box-shadow:var(--input-shadow-focus);outline:none}.review-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4)}.creating-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:var(--space-8);text-align:center}.creating-icon{color:var(--color-primary-500);margin-bottom:var(--space-6)}.creating-state h3{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-3) 0}.progress-message{color:var(--color-primary-500);font-size:var(--text-base);font-weight:var(--font-medium);margin:0 0 var(--space-6) 0}.progress-steps{flex-direction:column;margin:var(--space-6) 0;min-width:300px}.progress-step,.progress-steps{display:flex;gap:var(--space-3)}.progress-step{align-items:center;background:var(--color-background-muted);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-secondary);padding:var(--space-3);transition:all var(--transition-normal)}.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{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.step-icon.pending{background:var(--color-border);border-radius:var(--radius-full);height:16px;width:16px}.step-icon.active{color:var(--color-primary-500)}.step-icon.complete{color:var(--color-success-500)}.creating-details{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-6);max-width:500px}.success-state{flex-direction:column;min-height:300px;padding:var(--space-8);text-align:center}.success-icon,.success-state{align-items:center;display:flex;justify-content:center}.success-icon{animation:successPop .5s var(--ease-out-back);background:var(--gradient-success);border-radius:var(--radius-full);box-shadow:var(--shadow-glow-emerald);color:var(--color-text-inverse);height:96px;margin-bottom:var(--space-6);width:96px}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-state h3{color:var(--color-success-500);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-3) 0}.success-state p{color:var(--color-text-secondary);font-size:var(--text-base);margin:0 0 var(--space-2) 0}.success-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic}.success-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.error-banner{align-items:center;background:var(--color-status-error-bg);border:1px solid var(--color-status-error-border);border-radius:var(--radius-md);color:var(--color-error-500);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.error-banner svg{flex-shrink:0}.button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.button-primary{background:var(--btn-primary-bg);box-shadow:var(--btn-primary-shadow);color:var(--color-text-inverse)}.button-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-2px)}.button-primary:active:not(:disabled){transform:translateY(0)}.button-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-secondary{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary)}.button-secondary:hover:not(:disabled){background:var(--color-hover-bg);border-color:var(--color-hover-border)}.button-secondary:disabled{cursor:not-allowed;opacity:.5}.icon-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast)}.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)}@media (max-width:768px){.inline-bulk-upload{padding:var(--space-4)}.upload-icon-large{height:72px;width:72px}.upload-icon-large svg{height:36px;width: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){.button,.icon-button,.idle-state,.progress-step,.stage-select select,.track-review-card,.track-title-edit input{transition:none}.progress-fill:after,.spinner,.success-icon{animation:none}.button-primary:hover,.idle-state.dragging .upload-icon-large{transform:none}}.glass{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg)}.glass,.glass-strong{border:1px solid var(--glass-border)}.glass-strong{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--glass-bg-strong)}.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);overflow:hidden;position:relative}.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{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.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:before{opacity:.7;width:2px}.sidebar-link{transition:all .3s ease}.sidebar-link:hover{background:var(--sidebar-link-hover-bg)}.app-header,.header{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border-bottom:1px solid var(--color-border)}.badge-dot,.status-indicator--in-progress .status-dot{animation:pulse-glow 2s ease-in-out infinite}.premium-bg:before{background:var(--bg-gradient-primary),var(--bg-gradient-violet),var(--bg-gradient-cyan),var(--bg-gradient-base);inset:0;z-index:-1}.avatar:hover,.user-avatar:hover{transform:scale(1.1)}.avatar-stack .avatar:hover{transform:translateY(-4px) scale(1.15)}.tooltip{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);color:var(--tooltip-text)}.status--active,.status-badge.active{background:var(--badge-active-bg);border:1px solid var(--badge-active-border);color:var(--badge-active-text)}.status--progress,.status-badge.in-progress{background:var(--badge-progress-bg);border:1px solid var(--badge-progress-border);color:var(--badge-progress-text)}.status--completed,.status-badge.completed{background:var(--badge-completed-bg);border:1px solid var(--badge-completed-border);color:var(--badge-completed-text)}.status--review,.status-badge.review{background:var(--badge-review-bg);border:1px solid var(--badge-review-border);color:var(--badge-review-text)}.status--draft,.status-badge.draft{background:var(--badge-draft-bg);border:1px solid var(--badge-draft-border);color:var(--badge-draft-text)}@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:translateX(20px)}to{opacity:1;transform:translateX(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){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-fade-in,.animate-fade-up,.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;box-shadow:var(--btn-primary-shadow);overflow:hidden;position:relative}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled),.button-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,.button-primary:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.btn--primary:hover:before,.btn-primary:hover:before,.button-primary:hover:before{left:100%}.btn--primary span,.btn--primary svg,.btn-primary span,.btn-primary svg,.button-primary span,.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){background:var(--btn-icon-hover-bg);border-color:var(--btn-icon-hover-border);transform:scale(1.1)}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--header-bg);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 .logo-icon,.logo:hover svg{transform:rotate(-5deg) scale(1.1)}.nav-link{position:relative;transition:all .3s ease}.nav-link:after{background:var(--nav-link-underline);border-radius:1px;bottom:-2px;box-shadow:var(--nav-link-underline-glow);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:80%}.nav-link.active{color:var(--nav-link-active-color);font-weight:var(--font-semibold)}.sidebar{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);position:relative}.sidebar:before{background:var(--sidebar-accent-gradient);content:"";height:100%;left:0;opacity:var(--sidebar-accent-opacity);position:absolute;top:0;width:3px}.sidebar-link{position:relative;transition:all .25s ease}.sidebar-link:before{background:var(--sidebar-link-hover-bg);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.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);border-left:3px solid var(--sidebar-link-active-border);color:var(--sidebar-link-hover-color);padding-left:calc(var(--space-3) + 1px)}.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{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.card--project:hover{box-shadow:var(--card-project-shadow-hover);transform:translateY(-6px)}.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--completed,.status-indicator--completed{box-shadow:var(--status-completed-glow)}.status--progress,.status-indicator--in-progress{box-shadow:var(--status-progress-glow)}.status--review,.status-indicator--review{box-shadow:var(--status-review-glow)}.status--progress .status-dot,.status-indicator--in-progress .status-dot{animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.modal{animation:modal-enter .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:var(--radius-xl);box-shadow:var(--modal-shadow)}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop{animation:backdrop-enter .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--modal-backdrop)}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus);outline:none}.search-input:focus,input[type=search]:focus{border-color:var(--input-search-border-focus);box-shadow:var(--input-search-shadow-focus)}.dropdown-menu,.dropdown__menu{animation:dropdown-enter .2s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:var(--radius-lg);box-shadow:var(--dropdown-shadow)}@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);overflow:hidden;position:relative}.progress-fill:after{animation:progress-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}@keyframes progress-shimmer{0%{left:-100%}to{left:200%}}.avatar,.user-avatar{background-clip:padding-box,border-box;background-origin:border-box;border:2px solid #0000;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.avatar:hover,.user-avatar:hover{box-shadow:var(--avatar-hover-shadow);transform:translateY(-4px) scale(1.1)}.avatar-stack .avatar:hover{transform:translateY(-6px) scale(1.15);z-index:10}.view-toggle{background:var(--view-toggle-bg);padding:4px}.view-button.active,.view-toggle-btn.active,.view-toggle-button.active{background:var(--view-toggle-active-bg);box-shadow:var(--view-toggle-active-shadow);color:var(--view-toggle-active-color);font-weight:var(--font-semibold)}.tooltip,[data-tooltip]:after{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--tooltip-bg);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{background:var(--tab-active-underline);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.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{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:var(--skeleton-bg);background-size:200% 100%}@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{box-shadow:var(--badge-shadow-hover);transform:translateY(-1px)}.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-left:4px solid var(--alert-border-color);border-radius:var(--radius-lg);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--danger,.alert--error{background:var(--alert-error-bg);border-left-color:var(--alert-error-border);color:var(--alert-error-text)}.page-item,.pagination-item{transition:all .2s ease}.page-item:hover:not(.active):not(.disabled),.pagination-item:hover:not(.active):not(.disabled){box-shadow:var(--pagination-hover-shadow);transform:translateY(-2px)}.page-item.active,.pagination-item.active{background:var(--pagination-active-bg);box-shadow:var(--pagination-active-shadow);color:var(--pagination-active-color)}.empty-state{background:var(--empty-state-bg);border:2px dashed var(--empty-state-border)}.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}.badge,.btn,.button,.card,.dropdown-menu,.modal,.nav-link,.pagination-item,.sidebar-link,.tab-item{transition:none}.status--progress .status-dot,.status-indicator--in-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{min-height:100vh;position:relative}.premium-bg:before{background:var(--bg-mesh-primary),var(--bg-mesh-violet),var(--bg-mesh-cyan),var(--bg-mesh-emerald),var(--bg-mesh-base);bottom:0;left:0;right:0;top:0;z-index:-10}.premium-bg:after,.premium-bg:before{content:"";pointer-events:none;position:fixed}.premium-bg:after{animation:aurora-rotate var(--aurora-speed) linear infinite;background:conic-gradient(from 180deg at 50% 50%,#0000 0deg,var(--aurora-color-1) 60deg,#0000 120deg,var(--aurora-color-2) 180deg,#0000 240deg,var(--aurora-color-3) 300deg,#0000 1turn);height:200%;left:-50%;opacity:var(--aurora-opacity);top:-50%;width:200%;z-index:-9}@keyframes aurora-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scene-particles{animation:particles-drift 30s linear infinite;background-image:radial-gradient(1.5px 1.5px at 20% 30%,rgba(128,128,128,var(--particles-white-opacity)) 0,#0000 100%),radial-gradient(1.5px 1.5px at 40% 70%,rgba(128,128,128,var(--particles-white-opacity)) 0,#0000 100%),radial-gradient(1.5px 1.5px at 60% 20%,rgba(128,128,128,var(--particles-white-opacity)) 0,#0000 100%),radial-gradient(1.5px 1.5px at 80% 60%,rgba(128,128,128,var(--particles-white-opacity)) 0,#0000 100%),radial-gradient(1.5px 1.5px at 15% 80%,rgba(128,128,128,var(--particles-white-opacity)) 0,#0000 100%),radial-gradient(1.5px 1.5px at 90% 40%,rgba(128,128,128,var(--particles-white-opacity)) 0,#0000 100%),radial-gradient(1px 1px at 35% 45%,rgba(128,128,128,var(--particles-white-opacity)) 0,#0000 100%),radial-gradient(1px 1px at 70% 35%,rgba(128,128,128,var(--particles-white-opacity)) 0,#0000 100%),radial-gradient(1px 1px at 25% 65%,rgba(128,128,128,var(--particles-white-opacity)) 0,#0000 100%),radial-gradient(1px 1px at 55% 90%,rgba(128,128,128,var(--particles-white-opacity)) 0,#0000 100%),radial-gradient(2px 2px at 10% 50%,rgba(59,130,246,var(--particles-color-opacity)) 0,#0000 100%),radial-gradient(2px 2px at 85% 15%,rgba(139,92,246,var(--particles-color-opacity)) 0,#0000 100%),radial-gradient(2px 2px at 50% 85%,rgba(6,182,212,var(--particles-color-opacity)) 0,#0000 100%),radial-gradient(2px 2px at 75% 75%,rgba(16,185,129,var(--particles-color-opacity)) 0,#0000 100%);background-size:250px 250px;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-8}@keyframes particles-drift{0%{transform:translateY(0)}to{transform:translateY(-250px)}}.scene-orb{animation:orb-float 20s ease-in-out infinite;border-radius:50%;filter:blur(var(--orb-blur));opacity:var(--orb-opacity);pointer-events:none;position:fixed;z-index:-7}.scene-orb-1{animation-delay:0s;background:radial-gradient(circle,var(--orb-1-color) 0,#0000 70%);height:600px;left:-150px;top:-200px;width:600px}.scene-orb-2{animation-delay:-7s;background:radial-gradient(circle,var(--orb-2-color) 0,#0000 70%);height:500px;right:-150px;top:30%;width:500px}.scene-orb-3{animation-delay:-14s;background:radial-gradient(circle,var(--orb-3-color) 0,#0000 70%);bottom:-100px;height:450px;left:25%;width:450px}@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{background-image:linear-gradient(var(--grid-line-color) 1px,#0000 1px),linear-gradient(90deg,var(--grid-line-color) 1px,#0000 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,#000 0,#0000 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0,#0000 70%);z-index:-6}.scene-grid,.scene-noise{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0}.scene-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:var(--noise-opacity);z-index:-5}.scene-beam{animation:beam-pulse 8s ease-in-out infinite;height:100vh;opacity:var(--beam-opacity);pointer-events:none;position:fixed;width:2px;z-index:-6}.scene-beam-1{animation-delay:0s;background:linear-gradient(180deg,#0000,#3b82f61a 20%,#3b82f633 50%,#3b82f61a 80%,#0000);left:15%}.scene-beam-2{animation-delay:-3s;background:linear-gradient(180deg,#0000,#8b5cf61a 20%,#8b5cf626 50%,#8b5cf61a 80%,#0000);left:45%}.scene-beam-3{animation-delay:-6s;background:linear-gradient(180deg,#0000,#06b6d41a 20%,#06b6d426 50%,#06b6d41a 80%,#0000);left:75%}@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{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(59,130,246,calc(var(--aurora-opacity)*.05)) 0,#0000 70%);height:100vh;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw;z-index:-8}.scene-beam,.scene-glow,.scene-grid,.scene-noise,.scene-orb,.scene-particles{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion:reduce){.premium-bg:after,.scene-beam,.scene-orb,.scene-particles{animation:none}}@media (max-width:768px){.scene-orb-1{height:400px;left:-100px;top:-150px;width:400px}.scene-orb-2{height:350px;right:-100px;width:350px}.scene-orb-3{height:300px;left:15%;width:300px}.scene-particles{animation-duration:40s;background-size:300px 300px}.scene-beam{display:none}}[data-theme=dark] .app,[data-theme=dark] .app-content,[data-theme=dark] .main-content{background:#0000!important}[data-theme=dark] .sidebar{border-right:1px solid #ffffff0f}[data-theme=dark] .header,[data-theme=dark] .sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0f1acc!important}[data-theme=dark] .header{border-bottom:1px solid #ffffff0f}[data-theme=dark] .activity-feed,[data-theme=dark] .dashboard-section,[data-theme=dark] .page-header,[data-theme=dark] .project-header,[data-theme=dark] .projects-header,[data-theme=dark] .projects-section,[data-theme=dark] .recent-activity,[data-theme=dark] .recent-projects,[data-theme=dark] .section,[data-theme=dark] .track-header,[data-theme=dark] .tracks-header,[data-theme=dark] .tracks-section{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000!important;border:none!important;box-shadow:none!important}[data-theme=dark] .controls-bar,[data-theme=dark] .filter-bar,[data-theme=dark] .filters,[data-theme=dark] .page-controls,[data-theme=dark] .search-filter,[data-theme=dark] .toolbar{background:#0000!important;border:none!important}[data-theme=dark] .filter-input,[data-theme=dark] .search-input,[data-theme=dark] input[type=search]{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e293b80!important;border:1px solid #ffffff1a!important}[data-theme=dark] .filter-select,[data-theme=dark] select{background:#1e293b80!important;border:1px solid #ffffff1a!important}[data-theme=dark] .page-tabs,[data-theme=dark] .tab-list,[data-theme=dark] .tabs,[data-theme=dark] .view-tabs{background:#0000!important;border-bottom:1px solid #ffffff14}[data-theme=dark] .tab,[data-theme=dark] .tab-item{background:#0000!important}[data-theme=dark] .tab-item.active,[data-theme=dark] .tab.active{background:#3b82f626!important}[data-theme=dark] .cards-grid,[data-theme=dark] .projects-grid,[data-theme=dark] .tracks-grid{background:#0000!important}[data-theme=dark] .modal,[data-theme=dark] .modal-body,[data-theme=dark] .modal-content{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0f172af2!important;border:1px solid #ffffff1a}[data-theme=dark] .modal-backdrop,[data-theme=dark] .modal-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3!important}[data-theme=dark] .context-menu,[data-theme=dark] .dropdown-menu,[data-theme=dark] .user-menu-dropdown{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293bf2!important;border:1px solid #ffffff1f}[data-theme=dark] .toast,[data-theme=dark] .toast-container{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1e293be6!important}[data-theme=dark] .editor-workspace,[data-theme=dark] .songwriting-workspace,[data-theme=dark] .stage-workspace{background:#0f172a66!important}[data-theme=dark] .form-container,[data-theme=dark] .form-section{background:#0000!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] .card,[data-theme=light] .header,[data-theme=light] .sidebar,[data-theme=light] .stat-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-background)!important}.dashboard{min-height:100vh;padding:var(--space-6)}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-greeting{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-title{-webkit-text-fill-color:#0000;align-items:center;background:var(--dashboard-title-gradient);-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);display:flex;font-size:var(--text-3xl);font-weight:var(--font-bold);gap:var(--space-3);margin:0}.dashboard-title .title-icon{-webkit-text-fill-color:var(--dashboard-title-icon-color);animation:sparkle 2s ease-in-out infinite;color:var(--dashboard-title-icon-color)}.dashboard-subtitle{color:var(--color-text-muted);font-size:var(--text-base);margin:0}.dashboard-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(4,1fr);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{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:1fr 380px}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}}.dashboard-stat,.stat-card,.stats-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--stat-card-bg);border:1px solid var(--stat-card-border);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-6);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dashboard-stat:before,.stat-card:before,.stats-card:before{background:var(--stat-card-glow-line);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.dashboard-stat:hover:before,.stat-card:hover:before,.stats-card:hover:before{opacity:1}.dashboard-stat:hover,.stat-card:hover,.stats-card:hover{border-color:var(--stat-card-border-hover);box-shadow:var(--stat-card-shadow-hover);transform:translateY(-4px)}.stat-card-icon,.stat-icon{align-items:center;background:var(--stat-icon-bg);border-radius:var(--radius-lg);color:var(--stat-icon-color);display:flex;height:48px;justify-content:center;margin-bottom:var(--space-4);transition:all .3s ease;width:48px}.stat-card:hover .stat-card-icon,.stat-card:hover .stat-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-number,.stat-value{-webkit-text-fill-color:#0000;background:var(--stat-value-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-1)}.stat-label,.stat-title{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.05em;text-transform:uppercase}.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.project-card-header{align-items:flex-start;display:flex;gap:var(--space-3)}.project-icon{align-items:center;background:var(--stat-icon-bg);border-radius:var(--radius-lg);color:var(--stat-icon-color);display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.project-card:hover .project-icon{transform:scale(1.1) rotate(5deg)}.project-info{flex:1 1;min-width:0}.project-name{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0;transition:color .3s ease}.project-card:hover .project-name{color:var(--card-title-hover-color)}.project-description{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5;margin:0}.project-card-meta{border-top:1px solid var(--project-meta-border);display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:auto;padding-top:var(--space-3)}.meta-item{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-1)}.meta-item svg{opacity:.6}.projects-grid{grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.activity-feed,.activity-sidebar{background:var(--activity-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-5);position:-webkit-sticky;position:sticky;top:var(--space-6)}.activity-feed-header,.activity-header{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.activity-item{align-items:flex-start;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3);position:relative;transition:all .3s ease}.activity-item:hover{background:var(--activity-item-hover)}.activity-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.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 1;min-width:0}.activity-title{color:var(--color-text-primary);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.activity-description{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.activity-time{color:var(--color-text-muted);font-size:var(--text-xs);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,.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3);text-transform:capitalize;transition:all .3s ease}.status--active,.status-badge.active,.status.active{background:var(--badge-active-bg);border:1px solid var(--badge-active-border);box-shadow:0 0 20px #10b9811a;color:var(--badge-active-text)}.status--progress,.status-badge.in-progress,.status.in-progress{background:var(--badge-progress-bg);border:1px solid var(--badge-progress-border);box-shadow:0 0 20px #3b82f61a;color:var(--badge-progress-text)}.status--completed,.status-badge.completed,.status.completed{background:var(--badge-completed-bg);border:1px solid var(--badge-completed-border);box-shadow:0 0 20px #10b9811a;color:var(--badge-completed-text)}.status--hold,.status-badge.on-hold,.status.on-hold{background:var(--badge-review-bg);border:1px solid var(--badge-review-border);box-shadow:0 0 20px #f59e0b1a;color:var(--badge-review-text)}.status--active:before,.status-badge.active:before{animation:pulse-dot 2s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";height:6px;width:6px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.dashboard-section-header,.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5)}.section-title{color:var(--color-text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-semibold);gap:var(--space-2);margin:0}.section-actions,.section-title,.view-all-link{align-items:center}.view-all-link{border-radius:var(--radius-md);color:var(--color-primary-500);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all .2s ease}.view-all-link:hover{background:var(--dropdown-item-hover);color:var(--color-primary-400);gap:var(--space-2)}.view-all-link svg{transition:transform .2s ease}.view-all-link:hover svg{transform:translateX(4px)}.empty-state{color:var(--color-text-muted);padding:var(--space-12) var(--space-6)}.empty-state-icon{background:var(--stat-icon-bg);border-radius:var(--radius-full);color:var(--stat-icon-color);height:64px;margin:0 auto var(--space-4);padding:var(--space-4);width:64px}.empty-state-title{color:var(--color-text-secondary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state-description{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 auto;max-width:300px}.btn-glow{box-shadow:var(--shadow-glow-primary);overflow:hidden;position:relative}.btn-glow:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-primary)}.stagger-item{animation:stagger-in .5s ease forwards}.stagger-item:first-child{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{animation:none;opacity:1}.card:hover,.card:hover .card-icon,.project-card:hover,.project-card:hover .project-icon,.stagger-item,.stat-card:hover,.stat-card:hover .stat-icon{transform:none}.dashboard-title .title-icon{animation:none}@keyframes pulse-dot{0%,to{opacity:1;transform:none}}}.project-card-premium{background:var(--premium-card-bg);border:1px solid var(--premium-card-border);border-radius:16px;border-radius:var(--radius-xl,16px);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.user-avatar+.card-title-content .card-title{max-width:180px}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-bold);height:40px;justify-content:center;text-transform:uppercase;width:40px}.card--horizontal .user-avatar{font-size:var(--text-xs);height:32px;width:32px}.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{border-color:var(--premium-card-border-hover);box-shadow:var(--premium-card-shadow-hover);transform:translateY(-4px)}.project-card-premium__top{align-items:center;background:var(--premium-top-bg);display:flex;justify-content:center;min-height:120px;padding:20px;padding:var(--space-5,20px);padding-bottom:24px;padding-bottom:var(--space-6,24px);position:relative}.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{border-radius:50%;content:"";filter:blur(30px);height:80px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:80px}.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{align-items:center;border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.05em;padding:4px 10px;position:absolute;right:12px;right:var(--space-3,12px);text-transform:uppercase;top:12px;top:var(--space-3,12px);z-index:2}.project-card-premium__status:before{animation:pulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.project-card-premium__status--active{background:var(--premium-status-active-bg);border:1px solid var(--premium-status-active-border);color:var(--premium-status-active-color)}.project-card-premium__status--review{background:var(--premium-status-review-bg);border:1px solid var(--premium-status-review-border);color:var(--premium-status-review-color)}.project-card-premium__status--completed,.project-card-premium__status--done{background:var(--premium-status-completed-bg);border:1px solid var(--premium-status-completed-border);color:var(--premium-status-completed-color)}.project-card-premium__status--on_hold{background:var(--premium-status-onhold-bg);border:1px solid var(--premium-status-onhold-border);color:var(--premium-status-onhold-color)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.project-card-premium__icon-wrapper{align-items:center;background:var(--premium-icon-wrapper-bg);border:2px solid var(--premium-icon-wrapper-border);border-radius:14px;border-radius:var(--radius-lg,14px);display:flex;height:56px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:56px;z-index:1}.project-card-premium--color-blue .project-card-premium__icon-wrapper{background:var(--premium-blue-icon-wrapper-bg);border-color:var(--premium-blue-icon-wrapper-border)}.project-card-premium--color-purple .project-card-premium__icon-wrapper{background:var(--premium-purple-icon-wrapper-bg);border-color:var(--premium-purple-icon-wrapper-border)}.project-card-premium--color-green .project-card-premium__icon-wrapper{background:var(--premium-green-icon-wrapper-bg);border-color:var(--premium-green-icon-wrapper-border)}.project-card-premium--color-teal .project-card-premium__icon-wrapper{background:var(--premium-teal-icon-wrapper-bg);border-color:var(--premium-teal-icon-wrapper-border)}.project-card-premium--color-indigo .project-card-premium__icon-wrapper{background:var(--premium-indigo-icon-wrapper-bg);border-color:var(--premium-indigo-icon-wrapper-border)}.project-card-premium--color-rose .project-card-premium__icon-wrapper{background:var(--premium-rose-icon-wrapper-bg);border-color:var(--premium-rose-icon-wrapper-border)}.project-card-premium__icon{align-items:center;background:#0000;border:2px solid;border-radius:50%;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.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{background:#ffffff0d;box-shadow:0 0 20px currentColor}.project-card-premium__visualizer{align-items:flex-end;bottom:12px;bottom:var(--space-3,12px);display:flex;gap:2px;height:16px;left:16px;left:var(--space-4,16px);opacity:0;position:absolute;transition:opacity .3s ease}.project-card-premium:hover .project-card-premium__visualizer{opacity:1}.project-card-premium__visualizer-bar{background:currentColor;border-radius:2px;opacity:.6;width:3px}.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:first-child{animation:viz .8s ease-in-out infinite;height:35%}.project-card-premium__visualizer-bar:nth-child(2){animation:viz .6s ease-in-out .1s infinite;height:65%}.project-card-premium__visualizer-bar:nth-child(3){animation:viz .7s ease-in-out .2s infinite;height:45%}.project-card-premium__visualizer-bar:nth-child(4){animation:viz .5s ease-in-out .15s infinite;height:80%}.project-card-premium__visualizer-bar:nth-child(5){animation:viz .9s ease-in-out .25s infinite;height:55%}@keyframes viz{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.project-card-premium__bottom{display:flex;flex:1 1;flex-direction:column}.project-card-premium__info{background:var(--premium-info-bg);padding:16px;padding:var(--space-4,16px);padding-bottom:12px;padding-bottom:var(--space-3,12px)}.project-card-premium__title{color:var(--color-text-primary);font-size:16px;font-size:var(--text-base,16px);font-weight:600;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{color:var(--color-text-muted);font-size:14px;font-size:var(--text-sm,14px);margin:0 0 8px;margin:0 0 var(--space-2,8px) 0}.project-card-premium__meta{align-items:center;display:flex;gap:12px;gap:var(--space-3,12px)}.project-card-premium__tracks{align-items:center;color:var(--color-text-muted);display:flex;font-size:14px;font-size:var(--text-sm,14px);gap:4px}.project-card-premium__tracks svg{opacity:.6}.project-card-premium__complete{align-items:center;color:var(--premium-status-completed-color);display:flex;font-size:14px;font-size:var(--text-sm,14px);gap:4px}.project-card-premium__footer{align-items:center;background:var(--premium-footer-bg);border-top:1px solid var(--premium-footer-border);display:flex;justify-content:space-between;margin-top:auto;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.project-card-premium__updated{color:var(--color-text-muted);font-size:12px;font-size:var(--text-xs,12px);opacity:.7}.project-card-premium__released{color:var(--premium-status-completed-color);font-size:14px;font-size:var(--text-sm,14px);font-weight:500}.avatar-stack,.avatar-stack__item{align-items:center;display:flex}.avatar-stack__item{border:2px solid var(--premium-avatar-border);border-radius:50%;font-size:10px;font-weight:600;height:26px;justify-content:center;margin-left:-6px;text-transform:uppercase;transition:all .2s ease;width:26px}.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{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:repeat(3,1fr)}@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{animation:cardIn .5s ease forwards;opacity:0;transform:translateY(20px)}.project-card-premium:first-child{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{background:var(--premium-card-bg);border:1px solid var(--premium-card-border);border-radius:16px;border-radius:var(--radius-xl,16px);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.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{border-color:var(--premium-card-border-hover);box-shadow:var(--premium-card-shadow-hover);transform:translateY(-4px)}.track-card-premium__top{align-items:center;background:var(--premium-top-bg);display:flex;justify-content:center;min-height:90px;padding:16px;padding:var(--space-4,16px);position:relative}.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{align-items:center;border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.05em;padding:4px 10px;position:absolute;right:12px;right:var(--space-3,12px);text-transform:uppercase;top:12px;top:var(--space-3,12px);z-index:2}.track-card-premium__status:before{animation:pulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.track-card-premium__status--active{background:var(--premium-status-active-bg);border:1px solid var(--premium-status-active-border);color:var(--premium-status-active-color)}.track-card-premium__status--completed{background:var(--premium-status-completed-bg);border:1px solid var(--premium-status-completed-border);color:var(--premium-status-completed-color)}.track-card-premium__status--review{background:var(--premium-status-review-bg);border:1px solid var(--premium-status-review-border);color:var(--premium-status-review-color)}.track-card-premium__status--on_hold{background:var(--premium-status-locked-bg);border:1px solid var(--premium-status-locked-border);color:var(--premium-status-locked-color)}.track-card-premium__icon-wrapper{align-items:center;background:var(--premium-icon-wrapper-bg);border:2px solid var(--premium-icon-wrapper-border);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;height:48px;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:48px;z-index:1}.track-card-premium--color-blue .track-card-premium__icon-wrapper{background:var(--premium-blue-icon-wrapper-bg);border-color:var(--premium-blue-icon-wrapper-border)}.track-card-premium--color-purple .track-card-premium__icon-wrapper{background:var(--premium-purple-icon-wrapper-bg);border-color:var(--premium-purple-icon-wrapper-border)}.track-card-premium--color-green .track-card-premium__icon-wrapper{background:var(--premium-green-icon-wrapper-bg);border-color:var(--premium-green-icon-wrapper-border)}.track-card-premium--color-teal .track-card-premium__icon-wrapper{background:var(--premium-teal-icon-wrapper-bg);border-color:var(--premium-teal-icon-wrapper-border)}.track-card-premium--color-indigo .track-card-premium__icon-wrapper{background:var(--premium-indigo-icon-wrapper-bg);border-color:var(--premium-indigo-icon-wrapper-border)}.track-card-premium--color-rose .track-card-premium__icon-wrapper{background:var(--premium-rose-icon-wrapper-bg);border-color:var(--premium-rose-icon-wrapper-border)}.track-card-premium__icon{align-items:center;background:#0000;border:2px solid;border-radius:50%;display:flex;height:28px;justify-content:center;width:28px}.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{align-items:flex-end;bottom:12px;bottom:var(--space-3,12px);display:flex;gap:2px;height:14px;left:12px;left:var(--space-3,12px);opacity:0;position:absolute;transition:opacity .3s ease}.track-card-premium:hover .track-card-premium__visualizer{opacity:1}.track-card-premium__visualizer-bar{background:currentColor;border-radius:2px;opacity:.6;width:3px}.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:first-child{animation:viz .8s ease-in-out infinite;height:35%}.track-card-premium__visualizer-bar:nth-child(2){animation:viz .6s ease-in-out .1s infinite;height:65%}.track-card-premium__visualizer-bar:nth-child(3){animation:viz .7s ease-in-out .2s infinite;height:45%}.track-card-premium__visualizer-bar:nth-child(4){animation:viz .5s ease-in-out .15s infinite;height:80%}.track-card-premium__visualizer-bar:nth-child(5){animation:viz .9s ease-in-out .25s infinite;height:55%}.track-card-premium__bottom{display:flex;flex:1 1;flex-direction:column}.track-card-premium__info{background:var(--premium-info-bg);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.track-card-premium__title{color:var(--color-text-primary);font-size:16px;font-size:var(--text-base,16px);font-weight:600;margin:0 0 2px}.track-card-premium:hover .track-card-premium__title{color:var(--color-primary-400)}.track-card-premium__artist{color:var(--color-text-muted);font-size:14px;font-size:var(--text-sm,14px);margin:0 0 8px;margin:0 0 var(--space-2,8px) 0}.track-card-premium__meta{align-items:center;display:flex;gap:12px;gap:var(--space-3,12px)}.track-card-premium__progress,.track-card-premium__stages{align-items:center;color:var(--color-text-muted);display:flex;font-size:14px;font-size:var(--text-sm,14px);gap:4px}.track-card-premium__progress svg,.track-card-premium__stages svg{opacity:.6}.track-card-premium__complete{color:var(--premium-status-completed-color)}.track-card-premium__footer{align-items:center;background:var(--premium-footer-bg);border-top:1px solid var(--premium-footer-border);display:flex;justify-content:space-between;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.track-card-premium__progress-bar{background:#ffffff1a;background:var(--track-progress-bg,#ffffff1a);border-radius:2px;flex:1 1;height:4px;margin-right:12px;margin-right:var(--space-3,12px);overflow:hidden}.track-card-premium__progress-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));background:var(--track-progress-fill,linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400)));border-radius:2px;height:100%;transition:width .3s ease}.track-card-premium__date{color:var(--color-text-muted);font-size:12px;font-size:var(--text-xs,12px);opacity:.7}.stage-card-premium{background:var(--premium-card-bg);border:1px solid var(--premium-card-border);border-radius:16px;border-radius:var(--radius-xl,16px);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.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{border-color:var(--premium-card-border-hover);box-shadow:var(--premium-card-shadow-hover);transform:translateY(-4px)}.stage-card-premium__top{align-items:center;background:var(--premium-top-bg);display:flex;justify-content:center;min-height:80px;padding:16px;padding:var(--space-4,16px);position:relative}.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{background:#ffffff1a;background:var(--stage-order-bg,#ffffff1a);border:1px solid var(--premium-card-border);border-radius:50%;color:var(--color-text-muted);display:flex;font-size:11px;font-weight:700;height:24px;justify-content:center;left:12px;left:var(--space-3,12px);width:24px}.stage-card-premium__number,.stage-card-premium__status{align-items:center;position:absolute;top:12px;top:var(--space-3,12px)}.stage-card-premium__status{border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;font-size:10px;font-weight:600;gap:5px;letter-spacing:.05em;padding:4px 10px;right:12px;right:var(--space-3,12px);text-transform:uppercase;z-index:2}.stage-card-premium__status:before{animation:pulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";height:5px;width:5px}.stage-card-premium__status--active{background:var(--premium-status-active-bg);border:1px solid var(--premium-status-active-border);color:var(--premium-status-active-color)}.stage-card-premium__status--completed{background:var(--premium-status-completed-bg);border:1px solid var(--premium-status-completed-border);color:var(--premium-status-completed-color)}.stage-card-premium__status--review{background:var(--premium-status-review-bg);border:1px solid var(--premium-status-review-border);color:var(--premium-status-review-color)}.stage-card-premium__status--locked,.stage-card-premium__status--on_hold{background:var(--premium-status-locked-bg);border:1px solid var(--premium-status-locked-border);color:var(--premium-status-locked-color)}.stage-card-premium__status--locked:before{animation:none}.stage-card-premium__icon-wrapper{align-items:center;background:var(--premium-icon-wrapper-bg);border:2px solid var(--premium-icon-wrapper-border);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;height:44px;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:44px;z-index:1}.stage-card-premium--color-blue .stage-card-premium__icon-wrapper{background:var(--premium-blue-icon-wrapper-bg);border-color:var(--premium-blue-icon-wrapper-border)}.stage-card-premium--color-purple .stage-card-premium__icon-wrapper{background:var(--premium-purple-icon-wrapper-bg);border-color:var(--premium-purple-icon-wrapper-border)}.stage-card-premium--color-green .stage-card-premium__icon-wrapper{background:var(--premium-green-icon-wrapper-bg);border-color:var(--premium-green-icon-wrapper-border)}.stage-card-premium--color-teal .stage-card-premium__icon-wrapper{background:var(--premium-teal-icon-wrapper-bg);border-color:var(--premium-teal-icon-wrapper-border)}.stage-card-premium--color-indigo .stage-card-premium__icon-wrapper{background:var(--premium-indigo-icon-wrapper-bg);border-color:var(--premium-indigo-icon-wrapper-border)}.stage-card-premium--color-rose .stage-card-premium__icon-wrapper{background:var(--premium-rose-icon-wrapper-bg);border-color:var(--premium-rose-icon-wrapper-border)}.stage-card-premium__icon{align-items:center;background:#0000;border:2px solid;border-radius:50%;display:flex;height:26px;justify-content:center;width:26px}.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{display:flex;flex:1 1;flex-direction:column}.stage-card-premium__info{background:var(--premium-info-bg);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.stage-card-premium__title{color:var(--color-text-primary);font-size:14px;font-size:var(--text-sm,14px);font-weight:600;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{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px)}.stage-card-premium__versions{background:#ffffff0d;background:var(--stage-order-bg,#ffffff0d);border-radius:4px;color:var(--color-text-muted);font-size:12px;font-size:var(--text-xs,12px);padding:2px 6px}.stage-card-premium__complete{align-items:center;color:var(--premium-status-completed-color);display:flex;font-size:12px;font-size:var(--text-xs,12px);gap:4px}.stage-card-premium__footer{align-items:center;background:var(--premium-footer-bg);border-top:1px solid var(--premium-footer-border);display:flex;justify-content:space-between;padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px)}.stage-card-premium__assignee,.stage-card-premium__date{color:var(--color-text-muted);font-size:12px;font-size:var(--text-xs,12px)}.stage-card-premium__date{margin-left:auto;opacity:.7}.activity-feed-premium{background:var(--premium-activity-bg);border:1px solid var(--premium-activity-border);border-radius:16px;border-radius:var(--radius-xl,16px);overflow:hidden}.activity-feed-premium__header{align-items:center;border-bottom:1px solid var(--premium-footer-border);display:flex;justify-content:space-between;padding:16px;padding:var(--space-4,16px)}.activity-feed-premium__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:16px;font-size:var(--text-base,16px);font-weight:600;gap:8px;gap:var(--space-2,8px);margin:0}.activity-feed-premium__live{animation:livePulse 2s ease-in-out infinite;background:var(--premium-status-completed-color);border-radius:50%;height:8px;width:8px}@keyframes livePulse{0%,to{box-shadow:0 0 0 0 #4ade8066;opacity:1}50%{box-shadow:0 0 0 6px #4ade8000;opacity:.8}}.activity-feed-premium__menu{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:var(--color-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.activity-feed-premium__menu:hover{background:#ffffff1a;background:var(--tab-hover-bg,#ffffff1a);color:var(--color-text-primary)}.activity-feed-premium__list{padding:8px;padding:var(--space-2,8px)}.activity-feed-premium__item{align-items:flex-start;border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;display:flex;gap:12px;gap:var(--space-3,12px);padding:12px;padding:var(--space-3,12px);transition:all .2s ease}.activity-feed-premium__item:hover{background:var(--premium-activity-item-hover)}.activity-feed-premium__icon{align-items:center;border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.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 1;min-width:0}.activity-feed-premium__text{color:var(--color-text-primary);font-size:14px;font-size:var(--text-sm,14px);line-height:1.4;margin:0 0 2px}.activity-feed-premium__text strong{font-weight:600}.activity-feed-premium__time{color:var(--color-text-muted);font-size:12px;font-size:var(--text-xs,12px)}.activity-feed-premium__empty{color:var(--color-text-muted);padding:24px;padding:var(--space-6,24px);text-align:center}.activity-feed-premium__item{animation:actIn .4s ease forwards;opacity:0;transform:translateX(-10px)}.activity-feed-premium__item:first-child{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:translateX(0)}}@media (prefers-reduced-motion:reduce){.activity-feed-premium__item,.project-card-premium,.stage-card-premium,.track-card-premium{animation:none;opacity:1;transform:none}.activity-feed-premium__live,.project-card-premium__status:before,.project-card-premium__visualizer-bar,.stage-card-premium__status:before,.track-card-premium__status:before,.track-card-premium__visualizer-bar{animation:none}.project-card-premium:hover,.project-card-premium:hover .project-card-premium__icon-wrapper,.stage-card-premium:hover,.stage-card-premium:hover .stage-card-premium__icon-wrapper,.track-card-premium:hover,.track-card-premium:hover .track-card-premium__icon-wrapper{transform:none}}.command-palette-backdrop{align-items:flex-start;animation:cmd-backdrop-in .15s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding-top:15vh;position:fixed;z-index:9999}@keyframes cmd-backdrop-in{0%{opacity:0}to{opacity:1}}.command-palette{animation:cmd-slide-in .2s cubic-bezier(.34,1.56,.64,1);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 24px 48px -12px #00000040,0 0 0 1px #0000000d;max-width:640px;overflow:hidden;width:100%}@keyframes cmd-slide-in{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.command-palette-input-wrapper{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.command-palette-icon{color:var(--color-text-muted);flex-shrink:0}.command-palette-input{background:#0000;border:none;caret-color:var(--color-primary-500);color:var(--color-text-primary);flex:1 1;font-size:var(--text-lg);font-weight:var(--font-medium);outline:none}.command-palette-input::placeholder{color:var(--color-text-muted);font-weight:var(--font-normal)}.command-palette-shortcut{align-items:center;display:flex;gap:var(--space-1)}.command-palette-kbd{align-items:center;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);height:24px;justify-content:center;min-width:24px;padding:0 var(--space-2)}.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:#0000}.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{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--space-2) var(--space-3);text-transform:uppercase}.command-palette-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all .15s ease}.command-palette-item.selected,.command-palette-item:hover{background:var(--color-primary-50)}.command-palette-item.selected{background:var(--color-primary-100)}.command-palette-item-icon{align-items:center;background:var(--color-background-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s ease;width:36px}.command-palette-item.selected .command-palette-item-icon,.command-palette-item:hover .command-palette-item-icon{background:var(--color-primary-100);color:var(--color-primary-600)}.command-palette-item-content{flex:1 1;min-width:0}.command-palette-item-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette-item-title mark{background:var(--color-warning-200);border-radius:2px;color:inherit;padding:0 2px}.command-palette-item-subtitle{color:var(--color-text-muted);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette-item-action{align-items:center;color:var(--color-text-muted);display:none;font-size:var(--text-xs);gap:var(--space-1)}.command-palette-item.selected .command-palette-item-action,.command-palette-item:hover .command-palette-item-action{display:flex}.command-palette-breadcrumb{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.command-palette-breadcrumb,.command-palette-breadcrumb-item{align-items:center;display:flex;gap:var(--space-1)}.command-palette-breadcrumb-separator{color:var(--color-border-strong)}.command-palette-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.command-palette-empty-icon{color:var(--color-text-muted);height:48px;margin-bottom:var(--space-4);opacity:.5;width:48px}.command-palette-empty-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.command-palette-empty-subtitle{color:var(--color-text-muted);font-size:var(--text-xs)}.command-palette-footer{align-items:center;background:var(--color-background-subtle);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.command-palette-footer-hints{align-items:center;display:flex;gap:var(--space-4)}.command-palette-hint{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2)}.command-palette-footer-action{color:var(--color-primary-600);cursor:pointer;font-size:var(--text-xs)}.command-palette-footer-action:hover{text-decoration:underline}.command-palette-loading{align-items:center;display:flex;justify-content:center;padding:var(--space-8)}.command-palette-spinner{animation:cmd-spin .6s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary-500);height:24px;width:24px}@keyframes cmd-spin{to{transform:rotate(1turn)}}.command-palette-recent{align-items:center;display:flex;gap:var(--space-2)}.command-palette-recent-icon{color:var(--color-text-muted)}.command-palette-recent-clear{color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs);margin-left:auto;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.selected,[data-theme=dark] .command-palette-item:hover{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.selected .command-palette-item-icon,[data-theme=dark] .command-palette-item:hover .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-left:var(--space-4);padding-right:var(--space-4);padding-top:10vh}.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,.command-palette-backdrop{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:0.3s cubic-bezier(0.4,0,0.2,1)}.sidebar--rail{overflow:visible;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--rail-transition);width:64px;width:var(--rail-width-collapsed)}.sidebar--rail .sidebar-inner,.sidebar--rail.expanded,.sidebar--rail:hover{width:250px;width:var(--rail-width-expanded)}.sidebar--rail .sidebar-inner{overflow:hidden}.rail-toggle{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:-12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:10}.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{color:var(--color-text-muted);height:14px;transition:transform .3s ease;width:14px}.sidebar--rail:not(.expanded) .rail-toggle svg{transform:rotate(180deg)}.rail-toggle:hover svg{color:var(--color-primary-600)}.sidebar--rail .sidebar-section{margin-bottom:var(--space-2);padding:var(--space-2)}.sidebar--rail .sidebar-section-title{opacity:0;overflow:hidden;padding:var(--space-2);transition:opacity .2s ease;white-space:nowrap}.sidebar--rail.expanded .sidebar-section-title,.sidebar--rail:hover .sidebar-section-title{opacity:1}.sidebar--rail .sidebar-link{justify-content:center;padding:var(--space-3);position:relative}.sidebar--rail.expanded .sidebar-link,.sidebar--rail:hover .sidebar-link{justify-content:flex-start;padding:var(--space-2) var(--space-3)}.sidebar--rail .sidebar-link-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.sidebar--rail .sidebar-link:hover .sidebar-link-icon{transform:scale(1.1)}.sidebar--rail .sidebar-link-text{margin-left:0;opacity:0;overflow:hidden;transition:all .2s ease;white-space:nowrap;width:0}.sidebar--rail.expanded .sidebar-link-text,.sidebar--rail:hover .sidebar-link-text{margin-left:var(--space-3);opacity:1;width:auto}.sidebar--rail .sidebar-link:after{background:var(--color-gray-900);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:#fff;content:attr(data-tooltip);font-size:var(--text-xs);font-weight:var(--font-medium);left:calc(100% + 8px);padding:var(--space-2) var(--space-3);pointer-events:none;white-space:nowrap}.sidebar--rail .sidebar-link:after,.sidebar--rail .sidebar-link:before{opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s ease;visibility:hidden;z-index:100}.sidebar--rail .sidebar-link:before{border:4px solid #0000;border-right:4px solid var(--color-gray-900);content:"";left:calc(100% + 4px)}.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.expanded .sidebar-nested,.sidebar--rail:hover .sidebar-nested{display:block}.sidebar--rail .sidebar-nested-toggle{justify-content:center}.sidebar--rail.expanded .sidebar-nested-toggle,.sidebar--rail:hover .sidebar-nested-toggle{justify-content:flex-start}.sidebar--rail .sidebar-logo{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:center;margin-bottom:var(--space-4);padding:var(--space-4)}.sidebar--rail .sidebar-logo-icon{flex-shrink:0;height:32px;width:32px}.sidebar--rail .sidebar-logo-text{margin-left:0;opacity:0;overflow:hidden;transition:all .2s ease;width:0}.sidebar--rail.expanded .sidebar-logo-text,.sidebar--rail:hover .sidebar-logo-text{margin-left:var(--space-3);opacity:1;width:auto}.sidebar--rail .sidebar-divider{background:var(--color-border);height:1px;margin:var(--space-2)}.sidebar--rail .rail-search{align-items:center;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;margin:var(--space-2);padding:var(--space-2);transition:all .2s ease}.sidebar--rail.expanded .rail-search,.sidebar--rail:hover .rail-search{justify-content:flex-start;padding:var(--space-2) var(--space-3)}.rail-search:hover{background:var(--color-background);border-color:var(--color-primary-500)}.rail-search-icon{color:var(--color-text-muted);flex-shrink:0}.rail-search-text{color:var(--color-text-muted);font-size:var(--text-sm);margin-left:0;opacity:0;overflow:hidden;transition:all .2s ease;width:0}.sidebar--rail.expanded .rail-search-text,.sidebar--rail:hover .rail-search-text{margin-left:var(--space-2);opacity:1;width:auto}.rail-search-kbd{align-items:center;display:flex;gap:2px;margin-left:auto;opacity:0;transition:opacity .2s ease}.sidebar--rail.expanded .rail-search-kbd,.sidebar--rail:hover .rail-search-kbd{opacity:1}.rail-search-kbd kbd{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);display:inline-flex;font-family:var(--font-mono);font-size:10px;height:20px;justify-content:center;min-width:20px;padding:0 var(--space-1)}.sidebar--rail .sidebar-user{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:center;margin-top:auto;padding:var(--space-3)}.sidebar--rail.expanded .sidebar-user,.sidebar--rail:hover .sidebar-user{justify-content:flex-start}.sidebar--rail .sidebar-user-avatar{align-items:center;background:var(--color-primary-100);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.sidebar--rail .sidebar-user-info{margin-left:0;opacity:0;overflow:hidden;transition:all .2s ease;width:0}.sidebar--rail.expanded .sidebar-user-info,.sidebar--rail:hover .sidebar-user-info{margin-left:var(--space-3);opacity:1;width:auto}.sidebar-user-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap}.sidebar-user-email{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}.app-content.with-rail{margin-left:64px;margin-left:var(--rail-width-collapsed);transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:margin-left var(--rail-transition)}.app-content.with-rail.rail-expanded{margin-left:250px;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 #ffffff1a;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{background:#0080ff1a;border-color:var(--color-primary-400);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{bottom:0;left:0;position:fixed;top:64px;transform:translateX(-100%);width:250px;width:var(--rail-width-expanded);z-index:50}.sidebar--rail.mobile-open{transform:translateX(0)}.sidebar-overlay{background:#00000080;inset:0;opacity:0;position:fixed;top:64px;transition:all .3s ease;visibility:hidden;z-index:40}.sidebar-overlay.visible{opacity:1;visibility:visible}.app-content.with-rail{margin-left:0}}@media (prefers-reduced-motion:reduce){.rail-toggle,.sidebar--rail,.sidebar--rail .sidebar-link-text,.sidebar--rail .sidebar-logo-text,.sidebar--rail .sidebar-section-title{transition:none}}.page-transition-container{min-height:100%;position:relative;width: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{transition:all .4s cubic-bezier(.16,1,.3,1)}.page-slide-up-enter-active,.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:translateX(30px)}.page-slide-left-enter-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.page-slide-left-enter-active,.page-slide-left-exit{opacity:1;transform:translateX(0)}.page-slide-left-exit-active{transition:all .25s ease-in}.page-slide-left-exit-active,.page-slide-right-enter{opacity:0;transform:translateX(-30px)}.page-slide-right-enter-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.page-slide-right-enter-active,.page-slide-right-exit{opacity:1;transform:translateX(0)}.page-slide-right-exit-active{opacity:0;transform:translateX(30px);transition:all .25s ease-in}.page-scale-enter{opacity:0;transform:scale(.95)}.page-scale-enter-active{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.page-scale-enter-active,.page-scale-exit{opacity:1;transform:scale(1)}.page-scale-exit-active{opacity:0;transform:scale(.98);transition:all .2s ease-in}.stagger-item{animation:stagger-in .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}.stagger-item:first-child{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:first-child{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:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.btn-ripple{overflow:hidden;position:relative}.btn-ripple:after{background:#fff6;border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;width:0}.btn-ripple:active:after{height:200%;opacity:1;transition:0s;width:200%}.card-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.card-lift:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.card-lift:active{transform:translateY(-2px);transition:transform .1s ease}.notification-enter{opacity:0;transform:translateX(100%)}.notification-enter-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.notification-enter-active,.notification-exit{opacity:1;transform:translateX(0)}.notification-exit-active{opacity:0;transform:translateX(100%);transition:all .3s ease-in}.tab-content-enter{opacity:0;transform:translateX(10px)}.tab-content-enter-active{opacity:1;transform:translateX(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:translateX(100%)}.drawer-enter-active{transition:transform .4s cubic-bezier(.16,1,.3,1)}.drawer-enter-active,.drawer-exit{transform:translateX(0)}.drawer-exit-active{transform:translateX(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}.shimmer{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%}[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{animation:pulse-ring 2s ease-out infinite;background:var(--color-success-500);border-radius:50%;content:"";height:8px;position:absolute;right:0;top:0;width:8px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.card-lift,.content-section-animate,.drawer-enter,.drawer-enter-active,.drawer-exit,.drawer-exit-active,.notification-enter,.notification-enter-active,.notification-exit,.notification-exit-active,.page-enter,.page-enter-active,.page-exit,.page-exit-active,.page-header-animate,.page-scale-enter,.page-scale-enter-active,.page-scale-exit,.page-scale-exit-active,.page-slide-left-enter,.page-slide-left-enter-active,.page-slide-left-exit,.page-slide-left-exit-active,.page-slide-up-enter,.page-slide-up-enter-active,.page-slide-up-exit,.page-slide-up-exit-active,.stagger-item,.tab-content-enter,.tab-content-enter-active{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}.shimmer{background:var(--color-gray-200)}.pulse-dot:after,.shimmer{animation:none}}.notification{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);gap:var(--space-3);margin-bottom:var(--space-4);padding: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{display:inline-block;position:relative}.notification-bell-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;transition:all var(--transition-fast);width:40px}.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{align-items:center;background:var(--color-error-600);box-shadow:0 0 0 2px var(--color-background);color:#fff;display:flex;font-size:10px;font-weight:var(--font-bold);height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;right:2px;top:2px}.connection-indicator,.notification-badge{border-radius:var(--radius-full);position:absolute}.connection-indicator{border:2px solid var(--color-background);bottom:4px;height:8px;right:4px;width:8px}.connection-indicator.connected{background:var(--color-success-500)}.connection-indicator.disconnected{background:var(--color-gray-400)}.notification-bell-container .dropdown-menu,.notification-dropdown{background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--dropdown-shadow);display:flex;flex-direction:column;max-height:600px;overflow:hidden;width:420px}.notification-dropdown-header{align-items:center;background:var(--color-background-subtle);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-4) var(--space-5)}.notification-dropdown-header h3{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.notification-header-actions{display:flex;gap:var(--space-2)}.notification-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.notification-action-btn:hover{background:var(--color-background-muted);color:var(--color-text-primary)}.notification-filter-tabs{background:var(--color-background);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;gap:var(--space-2);padding:var(--space-3) var(--space-5)}.filter-tab{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);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 1;overflow-y:auto;padding:var(--space-2)}.notification-item{border-bottom:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-fast)}.notification-item:hover{background:var(--color-background-muted)}.notification-item.unread{background:var(--notification-info-bg)}.notification-item.unread:hover{background:#3b82f61f;background:var(--notification-unread-hover-bg,#3b82f61f)}.notification-item .activity-icon{flex-shrink:0}.notification-item .activity-content{flex:1 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{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:28px}.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{background:var(--color-background-subtle);border-top:1px solid var(--color-border);flex-shrink:0;padding:var(--space-3) var(--space-5)}.notification-view-all{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-primary-600);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-3);transition:all var(--transition-fast);width:100%}.notification-view-all:hover{background:var(--notification-info-bg)}.notification-empty{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.notification-empty svg{margin-bottom:var(--space-4);opacity:.5}.notification-empty p{font-size:var(--text-sm);margin:0}.notification-loading{align-items:center;display:flex;justify-content:center;padding:var(--space-8)}.toast-container{display:flex;flex-direction:column;gap:var(--space-3);max-width:420px;pointer-events:none;position:fixed;right:var(--space-6);top:var(--space-6);z-index:9999;z-index:var(--z-toast,9999)}.toast-container--top-left{left:var(--space-6);right:auto}.toast-container--top-center{left:50%;right:auto;transform:translateX(-50%)}.toast-container--bottom-right{bottom:var(--space-6);top:auto}.toast-container--bottom-left{bottom:var(--space-6);left:var(--space-6);right:auto;top:auto}.toast-container--bottom-center{bottom:var(--space-6);left:50%;right:auto;top:auto;transform:translateX(-50%)}.toast{align-items:flex-start;animation:toast-slide-in .3s ease;background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--toast-shadow);display:flex;gap:var(--space-3);max-width:420px;min-width:320px;overflow:hidden;padding:var(--space-4);pointer-events:auto;position:relative}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(calc(100% + var(--space-6)))}to{opacity:1;transform:translateX(0)}}.toast--exiting{animation:toast-slide-out .3s ease forwards}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(calc(100% + var(--space-6))) scale(.9)}}.toast:after{animation:toast-progress 5s linear forwards;background:currentColor;bottom:0;content:"";height:3px;left:0;opacity:.3;position:absolute}@keyframes toast-progress{0%{width:100%}to{width:0}}.toast--no-progress:after{display:none}.toast__icon{align-items:center;animation:toast-icon-bounce .5s ease;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}@keyframes toast-icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toast__content{flex:1 1;min-width:0}.toast__title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-1) 0}.toast__message{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.toast__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.toast__action-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1-5) var(--space-3);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{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all var(--transition-fast);width:24px}.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{min-width:280px;padding:var(--space-3)}.toast--compact .toast__message,.toast--compact .toast__title{font-size:var(--text-xs)}.toast--large{min-width:360px;padding:var(--space-5)}.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(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.notification-bell-container .dropdown-menu,.notification-dropdown{left:var(--space-4);max-height:calc(100vh - 80px);position:fixed;right:var(--space-4);top:60px;width:auto}.notification-dropdown-header h3{font-size:var(--text-base)}.notification-filter-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.toast-container{left:var(--space-4);max-width:none;right:var(--space-4);top:var(--space-4)}.toast{max-width:none;min-width:auto}.toast-container--bottom-center,.toast-container--top-center{left:var(--space-4);transform:none}}@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--loading .toast__icon,.toast__icon{animation:none}.toast__action-btn:hover,.toast__close:hover{transform:none}}.guest-upload-page{align-items:center;animation:gradientShift 20s ease infinite;background:linear-gradient(-45deg,var(--color-gray-900),var(--color-gray-800),#0c1929,var(--color-gray-900),#0d1a2d);background-size:400% 400%;display:flex;font-family:var(--font-sans);justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-6);position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.guest-upload-page:after,.guest-upload-page:before{border-radius:50%;content:"";filter:blur(100px);opacity:.4;pointer-events:none;position:absolute}.guest-upload-page:before{animation:floatOrb 25s ease-in-out infinite;background:radial-gradient(circle,var(--color-primary-600) 0,#0000 70%);height:500px;right:-100px;top:-150px;width:500px}.guest-upload-page:after{animation:floatOrb 30s ease-in-out infinite reverse;background:radial-gradient(circle,var(--color-primary-700) 0,#0000 70%);bottom:-100px;height:400px;left:-100px;width:400px}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-15px,20px) scale(.95)}75%{transform:translate(25px,15px) scale(1.02)}}.guest-upload-page .grid-overlay{background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,#0000 0);background-size:60px 60px;inset:0;pointer-events:none;position:absolute}.guest-upload-card{animation:cardEntrance .7s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1f;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff14,0 0 100px -30px #3b82f64d;max-width:520px;opacity:0;overflow:hidden;position:relative;transform:translateY(30px) scale(.97);width:100%;z-index:10}@keyframes cardEntrance{to{opacity:1;transform:translateY(0) scale(1)}}.guest-upload-card:before{animation:shimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0000 40%,#3b82f626 50%,#0000 60%,#0000);background-size:200% 100%;border-radius:var(--radius-xl);bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.guest-upload-header{background:linear-gradient(135deg,#3b82f626,#2563eb1a 50%,#1d4ed814);border-bottom:1px solid #ffffff14;overflow:hidden;padding:var(--space-6) var(--space-6) var(--space-5);position:relative}.guest-upload-header:before{animation:sparkle 5s ease-in-out infinite;background-image:radial-gradient(circle at 20% 30%,#ffffff0f 1px,#0000 0),radial-gradient(circle at 80% 70%,#ffffff0a 1px,#0000 0);background-size:40px 40px,60px 60px;content:"";inset:0;position:absolute}@keyframes sparkle{0%,to{opacity:.6}50%{opacity:1}}.guest-header-content{align-items:flex-start;display:flex;gap:var(--space-4);position:relative;z-index:1}.guest-icon-wrapper{align-items:center;animation:iconPulse 3s ease-in-out infinite;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-lg);box-shadow:0 8px 24px -4px #3b82f680,inset 0 0 0 1px #ffffff26;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.guest-icon-wrapper svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:26px;width:26px}.guest-header-text{flex:1 1;min-width:0}.guest-upload-title{color:#fff;font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.01em;line-height:var(--leading-tight);margin:0 0 var(--space-2) 0;text-shadow:0 2px 8px #0000004d}.guest-upload-subtitle{color:#ffffffbf;font-size:var(--text-sm);font-weight:var(--font-normal);margin:0 0 var(--space-1) 0}.guest-upload-description{color:#ffffff8c;font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.guest-upload-form{padding:var(--space-6)}.guest-form-group{margin-bottom:var(--space-5)}.guest-form-label{color:#ffffffe6;display:block;font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.01em;margin-bottom:var(--space-2)}.guest-form-label .required{color:var(--color-primary-400);margin-left:2px}.guest-form-label .optional{color:#ffffff73;font-size:var(--text-xs);font-weight:var(--font-normal)}.guest-form-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:#fff;font-family:var(--font-sans);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.guest-form-input::placeholder{color:#ffffff59}.guest-form-input:hover{background:#ffffff12;border-color:#fff3}.guest-form-input:focus{background:#3b82f614;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626,0 4px 12px -2px #3b82f61a}.guest-premium-dropzone{background:#ffffff05;border:2px dashed #ffffff1f;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:var(--space-8) var(--space-5);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-premium-dropzone:before{background:linear-gradient(135deg,#0000,#3b82f608 50%,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.guest-premium-dropzone:hover{background:#3b82f60d;border-color:#3b82f666;box-shadow:0 8px 24px -8px #3b82f640;transform:translateY(-2px)}.guest-premium-dropzone:hover:before{opacity:1}.guest-premium-dropzone.drag-active{background:#3b82f61f;border-color:var(--color-primary-500);border-style:solid;box-shadow:0 0 0 4px #3b82f626,0 16px 32px -8px #3b82f659;transform:scale(1.01)}.guest-premium-dropzone.drag-active:before{animation:dragPulse 1.5s ease-in-out infinite;opacity:1}@keyframes dragPulse{0%,to{opacity:.5}50%{opacity:1}}.guest-dropzone-icon{align-items:center;background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto var(--space-4);position:relative;width:60px;z-index:1}.guest-dropzone-icon svg{color:#ffffffb3;height:26px;transition:all .3s ease;width:26px}.guest-premium-dropzone.drag-active .guest-dropzone-icon svg,.guest-premium-dropzone:hover .guest-dropzone-icon svg{color:var(--color-primary-300);transform:translateY(-2px)}.guest-dropzone-icon:after,.guest-dropzone-icon:before{border:1px solid #3b82f640;border-radius:50%;content:"";position:absolute}.guest-dropzone-icon:before{animation:ringPulse 2.5s ease-out infinite;inset:-6px}.guest-dropzone-icon:after{animation:ringPulse 2.5s ease-out .6s infinite;inset:-12px}@keyframes ringPulse{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}.guest-dropzone-text{color:#ffffffb3;font-size:var(--text-base);margin:0 0 var(--space-4) 0;position:relative;z-index:1}.guest-browse-btn,.guest-dropzone-text strong{color:#fff;font-weight:var(--font-medium)}.guest-browse-btn{align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff26;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2-5) var(--space-4);position:relative;transition:all var(--transition-fast);z-index:1}.guest-browse-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#ffffff40;transform:translateY(-1px)}.guest-dropzone-hint{color:#fff6;font-size:var(--text-xs);margin-top:var(--space-4);position:relative;z-index:1}.guest-selected-file-card{align-items:center;animation:fileCardSlide .4s cubic-bezier(.16,1,.3,1) forwards;background:linear-gradient(135deg,#3b82f61f,#2563eb14);border:1px solid #3b82f640;border-radius:var(--radius-lg);display:flex;gap:var(--space-4);overflow:hidden;padding:var(--space-4);position:relative}@keyframes fileCardSlide{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.guest-selected-file-card:before{animation:fileCardShimmer 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff08 50%,#0000);content:"";inset:0;position:absolute}@keyframes fileCardShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.guest-file-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;width:44px;z-index:1}.guest-file-icon-wrapper svg{color:#fff;height:22px;width:22px}.guest-file-info{flex:1 1;min-width:0;position:relative;z-index:1}.guest-file-name{color:#fff;font-size:var(--text-base);font-weight:var(--font-medium);margin:0 0 var(--space-1) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-file-size{color:#ffffff8c;font-size:var(--text-sm);margin:0}.guest-remove-file-btn{align-items:center;background:#ffffff14;border:none;border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;display:flex;height:34px;justify-content:center;position:relative;transition:all .2s ease;width:34px;z-index:1}.guest-remove-file-btn:hover{background:#ef444426;color:var(--color-error-400);transform:scale(1.05)}.guest-progress-container{animation:fadeIn .3s ease;margin-bottom:var(--space-5)}.guest-progress-bar{background:#ffffff14;height:6px;overflow:hidden}.guest-progress-bar,.guest-progress-fill{border-radius:var(--radius-full);position:relative}.guest-progress-fill{animation:progressGradient 2s ease infinite;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400),var(--color-primary-300));background-size:200% 100%;height:100%;transition:width .3s ease}@keyframes progressGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.guest-progress-fill:after{background:#fff;border-radius:50%;content:"";filter:blur(6px);height:16px;opacity:.5;position:absolute;right:0;top:50%;transform:translateY(-50%);width:16px}.guest-progress-text{color:#ffffffb3;font-size:var(--text-sm);margin-top:var(--space-3);text-align:center}.guest-progress-text span{color:var(--color-primary-400);font-weight:var(--font-semibold)}.guest-error-message{align-items:center;animation:shake .4s ease;background:#ef44441a;border:1px solid #ef444440;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4)}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.guest-error-message svg{color:var(--color-error-400);flex-shrink:0}.guest-error-message span{color:var(--color-error-300);font-size:var(--text-sm)}.guest-submit-btn{align-items:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border:none;border-radius:var(--radius-lg);box-shadow:0 4px 14px -3px #3b82f680,inset 0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;overflow:hidden;padding:var(--space-4) var(--space-5);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.guest-submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.guest-submit-btn:hover:not(:disabled){box-shadow:0 8px 24px -5px #3b82f68c,inset 0 0 0 1px #ffffff26;transform:translateY(-2px)}.guest-submit-btn:hover:not(:disabled):before{left:100%}.guest-submit-btn:active:not(:disabled){transform:translateY(0)}.guest-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.guest-submit-btn svg{transition:transform .3s ease}.guest-submit-btn:hover:not(:disabled) svg{transform:translateY(-1px)}.guest-submit-btn.loading{pointer-events:none}.guest-submit-btn .spinner{animation:spin 1s linear infinite}.guest-upload-footer{background:#00000026;border-top:1px solid #ffffff0f;padding:var(--space-4) var(--space-6);text-align:center}.guest-upload-footer p{color:#fff6;font-size:var(--text-xs);letter-spacing:.01em;margin:0}.guest-footer-link,.guest-upload-footer strong{color:var(--color-primary-400);font-weight:var(--font-semibold);text-decoration:none;transition:color var(--transition-fast)}.guest-footer-link:hover{color:var(--color-primary-300);text-decoration:underline}.guest-success-state{animation:successFadeIn .5s cubic-bezier(.16,1,.3,1) forwards;padding:var(--space-10) var(--space-6);text-align:center}@keyframes successFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.guest-success-icon{align-items:center;background:linear-gradient(135deg,#22c55e26,#10b9811a);border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto var(--space-5);position:relative;width:72px}.guest-success-icon:before{animation:successRing 1.5s ease-out forwards;border:2px solid #22c55e40;border-radius:50%;content:"";inset:-6px;position:absolute}@keyframes successRing{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}.guest-success-icon svg{animation:successCheck .4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.15s;color:var(--color-success-500);height:36px;opacity:0;transform:scale(0);width:36px}@keyframes successCheck{to{opacity:1;transform:scale(1)}}.guest-success-title{color:#fff;font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.guest-success-text{color:#fff9;font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0}.guest-upload-another-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.guest-upload-another-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.guest-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.guest-loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--color-primary-500);height:44px;margin-bottom:var(--space-5);width:44px}.guest-loading-text{color:#fff9;font-size:var(--text-base)}.guest-error-state{flex-direction:column;padding:var(--space-12) var(--space-6);text-align:center}.guest-error-icon,.guest-error-state{align-items:center;display:flex;justify-content:center}.guest-error-icon{background:#ef44441f;border-radius:50%;height:60px;margin-bottom:var(--space-5);width:60px}.guest-error-icon svg{color:var(--color-error-400);height:28px;width:28px}.guest-error-title{color:#fff;font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.guest-error-description{color:#ffffff8c;font-size:var(--text-base);margin:0;max-width:280px}@media (max-width:600px){.guest-upload-page{align-items:flex-start;padding:var(--space-4);padding-top:var(--space-6)}.guest-upload-card{border-radius:var(--radius-lg)}.guest-upload-header{padding:var(--space-5)}.guest-header-content{flex-direction:column;gap:var(--space-3)}.guest-icon-wrapper{height:46px;width:46px}.guest-icon-wrapper svg{height:22px;width:22px}.guest-upload-title{font-size:var(--text-lg)}.guest-upload-form{padding:var(--space-5)}.guest-premium-dropzone{padding:var(--space-6) var(--space-4)}.guest-dropzone-icon{height:52px;width:52px}}.app{background:var(--color-background-subtle);display:flex;flex-direction:column;min-height:100vh}.app-content{display:flex;flex:1 1;overflow:hidden}.main-content{background:var(--color-background-subtle);flex:1 1;overflow-y:auto;padding:var(--space-6)}.header{background:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);height:64px;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-content{align-items:center;display:flex}.header-content{justify-content:space-between;width:100%}.logo{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);gap:var(--space-3)}.logo,.logo:hover{text-decoration:none}.logo:hover{color:var(--color-primary-600)}.nav{display:flex;gap:var(--space-6);margin-left:auto;margin-right:auto}.nav-link{border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background-color:var(--color-primary-50);color:var(--color-primary-600);text-decoration:none}.header-actions{display:flex;gap:var(--space-2)}.analysis-status{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.analysis-status.analyzing{background:#eff6ff;color:#1e40af}.analysis-status.failed{background:#fef2f2;color:#991b1b}.analysis-complete{align-items:center;color:#059669;display:inline-flex;font-size:14px;font-weight:500;gap:8px}.spin{animation:spin 1s linear infinite}.btn-retry{background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;font-size:13px;margin-left:8px;padding:4px 12px}.btn-retry:hover{background:#f9fafb}.btn-retry:disabled{cursor:not-allowed;opacity:.5}.sidebar{background:var(--color-background);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;width:250px}.sidebar-section{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6)}.sidebar-section-title{margin-bottom:var(--space-3)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);padding:var(--space-2) var(--space-3);text-decoration:none;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{display:block;flex-shrink:0}.sidebar-nav ul .sidebar-link svg{height:14px;width:14px}.btn,.button{border:1px solid #0000;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);line-height:1;padding:var(--space-3) var(--space-5);transition:all var(--transition-fast);white-space:nowrap}.btn:disabled,.button:disabled{cursor:not-allowed;opacity:.5}.btn--primary,.btn-primary,.button-primary{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled),.button-primary:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-600)}.btn--secondary,.btn-secondary,.button-secondary{background:var(--color-background);background:var(--btn-secondary-bg,var(--color-background));border-color:var(--btn-secondary-border,var(--color-border));color:var(--color-text-primary);color:var(--btn-secondary-color,var(--color-text-primary))}.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.button-secondary:hover:not(:disabled){background:var(--color-background-subtle);background:var(--btn-secondary-bg-hover,var(--color-background-subtle));border-color:var(--btn-secondary-border-hover,var(--color-primary-400));color:var(--color-primary-600);color:var(--btn-secondary-color-hover,var(--color-primary-600))}.btn--ghost,.button-ghost{background:#0000;border-color:#0000;border-color:var(--btn-ghost-border,#0000);color:var(--color-text-secondary);color:var(--btn-ghost-color,var(--color-text-secondary))}.btn--ghost:hover:not(:disabled),.button-ghost:hover:not(:disabled){background:var(--color-background-subtle);background:var(--btn-ghost-bg-hover,var(--color-background-subtle));border-color:var(--btn-ghost-border-hover,var(--color-border-strong));color:var(--color-text-primary);color:var(--btn-ghost-color-hover,var(--color-text-primary))}.btn--danger,.btn-danger,.button-danger{background:var(--color-error-500);border-color:var(--color-error-500);color:#fff}.btn--danger:hover:not(:disabled),.btn-danger:hover:not(:disabled),.button-danger:hover:not(:disabled){background:var(--color-error-600);border-color:var(--color-error-600)}.btn--sm,.btn-sm,.button--sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.btn-lg,.button--lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-6)}.btn--icon,.button--icon,.icon-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.btn--icon:hover,.button--icon:hover,.icon-button:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.modal-close{composes:icon-button}.btn:active:not(:disabled),.button:active:not(:disabled){transform:scale(.98)}.btn--primary:active:not(:disabled),.btn-primary:active:not(:disabled),.button-primary:active:not(:disabled){background:var(--color-primary-700);border-color:var(--color-primary-700)}.btn--loading,.button--loading{color:#0000;pointer-events:none;position:relative}.btn--loading:after,.button--loading:after{animation:button-spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;color:#fff;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.btn--loading.btn--secondary:after,.btn--loading.btn-secondary:after,.button--loading.button-secondary:after{color:var(--color-primary-500)}@keyframes button-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.btn:focus-visible,.button:focus-visible{box-shadow:0 0 0 4px #3b82f61a;outline:2px solid var(--color-primary-500);outline-offset:2px}.btn--icon:active:not(:disabled),.icon-button:active:not(:disabled){transform:scale(.95)}.btn--icon:focus-visible,.icon-button: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);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--color-border-subtle)}.card-content,.card-footer,.card-header{padding:var(--space-6)}.card-footer{background:var(--color-background-subtle);border-top:1px solid var(--color-border-subtle)}.stat-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative;text-align:center;transition:all var(--transition-fast)}.stat-card:before{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.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{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.stat-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.form-group{margin-bottom:var(--space-6)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-label{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.form-label.required:after{color:var(--color-error-500);content:" *";margin-left:var(--space-1)}.form-input,.form-select,.form-textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.form-textarea{min-height:100px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.field-error{color:var(--color-error-600);display:block;font-size:var(--text-xs);margin-top:var(--space-1)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error-500)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px var(--color-error-50)}.field-help{color:var(--color-text-secondary);display:block;font-size:var(--text-xs);margin-top:var(--space-1)}.form-info-box{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-4)}.form-info-box h4{color:var(--color-primary-700);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.form-info-box ul{list-style:disc;margin:0;padding-left:var(--space-5)}.form-info-box li{color:var(--color-primary-700);font-size:var(--text-sm);margin-bottom:var(--space-1)}.form-section{border-top:1px solid var(--color-border);margin:var(--space-6) 0;padding-top:var(--space-6)}.form-section h3{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper .form-input,.password-input-wrapper input{padding-right:48px;width:100%}.password-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.password-toggle:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.password-toggle:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2) 0;-webkit-user-select:none;user-select:none}.checkbox-input{accent-color:var(--color-primary-500);cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.checkbox-text{font-size:var(--text-sm);line-height:1.5}.checkbox-label:hover .checkbox-text,.checkbox-text{color:var(--color-text-primary)}.modal-overlay{animation:fadeIn .15s ease-out;background:#00000080;display:flex!important;justify-content:center!important;padding:var(--space-4)}.modal{background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;margin:0 auto;max-width:600px;overflow:hidden;position:relative;width:100%}.modal-small{max-width:400px}.modal-header{flex-shrink:0;padding:var(--space-6)}.modal-header h2,.modal-header h3{font-size:var(--text-xl);font-weight:var(--font-semibold)}.modal-header-content{align-items:center;display:flex;gap:var(--space-3)}.modal-header-content svg{color:var(--color-primary-600)}.modal-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-6)}.modal-actions,.modal-footer{flex-shrink:0;gap:var(--space-3);padding:var(--space-6)}@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);box-shadow:0 20px 25px -5px #00000080}[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{margin:0}.modal,.modal-large{max-width:100%}.modal-actions,.modal-footer{flex-direction:column-reverse}.modal-actions .btn,.modal-actions button,.modal-footer .btn,.modal-footer button{width:100%}}.confirm-message{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.alert-icon{color:var(--color-warning-500)}.projects-filters,.tracks-filters{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4)}.search-input{max-width:300px;position:relative;width:100%}.search-icon{color:var(--color-text-muted);left:var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input-field{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-10);transition:all var(--transition-fast);width:100%}.search-input-field:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.search-clear:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.filter-controls{margin-left:auto}.filter-controls,.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.filter-select{-webkit-appearance:none;appearance:none;background:var(--color-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236B7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--space-2) center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);min-width:140px;padding:var(--space-3);padding-right:var(--space-6);transition:all var(--transition-fast)}.filter-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select:hover{background-color:var(--color-background-subtle);border-color:var(--color-gray-300)}.view-toggle{background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:inline-flex;gap:var(--space-1);padding:var(--space-1)}.view-button,.view-toggle-btn,.view-toggle-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.view-button:hover,.view-toggle-btn:hover,.view-toggle-button:hover{background:#0000000d;color:var(--color-text-primary)}.view-button.active,.view-toggle-btn--active,.view-toggle-btn.active,.view-toggle-button.active{background:var(--color-background);box-shadow:var(--shadow-sm);color:var(--color-primary-600);font-weight:var(--font-semibold)}.results-info{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.results-count{color:var(--color-text-primary);font-weight:var(--font-semibold)}.breadcrumb{font-size:14px;gap:8px;margin-bottom:8px}.breadcrumb,.breadcrumb-segment{align-items:center;color:var(--color-text-secondary);display:flex}.breadcrumb-segment{gap:4px;text-decoration:none;transition:color .2s ease}.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{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.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--hold,.status-indicator--on-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{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-size:13px;font-weight:500;height:28px;line-height:1;padding:6px 12px;white-space:nowrap}.status-badge--active,.status-badge--in-progress{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.status-badge--complete,.status-badge--completed{background:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-600)}.status-badge--hold,.status-badge--on-hold{background:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-600)}.status-badge--canceled,.status-badge--cancelled{background:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-600)}.status-badge--default,.status-badge--not-started,.status-badge--pending{background:var(--color-gray-50);border-color:var(--color-gray-200);color:var(--color-gray-600)}.badge{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-700);display:inline-flex;font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.badge,.role-badge{font-size:var(--text-xs)}.role-badge{border-radius:var(--radius-full);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);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{color:var(--color-text-secondary);font-size:14px;font-weight:500;gap:12px;margin-top:8px}.metadata-item,.page-metadata{align-items:center;display:flex}.metadata-item{gap:6px}.metadata-icon{align-items:center;display:inline-flex;font-size:16px;opacity:.8}.metadata-separator{color:var(--color-text-muted);font-weight:400}.error-message{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);padding:var(--space-4)}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-primary-500);height:32px;width:32px}@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);overflow:hidden}.empty-state:before{background-image:radial-gradient(circle at 20% 30%,var(--color-primary-50) 0,#0000 50%),radial-gradient(circle at 80% 70%,var(--color-success-50) 0,#0000 50%);content:"";inset:0;opacity:.3;pointer-events:none;position:absolute}.empty-state>*{position:relative;z-index:1}.empty-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-primary-100) 100%);border-radius:var(--radius-full);box-shadow:0 8px 24px #3b82f626;color:var(--color-primary-500);display:flex;height:120px;justify-content:center;margin-bottom:var(--space-6);width:120px}.empty-icon svg{height:64px;width: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{box-shadow:0 8px 24px #22c55e26}.empty-state--tracks .empty-icon,.empty-state--users .empty-icon{background:linear-gradient(135deg,var(--color-info-50) 0,var(--color-info-100) 100%);color:var(--color-info-600)}.empty-state--users .empty-icon{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%);box-shadow:0 8px 24px #f59e0b26;color:var(--color-warning-600)}.empty-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);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{height:80px;margin-bottom:var(--space-4);width:80px}.empty-state--compact .empty-icon svg{height:48px;width:48px}.empty-state--compact .empty-title{font-size:var(--text-xl)}@media (prefers-reduced-motion:reduce){.empty-icon{animation:none}}.activity-feed-empty,.activity-feed-error,.activity-feed-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.activity-feed-loading .spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary-500);height:40px;margin-bottom:var(--space-4);width:40px}.activity-feed-empty .empty-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.activity-feed-empty .empty-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.activity-feed-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-feed-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.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 1;min-width:0}.activity-feed-title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-1)}.activity-feed-message{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-2)}.activity-feed-meta{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--space-2)}.activity-feed-meta,.activity-feed-time,.meta-separator{color:var(--color-text-muted)}.activity-feed-project{color:var(--color-primary-600);font-weight:var(--font-medium)}.activity-feed-action{background:var(--color-primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:none;font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-2);padding:var(--space-1) var(--space-3);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{align-items:center;background:var(--color-warning-500);border-radius:50%;color:#fff;display:flex;font-size:var(--text-xs);font-weight:var(--font-bold);height:24px;justify-content:center;position:absolute;right:var(--space-2);top:var(--space-2);width:24px}.activity-priority-badge.urgent{background:var(--color-error-500)}.grid{grid-gap:var(--space-4);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{grid-gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.projects-grid,.tracks-grid{display:grid;gap:var(--space-6)}.tracks-grid{grid-gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.page{background:var(--color-background-subtle);min-height:100vh}.page-container{margin:0 auto;max-width:var(--container-xl);padding:var(--space-8) var(--space-4)}.page-header{align-items:flex-start;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-6)}.page-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}.page-actions{display:flex;flex-shrink:0;gap:var(--space-3)}.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{height:calc(100vh - 64px);left:0;position:fixed;top:64px;transform:translateX(-100%);transition:transform var(--transition-normal);z-index:90}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}.projects-grid,.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.sidebar{transform:translateY(-100%);width:100%}.sidebar.open{transform:translateY(0)}.nav{display:none}.main-content{padding:var(--space-4)}.page-header{align-items:stretch;flex-direction:column}.page-actions{justify-content:stretch}.projects-filters,.tracks-filters{align-items:stretch;flex-direction:column}.projects-search,.tracks-search{max-width:100%}.filter-controls{margin-left:0;width:100%}.view-toggle{justify-content:center;width:100%}.grid--2,.grid--3,.grid--4,.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{align-items:flex-start;flex-direction:column;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{border-radius:4px}.breadcrumb-segment:focus,.status-badge:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.screen-reader-only,.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;overflow:visible;position:static;white-space:normal;width:auto}:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}.card--clickable:focus-visible,.card:focus-visible{box-shadow:0 0 0 3px #3b82f61a;outline:3px solid var(--color-primary-500);outline-offset:3px}.dropdown-item:focus-visible,[role=menuitem]:focus-visible{background:var(--color-primary-50);outline:2px solid var(--color-primary-500);outline-offset:-2px}.skip-link{background:var(--color-primary-600);border-radius:0 0 var(--radius-md) 0;color:#fff;font-weight:var(--font-semibold);left:0;padding:var(--space-3) var(--space-4);position:absolute;text-decoration:none;top:-40px;transition:top var(--transition-fast);z-index:9999}.skip-link:focus{outline:3px solid var(--color-primary-300);outline-offset:2px;top:0}@media (hover:none) and (pointer:coarse){.btn,.icon-button,[role=button],a,button,input[type=button],input[type=reset],input[type=submit]{min-height:44px;min-width:44px}.dropdown-item,.tab,[role=menuitem],[role=tab]{min-height:44px;padding:var(--space-3) var(--space-4)}input[type=checkbox],input[type=radio]{min-height:24px;min-width:24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn,.card,button,input,select,textarea{border-width:2px}:focus-visible{outline-offset:3px;outline-width:4px}.badge,.status-indicator{border-width:2px;font-weight:var(--font-bold)}}[aria-busy=true]{position:relative}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.6;pointer-events:none}.skeleton-text{border-radius:var(--radius-xs);height:1em;margin:.5em 0}.skeleton-title{border-radius:var(--radius-sm);height:1.5em;margin:.5em 0;width:60%}.skeleton-avatar{border-radius:var(--radius-full);flex-shrink:0;height:40px;width:40px}.skeleton-avatar-lg{border-radius:var(--radius-full);height:80px;margin:0 auto;width:80px}.skeleton-button{border-radius:var(--radius-md);height:36px;width:100px}.skeleton-button-sm{border-radius:var(--radius-md);height:32px;width:80px}.skeleton-stat{border-radius:var(--radius-md);height:60px;width:100px}.skeleton-stage-number{border-radius:var(--radius-full);flex-shrink:0;height:32px;width:32px}.skeleton-stage-badge{border-radius:var(--radius-full);height:24px;margin-top:var(--space-2);width:80px}.skeleton-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));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);display:flex;flex-direction:column;min-height:200px;overflow:hidden;padding:0}.skeleton-card-header{align-items:flex-start;border-bottom:1px solid var(--color-border-subtle);display:flex;flex:0 0 auto;gap:var(--space-4);padding:var(--space-6)}.skeleton-card-title-group{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-width:0}.skeleton-card-body{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.skeleton-card-footer{align-items:center;border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-3);padding:0;width:100%}.skeleton-list-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);min-height:80px;padding:var(--space-4)}.skeleton-list-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.skeleton-list-actions{display:flex;flex-shrink:0;gap:var(--space-2)}.skeleton-table{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.skeleton-table-header{background:var(--color-background-subtle)}.skeleton-table-header,.skeleton-table-row{border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);padding:var(--space-4)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.skeleton-stages{display:flex;gap:var(--space-4);overflow-x:auto;padding:0}.skeleton-stage-card{align-items:flex-start;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);min-width:280px;padding:var(--space-5)}.skeleton-stage-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.skeleton-profile{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);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{-webkit-overflow-scrolling:touch;overflow-x:auto}.skeleton-stage-card{min-width:240px}.skeleton-list-item{align-items:flex-start;flex-direction:column}.skeleton-list-actions{justify-content:flex-start;width:100%}.skeleton-table-header,.skeleton-table-row{font-size:var(--text-sm);padding:var(--space-3)}.skeleton-card-body,.skeleton-card-header{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{align-items:center;animation:slide-down .3s ease-out;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;left:0;padding:var(--space-3) var(--space-6);position:fixed;right:0;top:0;z-index:9999}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.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;border-left:3px solid var(--color-primary-500);color:var(--color-primary-400);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 0 #0006}[data-theme=dark] .nav-link{color:var(--color-text-secondary)}[data-theme=dark] .nav-link.active,[data-theme=dark] .nav-link:hover{background-color:#3b82f626;color:var(--color-primary-400)}[data-theme=dark] .view-toggle{background:var(--color-background-muted);border-color:var(--color-border)}[data-theme=dark] .view-button,[data-theme=dark] .view-toggle-btn,[data-theme=dark] .view-toggle-button{color:var(--color-text-secondary)}[data-theme=dark] .view-button:hover,[data-theme=dark] .view-toggle-btn:hover,[data-theme=dark] .view-toggle-button:hover{background:#ffffff0d;color:var(--color-text-primary)}[data-theme=dark] .view-button.active,[data-theme=dark] .view-toggle-btn--active,[data-theme=dark] .view-toggle-btn.active,[data-theme=dark] .view-toggle-button.active{background:var(--color-background-elevated);box-shadow:var(--shadow-sm);color:var(--color-primary-400);font-weight:var(--font-semibold)}[data-theme=dark] .btn--secondary,[data-theme=dark] .btn-secondary,[data-theme=dark] .button-secondary{background:var(--color-background-muted);border-color:var(--color-border-strong);color:var(--color-text-primary)}[data-theme=dark] .btn--secondary:hover:not(:disabled),[data-theme=dark] .btn-secondary:hover:not(:disabled),[data-theme=dark] .button-secondary:hover:not(:disabled){background:var(--color-background-subtle);border-color:var(--color-primary-500);color:var(--color-primary-400)}[data-theme=dark] .btn--ghost,[data-theme=dark] .btn-ghost,[data-theme=dark] .button-ghost{border-color:var(--color-border-strong);color:var(--color-text-secondary)}[data-theme=dark] .btn--ghost:hover:not(:disabled),[data-theme=dark] .btn-ghost:hover:not(:disabled),[data-theme=dark] .button-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-footer{background:var(--color-background-subtle);border-top-color:var(--color-border)}[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)}[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{background:var(--color-background-elevated);border-color:var(--color-primary-500)}[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-actions,[data-theme=dark] .modal-footer{background:var(--color-background-elevated)!important;border-top-color:var(--color-border)}[data-theme=dark] .modal input,[data-theme=dark] .modal select,[data-theme=dark] .modal textarea,[data-theme=dark] .modal-body input,[data-theme=dark] .modal-body select,[data-theme=dark] .modal-body textarea,[data-theme=dark] .modal-content input,[data-theme=dark] .modal-content select,[data-theme=dark] .modal-content textarea{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 select:focus,[data-theme=dark] .modal textarea:focus{background:var(--color-background-elevated)!important;border-color:var(--color-primary-500);outline:none}[data-theme=dark] .modal label,[data-theme=dark] .modal-body label,[data-theme=dark] .modal-content label{color:var(--color-text-secondary)}[data-theme=dark] .form-helper,[data-theme=dark] .modal .form-helper{color:var(--color-text-muted)}[data-theme=dark] .form-info-box,[data-theme=dark] .modal .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,[data-theme=dark] .dropdown-item:hover{color:var(--color-text-primary)!important}[data-theme=dark] .dropdown-item:hover{background:var(--color-background-muted)!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-label:hover .checkbox-text,[data-theme=dark] .checkbox-text{color:var(--color-text-primary)}[data-theme=dark] .alert,[data-theme=dark] .modal .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] .icon-button,[data-theme=dark] .modal-header .icon-button{color:var(--color-text-muted)}[data-theme=dark] .icon-button:hover,[data-theme=dark] .modal-header .icon-button:hover{background:var(--color-background-muted);color:var(--color-text-primary)}[data-theme=dark] .modal-body[style*=background],[data-theme=dark] .modal-content[style*=background],[data-theme=dark] .modal-footer[style*=background],[data-theme=dark] .modal-header[style*=background],[data-theme=dark] div[style*="background: '#ffffff'"],[data-theme=dark] div[style*="background: 'white'"],[data-theme=dark] div[style*="background:#ffffff"],[data-theme=dark] div[style*='background: "#ffffff"'],[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;margin:0;padding:0}.sidebar-section-title{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.project-detail-page,.projects-page,.track-detail-page{background:#0000;min-height:100vh}.page-header-ultra{align-items:flex-start;animation:fadeUp .6s cubic-bezier(.16,1,.3,1);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.page-header-ultra .page-title{-webkit-text-fill-color:#0000;background:var(--dashboard-title-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0 0 var(--space-2) 0}.page-header-ultra .page-subtitle{color:var(--color-text-muted);font-size:var(--text-base);margin:0}.breadcrumb-ultra{align-items:center;animation:fadeUp .5s cubic-bezier(.16,1,.3,1);color:var(--color-text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4)}.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{animation:fadeUp .55s cubic-bezier(.16,1,.3,1) .05s both;background:var(--color-background-muted);border-radius:var(--radius-lg);display:flex;gap:var(--space-1);margin-bottom:var(--space-6);padding:var(--space-1);width:-webkit-fit-content;width:fit-content}.tab-ultra{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);transition:all .2s ease}.tab-ultra:hover{background:var(--color-hover-bg);color:var(--color-text-secondary)}.tab-ultra.active{background:var(--badge-progress-bg);color:var(--color-primary-400)}.tab-ultra .tab-count{background:var(--color-background-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;padding:2px 8px}.tab-ultra.active .tab-count{background:#3b82f64d}.filter-bar-ultra{align-items:center;animation:fadeUp .55s cubic-bezier(.16,1,.3,1) .1s both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5)}.filter-bar-ultra .search-input-ultra{background:var(--input-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);flex:1 1;font-size:var(--text-sm);max-width:320px;padding:var(--space-3) var(--space-4);padding-left:40px;transition:all .2s ease}.filter-bar-ultra .search-input-ultra:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0080ff26;outline:none}.filter-bar-ultra .search-input-ultra::placeholder{color:var(--color-text-muted)}.filter-bar-ultra .filter-select-ultra{-webkit-appearance:none;appearance:none;background:var(--input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%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 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);padding-right:var(--space-8);transition:all .2s ease}.filter-bar-ultra .filter-select-ultra:hover{border-color:var(--color-border)}.filter-bar-ultra .filter-select-ultra:focus{border-color:var(--color-primary-400);outline:none}.search-wrapper-ultra{flex:1 1;max-width:400px;min-width:280px;position:relative}.search-wrapper-ultra .search-icon{color:var(--color-text-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-wrapper-ultra .search-input-ultra{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);padding:var(--space-3) var(--space-4);padding-left:44px;transition:all .2s ease;width:100%}.search-wrapper-ultra .search-input-ultra:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0080ff26;outline:none}.search-wrapper-ultra .search-input-ultra::placeholder{color:var(--color-text-muted)}.projects-grid-ultra{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.project-card-ultra{background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card-ultra:hover{border-color:#3b82f666;box-shadow:0 20px 40px -12px #0006,0 0 60px #3b82f626;transform:translateY(-4px)}.project-card-ultra__header{align-items:flex-start;display:flex;gap:var(--space-4);padding:var(--space-5)}.project-card-ultra__icon{align-items:center;background:linear-gradient(135deg,#3b82f633,#8b5cf61a);border-radius:var(--radius-lg);color:var(--color-primary-400);display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.project-card-ultra:hover .project-card-ultra__icon{background:linear-gradient(135deg,#3b82f64d,#8b5cf633);transform:scale(1.1) rotate(5deg)}.project-card-ultra__info{flex:1 1;min-width:0}.project-card-ultra__title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;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{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.project-card-ultra__status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.project-card-ultra__status:before{animation:pulse-glow 2s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.project-card-ultra__status--active{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.project-card-ultra__status--review{background:#f59e0b26;border:1px solid #f59e0b4d;color:#fbbf24}.project-card-ultra__status--completed{background:var(--badge-progress-bg);border:1px solid #3b82f64d;color:#60a5fa}.project-card-ultra__status--draft{background:#64748b26;border:1px solid #64748b4d;color:#94a3b8}.project-card-ultra__body{padding:0 var(--space-5) var(--space-4)}.project-card-ultra__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--space-3) 0;overflow:hidden}.project-card-ultra__stats{display:flex;gap:var(--space-4)}.project-card-ultra__stat{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-1)}.project-card-ultra__stat svg{opacity:.6}.project-card-ultra__footer{align-items:center;background:var(--color-background-subtle);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-5)}.project-card-ultra__avatars{display:flex}.project-card-ultra__avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-violet-500));border:2px solid var(--color-background);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:28px;justify-content:center;margin-left:-6px;width:28px}.project-card-ultra__avatar:first-child{margin-left:0}.project-card-ultra__date{color:var(--color-text-muted);font-size:var(--text-xs)}.project-card-ultra__actions{margin-left:auto;position:relative}.project-card-ultra__menu-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.project-card-ultra__menu-btn:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.project-card-ultra__dropdown{background:var(--dropdown-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-backdrop{inset:0;position:fixed;z-index:999}.dropdown-item{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:10px 14px;text-align:left;transition:background .15s ease;width:100%}.dropdown-item:hover{background:var(--color-hover-bg)}.dropdown-item svg{color:var(--color-text-muted)}.project-card-ultra{animation:cardFadeUp .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}.project-card-ultra:first-child{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{animation:fadeUp .6s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-6)}.detail-header-ultra__top{align-items:flex-start;display:flex;gap:var(--space-5);margin-bottom:var(--space-5)}.detail-header-ultra__icon{align-items:center;background:linear-gradient(135deg,#3b82f633,#8b5cf61a);border-radius:var(--radius-xl);color:var(--color-primary-400);display:flex;flex-shrink:0;height:72px;justify-content:center;position:relative;width:72px}.detail-header-ultra__icon--violet{background:linear-gradient(135deg,#8b5cf633,#ec48991a);color:#a78bfa}.detail-header-ultra__info{flex:1 1}.detail-header-ultra__badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.05em;margin-bottom:var(--space-2);padding:4px 12px;text-transform:uppercase}.detail-header-ultra__badge--active{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.detail-header-ultra__badge--progress{background:var(--badge-progress-bg);border:1px solid #3b82f64d;color:#60a5fa}.detail-header-ultra__title{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin:0 0 var(--space-1) 0}.detail-header-ultra__subtitle{color:var(--color-text-muted);font-size:var(--text-base);margin:0 0 var(--space-3) 0}.detail-header-ultra__description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0;max-width:600px}.detail-header-ultra__stats{grid-gap:var(--space-4);border-top:1px solid var(--color-border-subtle);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);padding-top:var(--space-5)}.detail-header-actions{margin-left:auto}.detail-header-actions,.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{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1)}.detail-header-ultra__stat-label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.section-header-ultra{align-items:center;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .15s both;display:flex;justify-content:space-between;margin-bottom:var(--space-5)}.section-header-ultra__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-xl);font-weight:600;gap:var(--space-2);margin:0}.section-header-ultra__title .emoji{font-size:1.25rem}.tracks-toolbar-ultra{animation:fadeUp .55s cubic-bezier(.16,1,.3,1) .1s both;border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;margin-bottom:var(--space-5);padding:var(--space-4) 0}.tracks-toolbar-ultra,.tracks-toolbar-ultra__left{align-items:center;display:flex;gap:var(--space-4)}.tracks-toolbar-ultra__left{flex:1 1;min-width:0}.tracks-toolbar-ultra__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.tracks-toolbar-ultra .search-wrapper-ultra{flex:1 1;max-width:320px;min-width:200px;position:relative}.tracks-toolbar-ultra .search-wrapper-ultra .search-icon{color:var(--color-text-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.tracks-toolbar-ultra .search-wrapper-ultra .search-input-ultra{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);padding:var(--space-3) var(--space-4);padding-left:44px;padding-right:40px;transition:all .2s ease;width:100%}.tracks-toolbar-ultra .search-wrapper-ultra .search-input-ultra:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0080ff26;outline:none}.search-clear-btn,.tracks-toolbar-ultra .search-wrapper-ultra .search-input-ultra::placeholder{color:var(--color-text-muted)}.search-clear-btn{align-items:center;background:var(--color-background-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:.8;padding:0;position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px}.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{align-items:center;animation:filterSlideIn .25s cubic-bezier(.16,1,.3,1);background:var(--badge-progress-bg);border:1px solid #3b82f633;border-radius:var(--radius-full);color:var(--color-primary-400);display:inline-flex;font-size:var(--text-xs);font-weight:600;padding:var(--space-2) var(--space-3);white-space:nowrap}@keyframes filterSlideIn{0%{opacity:0;transform:translateX(-12px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.tracks-list-ultra{display:flex;flex-direction:column;gap:var(--space-3)}.track-card-ultra{align-items:center;animation:slideInRight .4s cubic-bezier(.16,1,.3,1) both;background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);transition:all .3s ease}.track-card-ultra:hover{border-color:#3b82f666;box-shadow:0 8px 24px -8px #0000004d;transform:translateX(4px)}.track-card-ultra__drag-handle{-webkit-user-drag:element;align-items:center;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:grab;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-left:-4px;margin-right:-4px;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:32px}.track-card-ultra__drag-handle:hover{background:var(--color-hover-bg);color:var(--color-text-secondary)}.track-card-ultra__drag-handle:active{color:var(--color-primary-400);cursor:grabbing}.track-card-ultra--drag-over{background:#3b82f61a;border-color:var(--color-primary-400);border-style:dashed}.track-card-ultra--dragging{border-color:var(--color-primary-400);opacity:.5;transform:scale(.98)}.track-card-ultra__icon{align-items:center;background:linear-gradient(135deg,#8b5cf633,#ec48991a);border-radius:var(--radius-lg);color:#a78bfa;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.track-card-ultra__content{flex:1 1;min-width:0}.track-card-ultra__title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:600;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{color:var(--color-text-muted);font-size:var(--text-sm)}.track-card-ultra__meta-separator{color:var(--color-text-disabled);margin:0 var(--space-2)}.track-card-ultra__progress{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-1);min-width:100px}.track-card-ultra__progress-text{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600}.track-card-ultra__progress-bar{background:var(--color-background-subtle);border-radius:2px;height:4px;overflow:hidden;width:100px}.track-card-ultra__progress-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-cyan-500));border-radius:2px;height:100%;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{color:var(--color-primary-400);transform:translateX(4px)}.track-card-ultra__actions{flex-shrink:0;position:relative}.track-card-ultra__menu-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.track-card-ultra__menu-btn:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.track-card-ultra__dropdown{background:var(--dropdown-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0009;margin-top:4px;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.track-card-ultra__dropdown-item{background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:block;font-size:var(--text-sm);padding:10px 14px;text-align:left;transition:background .15s ease;width:100%}.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{animation:slideInRight .4s ease forwards;opacity:0;transform:translateX(-10px)}.track-header-ultra{align-items:flex-start;background:linear-gradient(135deg,#7c4dff1a,#0080ff0d);border:1px solid #7c4dff33;border-radius:var(--radius-xl);display:flex;gap:var(--space-5);margin-bottom:var(--space-6);padding:var(--space-6)}.track-header-ultra__icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-500) 0,#7c4dff 100%);border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.track-header-ultra__info{flex:1 1;min-width:0}.track-header-ultra__title{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;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{align-items:center;background:var(--color-hover-bg);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-sm);padding:var(--space-1) var(--space-3)}.track-header-ultra__actions{flex-shrink:0}.track-progress-ultra{background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-5)}.track-progress-ultra__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.track-progress-ultra__label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.track-progress-ultra__value{color:var(--color-primary-400);font-size:var(--text-lg);font-weight:700}.track-progress-ultra__bar{background:var(--color-hover-bg);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-3);overflow:hidden}.track-progress-ultra__fill{background:linear-gradient(90deg,var(--color-primary-500) 0,#00e5ff 100%);border-radius:var(--radius-full);height:100%;transition:width .5s ease}.track-progress-ultra__stats{color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-4)}.stages-section-ultra{margin-top:var(--space-6)}.stages-section-ultra__title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-4) 0}.stages-grid-ultra{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stage-card-ultra{animation:fadeSlideUp .4s ease forwards;background:var(--color-background-subtle);border-radius:var(--radius-lg);padding:var(--space-5);position:relative;transform:translateY(10px)}.stage-card-ultra:hover{background:var(--color-hover-bg);border-color:var(--color-border);box-shadow:0 8px 30px #0000004d;transform:translateY(-2px)}.stage-card-ultra__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.stage-card-ultra__icon{background:var(--color-hover-bg);border-radius:var(--radius-md);color:var(--color-text-secondary);height:40px;width:40px}.stage-card-ultra__order{background:var(--color-hover-bg);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.stage-card-ultra__title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-3) 0}.stage-card-ultra__status{margin-top:auto}.stage-card-ultra__arrow{color:var(--color-text-disabled);opacity:0;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);transition:all .3s ease}.stage-card-ultra:hover .stage-card-ultra__arrow{color:var(--color-primary-400);opacity:1;transform:translateY(-50%) translateX(4px)}.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{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3)}.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);margin-bottom:var(--space-6);padding:var(--space-6)}.track-header-card__main{align-items:flex-start;display:flex;gap:var(--space-5);margin-bottom:var(--space-6)}.track-header-card__icon{align-items:center;background:linear-gradient(135deg,#7c4dff,#536dfe);border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:72px;justify-content:center;width:72px}.track-header-card__content{flex:1 1;min-width:0}.track-header-card__badge{border-radius:var(--radius-full);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-2);padding:4px 12px;text-transform:uppercase}.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{color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 var(--space-2) 0}.track-header-card__meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2)}.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);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-size:var(--text-sm);font-weight:500;padding:10px 20px;transition:all .2s ease}.track-header-card__edit-btn:hover{background:var(--color-hover-bg);border-color:#fff3}.track-header-card__stats{grid-gap:var(--space-4);border-top:1px solid var(--color-border-subtle);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);padding-top:var(--space-5)}.track-stat{background:var(--color-background-subtle);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.track-stat__value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-1)}.track-stat__label{color:var(--color-text-muted);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stages-section{margin-top:var(--space-6)}.stages-section__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-lg);font-weight:600;gap:var(--space-2);margin:0 0 var(--space-5) 0}.stages-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media (min-width:1200px){.stages-grid{grid-template-columns:repeat(5,1fr)}}.stage-card{animation:fadeSlideUp .4s ease forwards;background:var(--glass-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;opacity:0;padding:var(--space-5);text-align:center;transform:translateY(10px);transition:all .25s ease}.stage-card:hover{box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.stage-card__icon{align-items:center;background:var(--color-hover-bg);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;height:56px;justify-content:center;margin:0 auto var(--space-4);transition:all .25s ease;width:56px}.stage-card__title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;margin:0 0 var(--space-3) 0}.stage-card__status{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-1);justify-content:center}.status-check{color:#00e676;font-weight:600}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot--blue{background:#4dabff}.status-dot--yellow{background:#ffab00}.stage-card--completed{background:#00e6760d;border-color:#00e67666}.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{background:#0080ff0d;border-color:#0080ff66}.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{background:#ffab000d;border-color:#ffab0066}.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{margin-top:auto;position:relative}.stage-card__status-btn{align-items:center;background:var(--color-hover-bg);border:1px solid #0000;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:6px;justify-content:center;padding:6px 12px;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{background:var(--dropdown-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);bottom:100%;box-shadow:0 8px 24px #00000080;left:50%;margin-bottom:8px;min-width:140px;overflow:hidden;position:absolute;transform:translateX(-50%);z-index:100}.stage-card__status-option{background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:block;font-size:var(--text-sm);padding:10px 14px;text-align:left;transition:background .15s ease;width:100%}.stage-card__status-option:hover{background:var(--color-hover-bg)}.stage-card__status-option.active{background:#0080ff26;color:#4dabff}.stage-detail-page{padding:var(--space-6)}.stage-header{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);top:var(--space-4);transition:all var(--transition-normal);z-index:var(--z-sticky)}.stage-header:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-glow-primary)}.stage-header__back{font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-normal)}.stage-header__back:hover{border-color:var(--color-hover-border)}.stage-header__number{font-size:var(--text-lg);font-weight:var(--font-bold);transition:all var(--transition-normal)}.stage-header__number--completed{background:var(--color-status-completed-bg);border-color:var(--color-status-completed-border);box-shadow:var(--status-completed-glow);color:var(--color-status-completed-text)}.stage-header__number--in-progress{background:var(--color-status-progress-bg);border-color:var(--color-status-progress-border);box-shadow:var(--status-progress-glow);color:var(--color-status-progress-text)}.stage-header__number--review{background:var(--color-status-review-bg);border-color:var(--color-status-review-border);box-shadow:var(--status-review-glow);color:var(--color-status-review-text)}.stage-header__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.stage-header__description{font-size:var(--text-sm);margin:var(--space-1) 0 0 0}.stage-header__status{font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-1);padding:var(--space-2) var(--space-3)}.stage-header__complete-btn{background:var(--badge-active-bg);border:1px solid var(--badge-active-border);color:var(--badge-active-text);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);transition:all var(--transition-normal)}.stage-header__complete-btn:hover{background:var(--color-status-completed-bg);border-color:var(--color-status-completed-border);box-shadow:var(--shadow-glow-emerald)}.stage-header__settings-btn{transition:all var(--transition-normal)}.stage-header__settings-btn:hover{border-color:var(--color-hover-border)}.stage-settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.stage-settings-panel{animation:slideInRight .25s ease;width:400px}.stage-settings-panel__header{border-bottom:1px solid var(--color-border);padding:var(--space-5)}.stage-settings-panel__header h2{font-size:var(--text-lg)}.stage-settings-panel__content{padding:var(--space-5)}.stage-settings-panel__section{margin-bottom:var(--space-6)}.stage-settings-panel__section h3{color:var(--color-text-secondary);font-size:var(--text-sm);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{padding:var(--space-2) 0}.info-label,.info-value,.status-option{font-size:var(--text-sm)}.status-option{background:var(--color-background-subtle);border:2px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all .2s ease}.status-option:hover{background:var(--color-hover-bg)}.status-option.active{background:rgba(var(--status-color),.1)}.status-option__dot{height:10px;width:10px}.stage-settings-panel__footer{border-top:1px solid var(--color-border)}.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{color:var(--color-text-muted);font-size:var(--text-sm);margin-left:auto}.stages-grid-ultra{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stage-card-ultra{align-items:center;background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-5) var(--space-4);text-align:center;transition:all .3s ease}.stage-card-ultra:hover{box-shadow:0 12px 24px -8px #0000004d;transform:translateY(-3px)}.stage-card-ultra__icon{align-items:center;background:#64748b26;border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex;height:48px;justify-content:center;margin-bottom:var(--space-3);transition:all .3s ease;width:48px}.stage-card-ultra:hover .stage-card-ultra__icon{transform:scale(1.1)}.stage-card-ultra__name{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin-bottom:var(--space-2)}.stage-card-ultra__status{color:var(--color-text-muted);font-size:.75rem}.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{animation:cardFadeUp .4s ease forwards;opacity:0;transform:translateY(15px)}.stage-card-ultra:first-child{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{flex-direction:column;min-height:400px;padding:var(--space-16) var(--space-6);text-align:center}.empty-state-ultra,.empty-state-ultra__icon{align-items:center;display:flex;justify-content:center}.empty-state-ultra__icon{background:#3b82f61a;border-radius:var(--radius-full);color:var(--color-primary-400);height:80px;margin-bottom:var(--space-6);width:80px}.empty-state-ultra__title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-3) 0}.empty-state-ultra__description{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.5;margin:0 0 var(--space-6) 0;max-width:320px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalSlideUp .3s ease;background:var(--color-background-elevated)!important;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 20px 60px #00000080;max-height:90vh;overflow-y:auto}.modal .modal-actions,.modal .modal-content,.modal .modal-footer,.modal .modal-header,.modal form{background:#0000!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-small{max-width:480px;width:100%}.modal-medium{max-width:600px;width:100%}.modal-large{max-width:900px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2,.modal-header h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.modal-content{padding:24px}.modal-actions,.modal-footer{background:#0000!important;border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.modal .form-group{margin-bottom:20px}.modal .form-label,.modal label{color:var(--color-text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.modal .form-label.required:after{color:#ef4444;content:" *"}.modal .form-input,.modal .form-select,.modal .form-textarea,.modal input[type=email],.modal input[type=number],.modal input[type=text],.modal select,.modal textarea{background:var(--color-hover-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.875rem;padding:12px 16px;transition:all .2s ease;width:100%}.modal .form-input:focus,.modal .form-select:focus,.modal .form-textarea:focus,.modal input[type=email]:focus,.modal input[type=number]:focus,.modal input[type=text]:focus,.modal select:focus,.modal textarea:focus{border-color:#0080ff;box-shadow:0 0 0 3px #0080ff26;outline:none}.modal input::placeholder,.modal textarea::placeholder{color:var(--color-text-muted)}.modal textarea{min-height:100px;resize:vertical}.modal .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal .field-error{color:#ef4444;display:block;font-size:.75rem;margin-top:4px}.modal .error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;font-size:.875rem;margin-bottom:16px;padding:12px 16px}.modal .btn,.modal .button,.modal button[type=submit]{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.modal .btn--primary,.modal .btn-primary,.modal .button-primary,.modal button[type=submit]:not(.button-secondary):not(.btn-danger){background:linear-gradient(135deg,#0080ff,#06c)!important;color:#fff!important}.modal .btn--primary:hover,.modal .btn-primary:hover,.modal .button-primary:hover,.modal button[type=submit]:not(.button-secondary):not(.btn-danger):hover{box-shadow:0 4px 12px #0080ff66;transform:translateY(-1px)}.modal .btn--primary:disabled,.modal .btn-primary:disabled,.modal .button-primary:disabled,.modal button[type=submit]:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal .btn--secondary,.modal .btn-secondary,.modal .button-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 .btn--secondary:hover,.modal .btn-secondary:hover,.modal .button-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}.btn-danger,.button-danger,.modal .btn-danger,.modal .button-danger,.modal button.btn-danger,.modal button.button-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;color:#fff!important}.btn-danger:hover,.button-danger:hover,.modal .btn-danger:hover,.modal .button-danger:hover,.modal button.btn-danger:hover,.modal button.button-danger:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.modal .btn--primary,.modal .btn-primary,.modal .button-primary,.modal button.button-primary{background:linear-gradient(135deg,#0080ff,#06c)!important;border:none!important;color:#fff!important}.modal .btn--primary:hover,.modal .btn-primary:hover,.modal .button-primary:hover,.modal button.button-primary:hover{box-shadow:0 4px 12px #0080ff66;transform:translateY(-1px)}.modal .btn--secondary,.modal .btn-secondary,.modal .button-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 .btn-secondary:hover,.modal .button-secondary:hover,.modal button.button-secondary:hover{background:var(--color-hover-bg)!important;border-color:var(--color-primary-400)!important}.modal .icon-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.modal .icon-button:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.modal .delete-confirm{padding:20px;text-align:center}.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;gap:12px;justify-content:center}.modal .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal .btn-danger:hover{box-shadow:0 4px 12px #ef444466}.btn-ultra{border-radius:var(--radius-lg);font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-5)}.btn-ultra--primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));box-shadow:0 4px 12px #0080ff4d;color:#fff}.btn-ultra--secondary{background:var(--input-bg);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-ultra--secondary:hover{background:var(--color-background-subtle)}@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:translateX(0)}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.stage-detail-page{background:#0000;min-height:100vh}.stage-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--space-6);justify-content:space-between;padding:var(--space-5) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:50}.stage-header__left{flex-shrink:0}.stage-header__back{align-items:center;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4);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:translateX(-2px)}.stage-header__center{flex:1 1;gap:var(--space-4)}.stage-header__center,.stage-header__number{align-items:center;display:flex;justify-content:center}.stage-header__number{background:var(--color-hover-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:1.125rem;font-weight:700;height:48px;transition:all .3s ease;width:48px}.stage-header__number--completed{background:#00e67626;border-color:#00e6764d;box-shadow:0 0 20px #00e67633;color:#00e676}.stage-header__number--in-progress{background:#0080ff26;border-color:#0080ff4d;box-shadow:0 0 20px #0080ff33;color:#4dabff}.stage-header__number--review{background:#ffab0026;border-color:#ffab004d;box-shadow:0 0 20px #ffab0033;color:#ffab00}.stage-header__info{text-align:center}.stage-header__title{color:var(--color-text-primary);font-family:Clash Display,system-ui,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0}.stage-header__description{color:var(--color-text-muted);font-size:.875rem;margin:4px 0 0}.stage-header__right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.stage-header__status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:var(--radius-full);font-size:.75rem;gap:6px;letter-spacing:.05em;padding:6px 14px;text-transform:uppercase}.stage-header__complete-btn,.stage-header__status{align-items:center;display:inline-flex;font-weight:600}.stage-header__complete-btn{background:#00e6761a;border:1px solid #00e67640;border-radius:var(--radius-lg);color:#00e676;cursor:pointer;font-size:.875rem;gap:8px;padding:var(--space-2) var(--space-4);transition:all .4s cubic-bezier(.16,1,.3,1)}.stage-header__complete-btn:hover{background:#00e67633;border-color:#00e67666;box-shadow:0 4px 20px #00e67640;transform:translateY(-2px)}.stage-header__settings-btn{align-items:center;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);width:40px}.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{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:200}.stage-settings-panel{animation:panelSlideIn .4s cubic-bezier(.16,1,.3,1);background:var(--color-background-elevated);border-left:1px solid var(--color-border);box-shadow:-20px 0 60px #00000080;display:flex;flex-direction:column;height:100%;max-width:100%;width:420px}@keyframes panelSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.stage-settings-panel__header{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-6)}.stage-settings-panel__header h2{color:var(--color-text-primary);font-family:Clash Display,system-ui,sans-serif;font-size:1.25rem;font-weight:600;margin:0}.stage-settings-panel__content{flex:1 1;overflow-y:auto;padding:var(--space-6)}.stage-settings-panel__section{margin-bottom:var(--space-8)}.stage-settings-panel__section h3{color:var(--color-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.1em;margin:0 0 var(--space-4) 0;text-transform:uppercase}.stage-settings-panel__info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-4)}.info-row{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-3) 0}.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{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.status-option{align-items:center;background:var(--glass-bg);border:2px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-3);overflow:hidden;padding:var(--space-4);position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.status-option:before{background:linear-gradient(135deg,#0000,#ffffff05);content:"";inset:0;opacity:0;position:absolute;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{background:color-mix(in srgb,var(--status-color) 10%,#0000);border-color:var(--status-color);box-shadow:0 0 20px color-mix(in srgb,var(--status-color) 20%,#0000);color:var(--color-text-primary)}.status-option__dot{border-radius:50%;box-shadow:0 0 8px currentColor;flex-shrink:0;height:12px;width:12px}.stage-settings-panel__footer{background:var(--color-background-muted);border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-3);padding:var(--space-5)}.stage-settings-panel__footer .btn{border-radius:var(--radius-lg);flex:1 1;font-weight:600;padding:var(--space-3) var(--space-5);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;box-shadow:0 4px 12px #0080ff4d;color:#fff}.stage-settings-panel__footer .btn--primary:hover{box-shadow:0 8px 24px #0080ff66;transform:translateY(-2px)}.stage-content-wrapper{padding:var(--space-6)}.stage-content-grid{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:1fr 320px}.stage-main-content{min-height:500px}.empty-state-container{align-items:center;background:radial-gradient(ellipse at 50% 0,#0080ff14 0,#0000 60%),linear-gradient(180deg,#0d132066,#0a0f1a99);border:2px dashed #0080ff40;border-radius:var(--radius-xl);display:flex;justify-content:center;min-height:450px;overflow:hidden;position:relative}.empty-state-container:before{animation:floatParticles 20s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#0080ff66,#0000),radial-gradient(2px 2px at 40% 70%,#00e5ff4d,#0000),radial-gradient(2px 2px at 60% 20%,#7c4dff4d,#0000),radial-gradient(2px 2px at 80% 60%,#0080ff66,#0000),radial-gradient(2px 2px at 10% 80%,#00e5ff33,#0000),radial-gradient(2px 2px at 90% 40%,#7c4dff33,#0000);content:"";inset:0;pointer-events:none;position:absolute}@keyframes floatParticles{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-20px) rotate(5deg)}}.empty-state{max-width:500px;padding:var(--space-8);position:relative;text-align:center;z-index:1}.empty-state .empty-icon,.empty-state-icon{align-items:center;animation:iconPulse 3s ease-in-out infinite;background:#0080ff1a;border:1px solid #0080ff40;border-radius:var(--radius-xl);color:#4dabff;display:flex;height:80px;justify-content:center;margin:0 auto var(--space-6);width:80px}@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 .empty-icon svg,.empty-state-icon svg{height:40px;width:40px}.empty-state .empty-title,.empty-state-title{color:#4dabff;font-family:Clash Display,system-ui,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 var(--space-3)}.empty-state .empty-description,.empty-state-description{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0 0 var(--space-5)}.empty-state-recommendations{margin-bottom:var(--space-6);text-align:center}.empty-state-recommendations h4{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--space-3)}.empty-state-recommendations ul{list-style:none;margin:0;padding:0}.empty-state-recommendations li{color:var(--color-text-muted);font-size:.875rem;padding:var(--space-1) 0}.empty-state .btn-primary,.empty-state .btn.btn-primary{align-items:center;background:linear-gradient(135deg,#0080ff,#06c);border:none;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0003,0 4px 12px #0080ff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all .4s cubic-bezier(.16,1,.3,1)}.empty-state .btn-primary:hover,.empty-state .btn.btn-primary:hover{box-shadow:0 2px 4px #0003,0 8px 24px #0080ff80;transform:translateY(-3px)}.stage-sidebar,.version-control{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.version-control-header{background:var(--color-background-muted);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-5)}.version-control-title{font-family:Clash Display,system-ui,sans-serif;font-size:1rem}.version-list{max-height:400px;padding:var(--space-4)}.version-item{background:var(--color-background-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2);padding:var(--space-3);transition:all .3s ease}.version-item:hover{background:var(--color-hover-bg);border-color:#0080ff4d;transform:translateX(4px)}.version-item.current,.version-item.selected{background:#0080ff1a;border-color:#0080ff66}.version-empty{color:var(--color-text-muted);padding:var(--space-8) var(--space-4);text-align:center}.version-empty-icon{align-items:center;background:var(--color-hover-bg);border-radius:var(--radius-lg);color:var(--color-text-disabled);display:flex;height:48px;justify-content:center;margin:0 auto var(--space-3);width:48px}.version-empty-text{font-size:.875rem}.artwork-stage,.assets-stage,.audio-version-stage,.text-editor-stage,.voice-recording-stage{background:#0000}@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{flex-wrap:wrap;justify-content:center;width:100%}.tracks-toolbar-ultra,.tracks-toolbar-ultra__left{align-items:stretch;flex-direction:column;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{border-top:1px solid var(--color-border-subtle);flex-direction:row;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);width:100%}.track-card-ultra__progress-bar{flex:1 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 1;justify-content:center;min-width:120px}}@media (prefers-reduced-motion:reduce){.breadcrumb-ultra,.detail-header-ultra,.filter-bar-ultra,.filter-indicator-ultra,.page-header-ultra,.project-card-ultra,.section-header-ultra,.stage-card-ultra,.stages-section-ultra,.track-card-ultra,.tracks-toolbar-ultra{animation:none;opacity:1;transform:none}.project-card-ultra__status:before{animation:none}.search-clear-btn:active{transform:translateY(-50%)}}.project-detail-page,.projects-page,.track-detail-page{padding:var(--space-6)}.page-header-ultra .page-title{color:var(--color-text-primary);font-size:2rem;font-weight:700}.filter-bar-ultra{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.projects-grid-ultra{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.btn,.button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-family:system-ui,sans-serif;font-family:var(--font-sans,system-ui,sans-serif);font-size:.875rem;font-weight:600;gap:8px;gap:var(--space-2,8px);justify-content:center;overflow:hidden;padding:12px 20px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.btn svg,.button svg{height:18px;width:18px}.btn-primary,.btn.btn-primary,.button-primary,.button.button-primary{background:linear-gradient(135deg,#0080ff,#06c)!important;box-shadow:0 1px 2px #0003,0 4px 12px #0080ff4d,inset 0 1px 0 #ffffff1a;color:var(--color-text-primary)!important}.btn-primary:hover,.btn.btn-primary:hover,.button-primary:hover,.button.button-primary:hover{box-shadow:0 2px 4px #0003,0 8px 24px #0080ff66,inset 0 1px 0 #fff3!important;transform:translateY(-2px)}.btn-secondary,.btn.btn-secondary,.button-secondary,.button.button-secondary{background:var(--color-background)!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important}.btn-secondary:hover,.btn.btn-secondary:hover,.button-secondary:hover,.button.button-secondary:hover{background:var(--color-background-subtle)!important;border-color:var(--color-border)!important;transform:translateY(-1px)}.btn-danger,.btn.btn-danger,.button-danger,.button.button-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 1px 2px #0003,0 4px 12px #ef44444d,inset 0 1px 0 #ffffff1a;color:var(--color-text-primary)!important}.btn-danger:hover,.btn.btn-danger:hover,.button-danger:hover,.button.button-danger:hover{box-shadow:0 2px 4px #0003,0 8px 24px #ef444466,inset 0 1px 0 #fff3!important;transform:translateY(-2px)}.btn-ghost,.btn.btn-ghost,.button-ghost,.button.button-ghost{background:#0000!important;border:none!important;color:var(--color-text-secondary)!important}.btn-ghost:hover,.btn.btn-ghost:hover,.button-ghost:hover,.button.button-ghost:hover{background:var(--color-hover-bg)!important;color:var(--color-text-primary)!important}.btn:disabled,.button:disabled{cursor:not-allowed!important;opacity:.5!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}.btn-ultra,.file-drop-zone button,.file-drop-zone label,.upload-prompt button,.upload-prompt label,button.btn-ultra,label.btn-ultra{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:20}input#empty-state-file-input,input[type=file][style*="display: none"]{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.btn-ultra{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;gap:var(--space-2,8px);padding:12px 20px;text-decoration:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.btn-ultra--primary,label.btn-ultra--primary{background:linear-gradient(135deg,#0080ff,#06c);box-shadow:0 4px 12px #0080ff4d;color:#fff}.btn-ultra--primary:hover{box-shadow:0 8px 24px #0080ff66;transform:translateY(-2px)}.btn-ultra--secondary,button.btn-ultra--secondary{background:#1e293bcc;border:1px solid #ffffff1a;color:#e2e8f0}.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{cursor:pointer!important;pointer-events:auto!important}.version-control{background:var(--color-background);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.version-control-header{align-items:center;background:var(--color-background-subtle);border-bottom:1px solid var(--color-border);display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.version-control-title-row{align-items:baseline;display:flex;gap:8px}.version-control-title{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0}.version-control-count{color:var(--color-text-muted);font-size:11px}.version-control-actions{align-items:center;display:flex;gap:6px}.version-compare-banner{align-items:center;background:var(--color-primary-50);border-bottom:1px solid var(--color-primary-200);display:flex;justify-content:space-between;padding:10px 16px}.version-compare-banner-content{align-items:center;color:var(--color-primary-700);display:flex;font-size:13px;gap:8px}.version-compare-counter{display:flex;gap:6px}.version-compare-counter span{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;transition:all .15s ease;width:22px}.version-compare-counter span.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.version-list{flex:1 1;overflow-y:auto;padding:12px}.version-timeline-container{display:flex;flex-direction:column}.version-item{border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:10px 12px;transition:all .15s ease}.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{flex-direction:column;flex-shrink:0;padding-top:4px;width:20px}.version-dot,.version-timeline{align-items:center;display:flex}.version-dot{background:var(--color-background);border:2px solid var(--color-border);border-radius:50%;height:12px;justify-content:center;position:relative;transition:all .15s ease;width:12px;z-index:1}.version-dot--current{background:var(--color-success-500);border-color:var(--color-success-500)}.version-dot--compare,.version-dot--selected{background:var(--color-primary-500);border-color:var(--color-primary-500)}.version-dot--compare{height:18px;width:18px}.version-dot-label{color:#fff;font-size:10px;font-weight:700}.version-line{background:var(--color-border);flex:1 1;margin-top:4px;min-height:20px;width:2px}.version-content{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.version-content,.version-header{flex:1 1;min-width:0}.version-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.version-number{color:var(--color-text-primary);font-size:13px;font-weight:600}.version-auto-badge{background:var(--color-background-subtle);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:9px;letter-spacing:.5px;padding:2px 6px}.version-auto-badge,.version-current-badge{border-radius:4px;font-weight:600;text-transform:uppercase}.version-current-badge{background:var(--color-success-100);color:var(--color-success-700)}.version-current-badge,.version-viewing-badge{align-items:center;display:inline-flex;font-size:10px;gap:3px;letter-spacing:.3px;padding:2px 8px}.version-viewing-badge{background:var(--color-primary-100);border-radius:4px;color:var(--color-primary-700);font-weight:600;text-transform:uppercase}.version-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:11px;gap:4px}.version-separator{opacity:.5}.version-author{font-weight:500}.version-time{cursor:help}.version-note{background:var(--color-background-subtle);border-left:2px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:11px;font-style:italic;margin:6px 0 0;padding:6px 10px}.version-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.version-item:hover .version-actions{opacity:1}.version-action-btn{align-items:center;background:var(--color-background);border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.version-action-btn:hover{background:var(--color-background-muted);color:var(--color-text-primary)}.version-menu-wrapper{position:relative}.version-menu-backdrop{inset:0;position:fixed;z-index:99}.version-dropdown{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.version-dropdown-item{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;text-align:left;transition:background .1s ease;width:100%}.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-checkbox,.version-compare-indicator{align-items:center;display:flex}.version-checkbox{background:var(--color-background);border:2px solid var(--color-border);border-radius:4px;height:20px;justify-content:center;transition:all .15s ease;width:20px}.version-checkbox--checked{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.version-empty,.version-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.version-spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary-500);height:24px;width:24px}.version-empty-title{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:12px 0 4px}.version-empty-text{font-size:12px}.version-delete-message{text-align:center}.version-delete-warning{align-items:center;color:var(--color-error-600);display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.version-delete-warning p{font-size:14px;margin:0}.version-delete-note{color:var(--color-text-secondary);font-size:12px;margin:0}@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{border-color:var(--color-border)}.version-action-btn,.version-dropdown{background:var(--color-background-muted)}.version-action-btn:hover{background:var(--color-background-subtle)}}@media (max-width:640px){.version-control-header{align-items:stretch;flex-direction:column;gap:8px}.version-control-actions{justify-content:flex-end}.version-actions{opacity:1}}.share-link-modal{max-width:700px;width:100%}.share-link-modal .modal-header{padding:var(--space-5) var(--space-6)}.share-link-modal .modal-header-title{align-items:center;display:flex;gap:var(--space-3)}.share-link-modal .modal-header-icon{color:var(--color-primary-500)}.share-link-modal .modal-header h2{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.share-link-modal .modal-header-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.share-link-modal .modal-content{max-height:70vh;overflow-y:auto;padding:var(--space-6)}.share-link-error{align-items:center;background:var(--color-status-error-bg);border:1px solid var(--color-status-error-border);border-radius:var(--radius-md);color:var(--color-error-500);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.share-link-error svg{flex-shrink:0}.share-link-create-btn{font-size:var(--text-base);margin-bottom:var(--space-5);padding:var(--space-4);width:100%}.share-link-form{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);padding:var(--space-5)}.share-link-form-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-5) 0}.share-link-form .form-group{margin-bottom:var(--space-5)}.share-link-form .form-group:last-of-type{margin-bottom:var(--space-4)}.share-link-form .form-label{color:var(--color-text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.share-link-form .form-input,.share-link-form .form-select{background:var(--color-background-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-3);transition:all var(--transition-fast);width:100%}.share-link-form .form-input:focus,.share-link-form .form-select:focus{background:var(--color-background);border-color:var(--color-primary-500);box-shadow:var(--input-shadow-focus);outline:none}.share-link-form .form-input::placeholder{color:var(--color-text-disabled)}.share-link-form .form-helper{color:var(--color-text-muted);display:block;font-size:var(--text-xs);margin-top:var(--space-2)}.share-link-form .form-description{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-3) 0}.share-link-form .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.share-link-form .form-row .form-group{margin-bottom:0}.privacy-toggles{display:flex;flex-direction:column;gap:var(--space-2)}.privacy-toggle{align-items:center;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.privacy-toggle:hover:not(.disabled){background:var(--color-hover-bg)}.privacy-toggle.active,.privacy-toggle.active svg{color:var(--color-primary-500)}.privacy-toggle.disabled{cursor:not-allowed;opacity:.5}.privacy-toggle svg{color:var(--color-text-muted);flex-shrink:0}.privacy-toggle-value{color:var(--color-text-muted);font-size:var(--text-sm);margin-left:auto}.share-link-preview{background:var(--color-background-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.share-link-preview-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.share-link-preview-text{color:var(--color-text-secondary);font-size:var(--text-sm)}.share-link-form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4)}.share-link-section{margin-top:var(--space-2)}.share-link-section-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.share-link-count{color:var(--color-text-muted);font-weight:var(--font-normal)}.share-link-empty{border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);flex-direction:column;padding:var(--space-8) var(--space-4);text-align:center}.share-link-empty,.share-link-empty-icon{align-items:center;display:flex;justify-content:center}.share-link-empty-icon{background:var(--color-background-muted);border-radius:var(--radius-full);color:var(--color-text-disabled);height:64px;margin-bottom:var(--space-3);width:64px}.share-link-empty p{font-size:var(--text-sm);margin:0}.share-link-empty .spinner{margin-bottom:var(--space-2)}.share-link-items{display:flex;flex-direction:column;gap:var(--space-3)}.share-link-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.share-link-item:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-sm)}.share-link-item.inactive{opacity:.6}.share-link-item-main{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-3)}.share-link-item-info{flex:1 1;min-width:0}.share-link-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2)}.share-link-description{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.share-link-description.no-description{color:var(--color-text-muted);font-style:italic}.share-link-status{border:1px solid #0000;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);white-space:nowrap}.share-link-status.status-active{background:var(--color-status-completed-bg);border-color:var(--color-status-completed-border);color:var(--color-status-completed-text)}.share-link-status.status-inactive{background:var(--color-background-muted);border-color:var(--color-border);color:var(--color-text-muted)}.share-link-status.status-expired{background:var(--color-status-review-bg);border-color:var(--color-status-review-border);color:var(--color-status-review-text)}.share-link-status.status-maxed{background:var(--color-status-progress-bg);border-color:var(--color-status-progress-border);color:var(--color-status-progress-text)}.share-link-item-meta{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-4)}.share-link-meta-item{align-items:center;display:flex;gap:var(--space-1)}.share-link-meta-item svg{color:var(--color-text-disabled);flex-shrink:0}.share-link-item-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-1)}.share-link-item-actions .icon-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast)}.share-link-item-actions .icon-button:hover{background:var(--color-hover-bg);color:var(--color-text-primary)}.share-link-item-actions .icon-button.success{color:var(--color-success-500)}.share-link-item-actions .icon-button.success:hover{background:var(--color-status-completed-bg)}.share-link-item-actions .icon-button.danger:hover{background:var(--color-status-error-bg);color:var(--color-error-500)}.share-link-url{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.share-link-url code{background:var(--color-background-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);display:block;font-family:var(--font-mono);font-size:var(--text-xs);overflow:hidden;padding:var(--space-2) var(--space-3);text-overflow:ellipsis;white-space:nowrap}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.share-link-form,.share-link-modal .modal-content{padding:var(--space-4)}.share-link-form .form-row{gap:var(--space-4);grid-template-columns:1fr}.share-link-form .form-row .form-group{margin-bottom:0}.share-link-item-main{flex-direction:column;gap:var(--space-3)}.share-link-item-actions{align-self:flex-end}.share-link-item-meta{gap:var(--space-3)}.share-link-form-actions{flex-direction:column}.share-link-form-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.privacy-toggle,.share-link-form .form-input,.share-link-form .form-select,.share-link-item,.share-link-item-actions .btn--icon{transition:none}.spinner{animation:none}}
/*# sourceMappingURL=main.10f362c0.css.map*/