:root{--modal-scale: 1;--modal-padding-scale: 1;--modal-content-scale: 1}@media (max-width: 1366px){:root{--modal-scale: .9;--modal-padding-scale: .85;--modal-content-scale: .95}}@media (max-width: 1200px){:root{--modal-scale: .85;--modal-padding-scale: .8;--modal-content-scale: .9}}@media (max-width: 1024px){:root{--modal-scale: .8;--modal-padding-scale: .75;--modal-content-scale: .85}}@media (max-width: 768px){:root{--modal-scale: .75;--modal-padding-scale: .7;--modal-content-scale: .8}}@media (max-width: 480px){:root{--modal-scale: .7;--modal-padding-scale: .6;--modal-content-scale: .75}}.modal-overlay{position:fixed;top:64px;left:0;right:0;bottom:0;background-color:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:calc(1rem * var(--modal-padding-scale));overflow:hidden;will-change:contents}.modal-container{background:var(--surface);border-radius:.75rem;border:.0625rem solid var(--border);box-shadow:0 1.25rem 2.5rem #00000026;display:flex;flex-direction:column;position:relative;overflow:hidden;width:calc(90vw * var(--modal-scale));height:calc(min(85vh,calc(100vh - 80px)) * var(--modal-scale));max-width:calc(100rem * var(--modal-scale));max-height:calc(min(60rem,calc(100vh - 80px)) * var(--modal-scale));min-width:calc(20rem * var(--modal-scale));min-height:calc(15rem * var(--modal-scale))}.modal-container[style*=width]{max-width:90vw}.modal-container[style*=height]{max-height:calc(100vh - 80px)}.modal-container[style*="height: auto"]{height:auto!important;min-height:auto!important}.modal-small{width:calc(25vw * var(--modal-scale));height:calc(min(30vh,calc(100vh - 80px) * .35) * var(--modal-scale));max-width:calc(25rem * var(--modal-scale));max-height:calc(min(20rem,calc(100vh - 80px)) * var(--modal-scale))}.modal-medium{width:calc(40vw * var(--modal-scale));height:calc(min(50vh,calc(100vh - 80px) * .6) * var(--modal-scale));max-width:calc(35rem * var(--modal-scale));max-height:calc(min(30rem,calc(100vh - 80px)) * var(--modal-scale))}.modal-large{width:calc(65vw * var(--modal-scale));height:calc(min(70vh,calc(100vh - 80px) * .8) * var(--modal-scale));max-width:calc(55rem * var(--modal-scale));max-height:calc(min(45rem,calc(100vh - 80px)) * var(--modal-scale))}.modal-panoramic{width:calc(95vw * var(--modal-scale));height:calc(min(85vh,calc(100vh - 80px) * .95) * var(--modal-scale));max-width:calc(120rem * var(--modal-scale));max-height:calc(min(65rem,calc(100vh - 80px)) * var(--modal-scale))}.modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;font-size:calc(1rem * var(--modal-content-scale))}@media (max-width: 1366px){.modal-panoramic{width:82vw;height:min(72vh,calc(100vh - 80px) * .85);min-width:45rem;min-height:32rem}}@media (max-width: 1200px){.modal-panoramic{width:80vw;height:min(70vh,calc(100vh - 80px) * .85);min-width:40rem;min-height:30rem}}@media (max-width: 1024px){.modal-panoramic{width:78vw;height:min(68vh,calc(100vh - 80px) * .85);min-width:35rem;min-height:28rem}}@media (max-width: 768px){.modal-overlay{padding:.25rem}.modal-panoramic{width:98vw;height:calc(100vh - 70px);min-width:0;min-height:25rem}.modal-header{padding:1rem}.modal-title{font-size:1.125rem}}@media (max-width: 480px){.modal-overlay{top:0}.modal-panoramic{width:100vw;height:100vh;border-radius:0;min-width:0;min-height:20rem}.modal-header{border-radius:0}}:root:not(.dark) .modal-container{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .modal-overlay{background-color:#0000004d}.login-popup{display:flex;flex-direction:column;padding:1.5rem 2rem;gap:2rem}.login-header{text-align:center}.login-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.login-header p{font-size:.9375rem;color:var(--text-secondary)}.login-options{display:flex;flex-direction:column;gap:1rem}.login-option{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border)}.login-option.google{background:#ffffff;color:#3c4043;border-color:#dadce0}.login-option.google:hover{background:#f8f9fa;border-color:#d2d3d4;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.login-option.github{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.login-option.github:hover{background:var(--surface-secondary);border-color:var(--hover-border);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.login-divider{position:relative;text-align:center;margin:.5rem 0}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border);transform:translateY(-50%)}.login-divider span{position:relative;padding:0 1rem;background:var(--surface);color:var(--text-tertiary);font-size:.875rem;font-weight:500}.login-terms{text-align:center;font-size:.8125rem;color:var(--text-tertiary);margin:0}:root:not(.dark) .login-popup{background:#ffffff}:root:not(.dark) .login-option.google{background:#ffffff;color:#3c4043;border-color:#dadce0}:root:not(.dark) .login-option.google:hover{background:#f8f9fa;border-color:#d2d3d4}:root:not(.dark) .login-option.github{background:#f9fafb;color:#111827;border-color:#e5e7eb}:root:not(.dark) .login-option.github:hover{background:#f3f4f6;border-color:#d1d5db}:root:not(.dark) .login-divider span{background:#ffffff}:root:not(.dark) .modal-container:has(.login-popup){background:#ffffff}.navbar{background:white;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:fixed;top:0;left:0;right:0;z-index:60000;width:100%;transition:background-color .2s ease,border-color .2s ease}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:64px;max-width:100%;position:relative}.navbar-left{display:flex;align-items:center;gap:.5rem}.logo-button{background:none;border:none;padding:0;cursor:pointer;text-decoration:none;color:inherit}.navbar-logo h1{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0;transition:color .2s ease}.breadcrumbs{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.breadcrumb-item{background:none;border:none;padding:.25rem .5rem;color:#6b7280;cursor:pointer;transition:color .2s ease;font-weight:500}.breadcrumb-item:hover:not(.breadcrumb-current){color:var(--primary)}.breadcrumb-current{color:#1f2937;cursor:default}.breadcrumb-separator{color:#d1d5db;-webkit-user-select:none;user-select:none}.dropdown-container{position:relative;z-index:1000}.dropdown-button{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.dropdown-button:hover{background:#f3f4f6;border-color:#9ca3af}.dropdown-icon{width:1rem;height:1rem;transition:transform .2s ease;color:#6b7280}.dropdown-button:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background:white;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:200px;z-index:50000;border:1px solid #e5e7eb}.dropdown-item{display:block;width:100%;text-align:left;padding:.75rem 1rem;color:#374151;background:none;border:none;cursor:pointer;transition:background .2s ease;font-size:.875rem}.dropdown-item:hover{background:#f9fafb}.dropdown-item:first-child{border-radius:.5rem .5rem 0 0}.dropdown-item:last-child{border-radius:0 0 .5rem .5rem}.navbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.timeline-icon{width:1rem;height:1rem;transition:transform .2s ease;color:#6b7280}.dropdown-button:hover .timeline-icon{transform:none}.navbar-right{display:flex;align-items:center;gap:.75rem}.theme-toggle{background:#f9fafb;border:1px solid #d1d5db;color:#6b7280;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.theme-icon{width:1.25rem;height:1.25rem}.notification-container{position:relative}.notification-button{position:relative;background:#f9fafb;border:1px solid #d1d5db;color:#6b7280;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.notification-icon{width:1.25rem;height:1.25rem}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.notification-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:white;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:320px;z-index:9999;border:1px solid #e5e7eb;display:block}.notification-header{padding:1rem;border-bottom:1px solid #e5e7eb}.notification-header h3{margin:0;color:#374151;font-size:1rem;font-weight:600}.notification-item{padding:1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s ease}.notification-item:hover{background:#f9fafb}.notification-item:last-child{border-bottom:none;border-radius:0 0 .5rem .5rem}.notification-item p{margin:0 0 .25rem;color:#374151;font-size:.875rem}.notification-time{color:#6b7280;font-size:.75rem}.profile-container{position:relative}.profile-button{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1px solid #d1d5db;color:#374151;padding:.375rem .75rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.profile-button:hover{background:#f3f4f6;border-color:#9ca3af}.profile-avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid #e5e7eb}.profile-name{font-size:.875rem;font-weight:500}.profile-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:white;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:200px;z-index:9999;border:1px solid #e5e7eb;display:block}.profile-info{padding:1rem}.profile-email{margin:0;color:#6b7280;font-size:.875rem}.profile-divider{border:none;border-top:1px solid #e5e7eb;margin:0}.profile-menu-item{display:block;width:100%;text-align:left;padding:.75rem 1rem;color:#374151;background:none;border:none;cursor:pointer;transition:background .2s ease;font-size:.875rem}.profile-menu-item:hover{background:#f9fafb}.profile-menu-item.logout{color:#dc2626}@media (max-width: 768px){.navbar-container{padding:0 .75rem}.navbar-left{gap:.75rem}.navbar-logo h1{font-size:1.25rem}.profile-name{display:none}.dropdown-menu,.notification-menu,.profile-menu{width:calc(100vw - 2rem);left:1rem;right:1rem}}.navbar{background:white;border-bottom-color:#e5e7eb}.navbar-logo h1{color:#1f2937}.logo-button:hover h1{color:var(--primary)}.dropdown-button,.theme-toggle,.notification-button,.profile-button{background:#f9fafb;border-color:#d1d5db;color:#374151}.dropdown-button:hover,.theme-toggle:hover,.notification-button:hover,.profile-button:hover{background:#f3f4f6;border-color:#9ca3af}.dropdown-icon{color:#6b7280}.dropdown-menu,.notification-menu,.profile-menu{background:white;border-color:#e5e7eb}.dropdown-item,.notification-header h3,.notification-item p,.profile-menu-item{color:#374151}.dropdown-item:hover,.notification-item:hover,.profile-menu-item:hover{background:#f9fafb}.notification-time,.profile-email{color:#6b7280}.notification-header,.profile-info,.profile-divider,.notification-item{border-color:#e5e7eb}.profile-menu-item.logout:hover{background:#fef2f2}:root.dark .navbar{background:#1f2937;border-bottom-color:#374151}:root.dark .navbar-logo h1{color:#f9fafb}:root.dark .logo-button:hover h1{color:var(--primary)}:root.dark .breadcrumb-item{color:#9ca3af}:root.dark .breadcrumb-item:hover:not(.breadcrumb-current){color:var(--primary)}:root.dark .breadcrumb-current{color:#f9fafb}:root.dark .breadcrumb-separator{color:#4b5563}:root.dark .dropdown-button,:root.dark .theme-toggle,:root.dark .notification-button,:root.dark .profile-button{background:#374151;border-color:#4b5563;color:#f9fafb}:root.dark .dropdown-button:hover,:root.dark .theme-toggle:hover,:root.dark .notification-button:hover,:root.dark .profile-button:hover{background:#4b5563;border-color:#6b7280}:root.dark .dropdown-icon{color:#9ca3af}:root.dark .dropdown-menu,:root.dark .notification-menu,:root.dark .profile-menu{background:#374151;border-color:#4b5563}:root.dark .dropdown-item,:root.dark .notification-header h3,:root.dark .notification-item p,:root.dark .profile-menu-item{color:#f9fafb}:root.dark .dropdown-item:hover,:root.dark .notification-item:hover,:root.dark .profile-menu-item:hover{background:#4b5563}:root.dark .notification-time,:root.dark .profile-email{color:#9ca3af}:root.dark .notification-header,:root.dark .profile-info,:root.dark .profile-divider,:root.dark .notification-item{border-color:#4b5563}:root.dark .profile-menu-item.logout:hover{background:#7f1d1d}.auth-buttons{display:flex;align-items:center;gap:.75rem}.auth-button{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none}.auth-button.primary{background:var(--primary);color:#fff}.auth-button.primary:hover{background:var(--primary-dark, #2563eb);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.auth-button.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.auth-button.secondary:hover{background:var(--surface-secondary);border-color:var(--primary)}.landing-page{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface-secondary) 50%,var(--background) 100%);color:var(--text-primary);position:relative;overflow-x:hidden}.landing-page:before{content:"";position:absolute;top:0;left:0;right:0;height:100vh;background:radial-gradient(ellipse at top,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none}:root.dark .landing-page:before{background:radial-gradient(ellipse at top,rgba(59,130,246,.2) 0%,transparent 50%)}.landing-main{padding-top:64px;position:relative;z-index:1}.cta-button{padding:.5rem 1rem;border-radius:6px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem}.cta-button.large{padding:.75rem 1.5rem;font-size:1rem}.cta-button.primary{background:var(--primary);color:#fff}.cta-button.primary:hover{background:var(--primary-dark, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.cta-button.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.cta-button.secondary:hover{background:var(--surface-secondary);border-color:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{padding:8rem 0 6rem;min-height:85vh;display:flex;align-items:center;position:relative}.hero-grid{display:flex;justify-content:center;align-items:center}.hero-content{max-width:800px;text-align:center;position:relative;z-index:5}.hero-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;margin-bottom:2rem;box-shadow:0 4px 20px #3b82f64d;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 1.5rem;color:var(--text-primary)}.hero-title-gradient{background:linear-gradient(135deg,var(--primary),#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:var(--text-secondary);margin:0 0 2.5rem}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:10}.cta-button.large{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;border-radius:.5rem;box-shadow:0 4px 14px #0000001a}:root.dark .cta-button.large{box-shadow:0 4px 14px #0000004d}.hero-stats{display:flex;gap:2rem;margin-top:2rem;justify-content:center}.stat{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary)}.hero-video-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.hero-background-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);opacity:.1;object-fit:cover;filter:blur(2px)}:root.dark .hero-background-video{opacity:.15;filter:blur(2px) brightness(.7)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-card{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);box-shadow:0 8px 24px #00000026;animation:floatCard 4s ease-in-out infinite}:root.dark .floating-card{box-shadow:0 8px 24px #0006}.card-1{top:10%;right:-10%;animation-delay:0s}.card-2{top:60%;left:-15%;animation-delay:1s}.card-3{bottom:20%;right:-5%;animation-delay:2s}@keyframes floatCard{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-15px) translate(5px);opacity:1}}.card-icon{font-size:1.25rem}.features-section{padding:8rem 0;background:linear-gradient(180deg,var(--surface-secondary) 0%,var(--background) 100%);position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at bottom,rgba(59,130,246,.05) 0%,transparent 70%);pointer-events:none}.section-title{text-align:center;font-size:3rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-section .container{position:relative;z-index:1}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem}.feature-card{background:var(--surface);padding:2rem;border-radius:16px;text-align:center;border:1px solid var(--border);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),#8b5cf6,#ec4899);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:var(--primary)}:root.dark .feature-card:hover{box-shadow:0 20px 40px #0006}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:block;filter:grayscale(1);transition:filter .3s ease}.feature-card:hover .feature-icon{filter:grayscale(0)}.feature-card h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:1rem}.cta-section{padding:8rem 0;text-align:center;background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 50%,#ec4899 100%);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>') repeat;animation:sparkle 20s linear infinite}@keyframes sparkle{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100px) rotate(360deg)}}.cta-section .container{position:relative;z-index:1}.cta-section h2{font-size:3rem;font-weight:700;margin:0 0 1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.cta-section p{font-size:1.25rem;color:#ffffffe6;margin:0 0 3rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.cta-section .cta-button{background:white;color:var(--primary);border:2px solid white;font-weight:600;box-shadow:0 8px 32px #0003}.cta-section .cta-button:hover{background:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}@media (max-width: 768px){.container{padding:0 1rem}.hero-section{padding:4rem 0;min-height:auto}.hero-grid{justify-content:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-stats{gap:1rem;justify-content:center}.hero-video-container{max-width:100%}.mockup-browser{transform:none}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.features-section,.cta-section{padding:4rem 0}.cta-section h2{font-size:2rem}.hero-actions{justify-content:center}.stat-number{font-size:1.5rem}}.welcome-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--background);color:var(--text-primary)}.welcome-container{max-width:500px;padding:3rem;text-align:center}.welcome-container h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.welcome-content{background-color:var(--surface);border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:left;border:1px solid var(--border)}.welcome-content p{margin-bottom:1rem;color:var(--text-primary)}.welcome-content ul{list-style:none;padding:0}.welcome-content li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary)}.welcome-content li:before{content:"✓";position:absolute;left:0;color:var(--success)}.create-studio-btn{background:var(--accent-gradient);color:#fff;border:none;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.create-studio-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.create-studio-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:var(--error);color:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem}.studio-name-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:1rem;margin-bottom:1.5rem;transition:border-color .2s ease}.studio-name-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f64d}.welcome-form-section{margin-bottom:2rem}.divider{margin:1.5rem 0;font-weight:600;color:var(--text-secondary)}.loading-spinner-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh}.loading-spinner{position:relative;width:1.5em;height:1.5em}.loading-spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spinner-rotate .8s linear infinite}.loading-spinner span{display:none}.loading-spinner.small{width:1em;height:1em}.loading-spinner.large{width:2em;height:2em}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.user-settings-popup{padding:1.5rem;max-height:calc(100vh - 10rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.user-settings-popup::-webkit-scrollbar{width:.5rem}.user-settings-popup::-webkit-scrollbar-track{background:transparent}.user-settings-popup::-webkit-scrollbar-thumb{background:var(--border);border-radius:.25rem}.user-settings-popup::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.settings-single-column{max-width:30rem;margin:0 auto}.settings-section{height:100%}.settings-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.avatar-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.avatar-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.avatar-preview{width:5rem;height:5rem;border-radius:50%;overflow:hidden;background:var(--surface);border:2px solid var(--border)}.user-role-badge{padding:.25rem .75rem;background:var(--accent);color:#fff;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:2rem;font-weight:600}.change-avatar-btn{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.change-avatar-btn:hover{background:var(--hover);border-color:var(--accent)}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.settings-input,.settings-select{width:100%;padding:.625rem .875rem;background:var(--input-bg);border:1px solid var(--border);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.settings-input:focus,.settings-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.theme-options{display:flex;gap:1rem}.theme-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.theme-option input[type=radio]{width:1rem;height:1rem;cursor:pointer}.theme-option span{font-size:.875rem;color:var(--text-primary)}.master-notification-toggle{margin-top:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.switch-option{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.switch-option span{font-size:.875rem;font-weight:500;color:var(--text-primary)}.switch-container{position:relative;width:3rem;height:1.5rem}.switch-input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#6b7280;border-radius:1.5rem;transition:all .3s ease;cursor:pointer;box-shadow:inset 0 2px 4px #00000026}.switch-slider:before{position:absolute;content:"";height:1.25rem;width:1.25rem;left:.125rem;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.switch-input:checked+.switch-slider{background-color:#3b82f6}.switch-input:checked+.switch-slider:before{transform:translate(1.5rem) translateY(-50%)}.notification-options{transition:opacity .3s ease}.notification-options.disabled{opacity:.5}.checkbox-option{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;cursor:pointer;position:relative}.checkbox-option:last-child{margin-bottom:0}.checkbox-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-option:before{content:"";display:inline-block;width:1.25rem;height:1.25rem;background:var(--input-bg);border:2px solid var(--border);border-radius:.375rem;transition:all .2s ease;flex-shrink:0}.checkbox-option:has(input[type=checkbox]:checked):before{background:#3b82f6;border-color:#3b82f6}.checkbox-option:after{content:"";position:absolute;left:.4375rem;top:.1875rem;width:.375rem;height:.625rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease;pointer-events:none}.checkbox-option:has(input[type=checkbox]:checked):after{opacity:1}.checkbox-option:hover:before{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-option input[type=checkbox]:disabled~:before{background:var(--surface-disabled);border-color:var(--border);cursor:not-allowed}.checkbox-option input[type=checkbox]:disabled~span{opacity:.5;cursor:not-allowed}.checkbox-option span{font-size:.875rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.settings-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.cancel-btn,.save-btn{padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.cancel-btn{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.cancel-btn:hover{background:var(--hover);transform:translateY(-1px)}.save-btn{background:#3b82f6;color:#fff;border-color:#3b82f6}.save-btn:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}@media (max-width: 768px){.settings-single-column{max-width:100%}}@media (max-width: 640px){.user-settings-popup{padding:1rem}.avatar-section{flex-direction:column;text-align:center}.settings-actions{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%}}.switch-studio-popup{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem 0;height:100%;overflow:hidden}.section-title{margin-bottom:.5rem;font-size:1.0625rem;font-weight:600;color:var(--text-primary)}.studio-list{list-style:none;padding:0;margin:0 0 .75rem;max-height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface-secondary)}.studio-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem .875rem;cursor:pointer;transition:background-color .15s ease;font-size:.9375rem;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.05)}.studio-item:last-child{border-bottom:none}.studio-item:hover{background:rgba(255,255,255,.05)}.studio-item.selected{background:rgba(59,130,246,.15)}.current-label{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--primary)}.field-row{display:flex;gap:.5rem}.text-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:.9375rem;height:44px;transition:all .2s ease}.text-input:focus{outline:none;border-color:var(--primary);background:var(--input-bg)}.primary-btn,.secondary-btn{padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.primary-btn{background:var(--primary);color:#fff;margin:.5rem auto 0}.primary-btn:hover:not(:disabled){background:var(--primary-hover)}.secondary-btn{background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border)}.secondary-btn:hover:not(:disabled){background:var(--hover-bg)}.primary-btn:disabled,.secondary-btn:disabled{opacity:.5;cursor:default}.error-message{color:var(--error);font-size:.875rem}.divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:.75rem 0}.no-studios{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.switch-studio-popup>section:last-of-type{margin-bottom:1.5rem}:root:not(.dark) .studio-list{background:#f9fafb;border-color:#e5e7eb}:root:not(.dark) .studio-item{border-bottom-color:#e5e7eb}:root:not(.dark) .studio-item:hover{background:#f3f4f6}:root:not(.dark) .studio-item.selected{background:rgba(59,130,246,.1)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:default;transition:transform .15s ease;flex-shrink:0}.avatar:hover{transform:scale(1.05)}.avatar-tiny{width:20px;height:20px}.avatar-small{width:24px;height:24px}.avatar-medium{width:32px;height:32px}.avatar-large{width:40px;height:40px}.avatar-initials{font-weight:600;color:#fff;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.avatar-tiny .avatar-initials{font-size:9px}.avatar-small .avatar-initials{font-size:10px}.avatar-medium .avatar-initials{font-size:13px}.avatar-large .avatar-initials{font-size:16px}.custom-dropdown{position:relative;width:100%;z-index:100}.dropdown-trigger{width:100%;padding:.875rem 2.5rem .875rem 1rem;background:#111827;border:1px solid #374151;border-radius:8px;color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center;justify-content:space-between}.dropdown-trigger:hover{border-color:#ffffff26}.dropdown-trigger:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.dropdown-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:transform .2s ease;color:#6b7280}.dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.dropdown-menu{background:#1f2937;border:1px solid #374151;border-radius:8px;box-shadow:0 10px 25px #0000004d;z-index:999999!important;max-height:300px;overflow-y:auto;padding:.5rem;min-width:200px}.dropdown-option{width:100%;padding:1.25rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.9375rem;text-align:left;cursor:pointer;transition:all .2s ease;border-radius:6px;min-height:3.5rem;display:flex;align-items:center;justify-content:flex-start;position:relative}.dropdown-option:hover{background:rgba(255,255,255,.05);color:var(--text-primary)}.dropdown-option.selected{background:rgba(59,130,246,.1);color:var(--primary)}.dropdown-option.disabled{opacity:.5;cursor:not-allowed}.dropdown-option.disabled:hover{background:transparent;color:var(--text-secondary)}.option-label{flex:1 1 auto;text-align:left;min-width:0}.option-icon{display:flex;align-items:center;justify-content:center;padding:.25rem;color:var(--text-tertiary);transition:all .2s ease;cursor:pointer;border-radius:4px;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.option-icon:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.dropdown-option.has-icon{padding-right:3.5rem}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}.custom-dropdown.small{flex:0 0 33%;min-width:180px}.custom-dropdown.small .dropdown-trigger{padding:.875rem 2rem .875rem .75rem;font-size:.8125rem}.custom-dropdown.small .dropdown-arrow{right:.5rem}:root:not(.dark) .dropdown-trigger{background:#ffffff!important;border-color:#e5e7eb!important;color:#111827}:root:not(.dark) .dropdown-trigger:hover{border-color:#d1d5db!important}:root:not(.dark) .dropdown-menu{background:#ffffff!important;border-color:#e5e7eb!important}:root:not(.dark) .dropdown-option{color:#4b5563}:root:not(.dark) .dropdown-option:hover{background:#f3f4f6!important;color:#111827}:root:not(.dark) .option-icon:hover{background:#f3f4f6!important}:root:not(.dark) .dropdown-arrow{color:#6b7280}.dark .dropdown-trigger{background:#111827;border-color:#374151}.dark .dropdown-menu{background:#1f2937;border-color:#374151}.draggable-toggle-list{display:flex;flex-direction:column;gap:.5rem}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;position:relative}.list-header label{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.toggle-list{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;min-height:80px;align-items:center;position:relative}.toggle-item{padding:.5rem .875rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:.875rem;color:var(--text-secondary);cursor:move;transition:all .2s ease;font-weight:500;-webkit-user-select:none;user-select:none;position:relative}.toggle-item:hover{background:var(--hover-bg);border-color:var(--hover-border);color:var(--text-primary)}.toggle-item.active{background:rgba(59,130,246,.15);border:1px solid #3b82f6!important;color:var(--primary)}.toggle-item.active:hover{background:rgba(59,130,246,.2);border-color:#3b82f6}.toggle-item.dragging{opacity:.5;transform:scale(.95);cursor:grabbing}.toggle-item:active{cursor:grabbing}.toggle-item.status-todo.active,.toggle-item.status-wip.active,.toggle-item.status-wfa.active,.toggle-item.status-feedback.active,.toggle-item.status-client.active,.toggle-item.status-done.active{border-left-width:4px;padding-left:calc(.875rem - 3px)}.draggable-toggle-list .add-item-button{padding:.5rem .875rem;background:transparent;border:2px dashed var(--border);border-radius:6px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-weight:500;width:auto;height:auto}.draggable-toggle-list .add-item-button:hover{background:rgba(59,130,246,.05);border-color:#3b82f64d;color:var(--primary)}.preset-input-container{display:flex;gap:.5rem;flex:0 0 33%;align-items:center}.preset-input{flex:1;padding:.875rem .75rem;background:#111827;border:1px solid #374151;border-radius:6px;color:var(--text-primary);font-size:.8125rem;transition:all .2s ease;height:100%}.preset-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.preset-input::placeholder{color:var(--text-tertiary)}.save-preset-btn{padding:.875rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-tertiary);font-size:.8125rem;font-weight:500;cursor:not-allowed;transition:all .2s ease;white-space:nowrap}.save-preset-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;cursor:pointer}.save-preset-btn.active:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.cancel-preset-btn{padding:.875rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}:root:not(.dark) .toggle-list{background:#f9fafb;border-color:#e5e7eb}:root:not(.dark) .toggle-item{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .preset-input{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .save-preset-btn{background:#f3f4f6;border-color:#e5e7eb}:root:not(.dark) .draggable-toggle-list .add-item-button:hover{background:#eff6ff;border-color:#3b82f6}:root:not(.dark) .toggle-item.status-client.active{color:#374151!important;border-color:#9ca3af!important;background-color:#9ca3af20!important}.dark .toggle-list{background:#111827;border-color:#374151}.dark .toggle-item{background:#1f2937;border-color:#374151}.dark .toggle-item.status-client.active{color:#fff!important;border-color:#fff!important;background-color:#ffffff20!important}.create-project-form{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 2rem 0;overflow:visible}.form-input{padding:.875rem 1rem;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9375rem;transition:all .2s ease}.form-textarea{resize:vertical;min-height:150px;height:150px;font-family:inherit}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin:1.5rem -2rem 0;padding:1.5rem 2rem;border-top:1px solid var(--border);background:var(--surface-secondary)}.btn-cancel{padding:.875rem 2rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-create{padding:.875rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.btn-delete{padding:.875rem 2rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}:root:not(.dark) .status-dropdown-top .dropdown-trigger{background:#ffffff;border-color:#e5e7eb;color:#1f2937}:root:not(.dark) .status-dropdown-top .dropdown-trigger:hover{background:#ffffff;border-color:#3b82f6}.create-project-form .draggable-toggle-list{border-top:1px solid var(--border);padding-top:.75rem;margin-top:1rem}.status-dropdown-top .dropdown-trigger{background:#111827;border:1px solid #374151;padding:.875rem 2.5rem .875rem 1rem;height:48px;min-height:48px;display:flex;align-items:center}.name-status-row .form-input{height:48px}.modal-container:has(.create-project-form){height:auto!important;max-height:90vh!important}.modal-content:has(.create-project-form){overflow:visible!important;flex:0 1 auto!important}.loading-members{padding:2rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.confirm-delete-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 2rem 0}.confirm-delete-body p{font-size:.9375rem;color:var(--text-primary);line-height:1.6;margin:0}.confirm-delete-body p:first-child{color:var(--text-secondary)}.confirm-delete-body p:first-child strong{color:var(--text-primary);font-weight:600}.confirm-delete-body p:nth-child(2){font-weight:500;margin-top:.5rem}.confirm-input{padding:.875rem 1rem;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9375rem;width:100%;transition:all .2s ease;margin-top:.25rem}.confirm-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.confirm-input::placeholder{color:var(--text-secondary);opacity:.6}.confirm-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin:1.5rem -2rem 0;padding:1.5rem 2rem;border-top:1px solid var(--border);background:var(--surface-secondary)}.confirm-actions button{padding:.75rem 1.75rem;border-radius:6px;font-size:.9375rem;cursor:pointer;transition:all .2s ease;min-width:120px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;line-height:1;white-space:nowrap}.btn-cancel{background:transparent;color:var(--text-secondary);border-color:var(--border);font-weight:500}.btn-cancel:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--hover-border)}.btn-delete{background:var(--error);color:#fff;font-weight:600}.btn-delete:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-delete:disabled{opacity:.5;cursor:not-allowed;transform:none}:root:not(.dark) .confirm-input{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .confirm-actions{border-top-color:#e5e7eb;background:#f9fafb}.dark .confirm-input{background:#111827;border-color:#374151}.dark .confirm-actions{background:#111827;border-top-color:#374151}.modal-container:has(.confirm-delete-body){height:auto!important;max-height:90vh!important}.modal-content:has(.confirm-delete-body){overflow:visible!important;flex:0 1 auto!important}.studio-settings-popup{display:flex;flex-direction:column;height:100%;background-color:var(--surface, #1a1f2e);color:var(--text, #e5e7eb)}.settings-content{display:flex;flex:1;overflow:hidden}.settings-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;border-top:1px solid var(--border, #2d3748);background-color:var(--surface-secondary, #141824)}.btn-save-changes{padding:10px 24px;background-color:var(--primary, #2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save-changes:hover{background-color:var(--primary-hover, #1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.settings-sidebar{width:240px;border-right:1px solid var(--border, #2d3748);padding:12px;overflow-y:auto;background-color:var(--surface-secondary, #141824)}.tab-button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;margin-bottom:4px;background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s;color:var(--text-secondary, #9ca3af);font-size:14px}.tab-button:hover{background-color:var(--surface-hover, #2d3748);color:var(--text, #e5e7eb)}.tab-button.active{background:rgba(59,130,246,.15);border:1px solid #3b82f6;color:var(--primary, #3b82f6);font-weight:500}.tab-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.tab-label{flex:1}.settings-main{flex:1;padding:24px;overflow-y:auto;background-color:var(--surface, #1a1f2e)}.tab-content{max-width:800px}.btn-primary{padding:8px 16px;background-color:var(--primary, #2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:20px}.btn-primary:hover{background-color:var(--primary-hover, #1d4ed8)}.action-button{padding:4px 10px;background:none;border:1px solid var(--border, #2d3748);border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;color:var(--text-secondary, #9ca3af);line-height:1}.action-button:hover{background-color:var(--surface-secondary, #2d3748);border-color:var(--border-hover, #4b5563);color:var(--text, #e5e7eb)}.action-button.danger{color:var(--danger, #ef4444);border-color:var(--danger-border, #7f1d1d)}.action-button.danger:hover{background-color:var(--danger-bg, #7f1d1d);border-color:var(--danger, #ef4444);color:var(--danger-light, #fca5a5)}.action-button:disabled{opacity:.5;cursor:not-allowed}.btn-invite-member{padding:8px 16px;background-color:transparent;color:var(--primary, #2563eb);border:1px dashed var(--primary, #2563eb);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-invite-member:hover{background-color:#2563eb1a;border-color:var(--primary-hover, #1d4ed8);color:var(--primary-hover, #1d4ed8)}.members-section{margin-bottom:40px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.members-list{display:flex;flex-direction:column;gap:6px}.member-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:var(--surface-secondary, #2d3748);border-radius:6px;border:1px solid var(--border, #2d3748);transition:opacity .2s}.member-item.archived{opacity:.5}.member-avatar{width:28px;height:28px;background-color:var(--primary, #2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;flex-shrink:0}.member-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.member-info{flex:1;min-width:0}.member-name{font-weight:500;color:var(--text-primary);font-size:13px;line-height:1.2}.member-email{font-size:11px;color:var(--text-secondary);line-height:1.2}.member-role-container{position:relative}.member-role{padding:6px 16px;background-color:var(--surface-secondary, #2d3748);color:var(--text-primary);border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;border:1px solid var(--border, #2d3748);display:flex;align-items:center;justify-content:space-between;transition:all .2s;min-width:90px}.member-role.clickable{cursor:pointer}.member-role.clickable:hover{background-color:var(--surface-hover, #374151);border-color:var(--border-hover, #4b5563)}.member-role.non-editable{cursor:default;opacity:.8}.member-role.non-editable:hover{background-color:var(--surface-secondary, #2d3748);border-color:var(--border, #2d3748)}.role-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background-color:var(--surface, #1a1f2e);border:1px solid var(--border, #2d3748);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:1010;width:100%;min-width:90px;overflow:hidden}.role-option{display:block;width:100%;padding:6px 12px;background:none;border:none;color:var(--text-primary);font-size:12px;text-align:left;cursor:pointer;transition:all .2s}.role-option:hover{background-color:var(--surface-secondary, #2d3748)}.role-option.active{background-color:var(--surface-hover, #374151);font-weight:600}.member-actions{display:flex;gap:6px}.icon-button{padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.icon-button:hover{background-color:var(--surface-secondary, #2d3748)}.icon-button.danger:hover{background-color:var(--danger-bg, #7f1d1d)}.delete-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.delete-confirmation-dialog{background-color:var(--surface, #1a1f2e);border:1px solid var(--border, #2d3748);border-radius:8px;padding:24px;max-width:400px;box-shadow:0 8px 24px #0006}.delete-confirmation-dialog h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text, #e5e7eb)}.delete-confirmation-dialog p{margin:0 0 24px;color:var(--text-secondary, #9ca3af);line-height:1.5}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.roles-list{display:flex;flex-direction:column;gap:12px}.role-item{display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--surface-secondary, #2d3748);border-radius:8px;border:1px solid var(--border, #2d3748)}.role-name{font-weight:600;color:var(--text, #e5e7eb);min-width:100px}.role-description{flex:1;color:var(--text-secondary, #9ca3af);font-size:14px}.role-members{font-size:13px;color:var(--text-tertiary, #6b7280)}.role-actions{display:flex;gap:8px}.permissions-section{margin-bottom:40px}.permissions-list{display:flex;flex-direction:column;gap:6px}.permission-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;background-color:var(--surface-secondary, #2d3748);border-radius:6px;border:1px solid var(--border, #2d3748)}.permission-info{flex:1;min-width:0}.permission-name{font-weight:500;color:var(--text-primary);font-size:13px;line-height:1.2}.permission-description{font-size:11px;color:var(--text-secondary);line-height:1.2;margin-top:2px}.permission-roles{display:flex;gap:12px;align-items:center}.permission-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.permission-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--primary, #2563eb);margin:0}.permission-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.permission-checkbox span{font-weight:500}.stages-tab{padding:1.5rem;padding-bottom:80px}.stages-section{margin-bottom:40px}.stages-grid{display:flex;flex-wrap:wrap;gap:8px}.stage-tag{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;min-width:120px;background-color:transparent;border:1px solid var(--border, #4b5563);border-radius:6px;font-size:13px;font-weight:400;color:var(--text-secondary, #9ca3af);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.stage-tag.draggable{cursor:grab}.stage-tag.dragging{opacity:.5;cursor:grabbing}.stage-tag:hover{border-color:var(--primary, #2563eb);color:var(--text, #e5e7eb)}.stage-tag.active{background-color:var(--primary, #2563eb);border-color:var(--primary, #2563eb);color:#fff;font-weight:500}.stage-tag-name{white-space:nowrap;flex:1;text-align:left}.stage-edit-button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;opacity:0;transition:all .2s;border-radius:4px}.stage-tag:hover .stage-edit-button{opacity:.7}.stage-edit-button:hover{opacity:1!important;background-color:var(--surface-hover);color:var(--text-primary)}.stage-tag.active .stage-edit-button{color:#fff;opacity:.7}.stage-tag.active:hover .stage-edit-button{opacity:1}.stage-tag.active .stage-edit-button:hover{background-color:#fff3}.stage-tag.add-stage{display:inline-flex;align-items:center;gap:4px;border-style:dashed;border-color:var(--primary, #2563eb);background-color:transparent;color:var(--primary, #2563eb)}.stage-tag.add-stage:hover{border-color:var(--primary-hover, #1d4ed8);background-color:#2563eb1a;color:var(--primary-hover, #1d4ed8)}.stage-tag.add-stage svg{width:12px;height:12px}.preset-selector-container{display:flex;align-items:center;gap:8px}.preset-label{font-size:13px;color:var(--text-secondary, #9ca3af);font-weight:500}.preset-selector{position:relative}.preset-selector-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;width:360px;background-color:var(--surface-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.preset-selector-trigger:hover{background-color:var(--hover);border-color:var(--border-hover)}.preset-selector-menu{position:absolute;top:100%;right:0;margin-top:4px;width:360px;background-color:var(--surface-secondary);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:10;overflow:hidden}.preset-selector-option{display:block;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:all .2s}.preset-selector-option:hover{background-color:#3b82f61a;color:var(--text-primary)}.preset-selector-option.active{background-color:#3b82f626;font-weight:600;color:var(--primary)}.preset-option-container{display:flex;align-items:center;justify-content:space-between;transition:all .2s}.preset-option-container:hover{background-color:#3b82f61a}.preset-edit-button{padding:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.preset-edit-button:hover{color:var(--text-primary)}.preset-edit-input{width:100%;padding:8px 12px;background-color:var(--surface-secondary);border:1px solid var(--primary);color:var(--text-primary);font-size:13px;outline:none}.preset-divider{height:1px;background-color:var(--border);margin:4px 0}.preset-add-new{width:100%;padding:10px 12px;background:none;border:none;color:var(--primary);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.preset-add-new:hover{background-color:var(--hover)}.preset-add-input-container{display:flex;padding:8px;gap:6px}.preset-add-input{flex:1;padding:6px 10px;background-color:var(--surface-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:12px;outline:none}.preset-add-input:focus{border-color:var(--border-hover);outline:none}.preset-add-save{padding:6px 12px;background-color:var(--primary);border:none;border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.preset-add-save:hover{background-color:var(--primary-hover)}.archived-section{margin-top:40px;padding-top:20px;border-top:1px solid var(--border, #2d3748)}.archived-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-secondary)}.archived-stages,.archived-statuses{min-height:60px;border:2px dashed var(--border, #2d3748);border-radius:8px;padding:12px;transition:all .2s;display:flex;flex-wrap:wrap;gap:8px}.archived-stages.drag-over,.archived-statuses.drag-over{border-color:var(--primary, #2563eb);background-color:#2563eb0d}.archived-empty{color:var(--text-secondary, #9ca3af);font-size:13px;text-align:center;padding:20px}.stage-tag.archived{opacity:.6;background-color:var(--surface-secondary, #2d3748);border-color:var(--border, #2d3748)}.stage-tag.archived:hover{opacity:.8}.presets-list{display:flex;flex-direction:column;gap:12px}.preset-item{padding:16px;background-color:var(--surface-secondary, #2d3748);border-radius:8px;border:1px solid var(--border, #2d3748)}.preset-name{font-weight:600;color:var(--text, #e5e7eb);margin-bottom:8px}.preset-stages{font-size:14px;color:var(--text-secondary, #9ca3af);margin-bottom:12px}.preset-actions{display:flex;gap:8px}.status-tab{position:relative;z-index:10;padding-bottom:80px}.status-grid{display:flex;flex-wrap:wrap;gap:8px}.status-tag{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 12px;min-width:120px;background-color:transparent;border:1px solid var(--border, #4b5563);border-radius:6px;font-size:13px;font-weight:400;color:var(--text-secondary, #9ca3af);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.status-tag.draggable{cursor:grab}.status-tag.dragging{opacity:.5;cursor:grabbing}.status-tag:hover{border-color:var(--primary, #2563eb);color:var(--text, #e5e7eb)}.status-tag.active{color:#fff!important;font-weight:500;border-width:1px!important}.status-tag-name{white-space:nowrap;flex:1}.status-tag-actions{display:flex;align-items:center;gap:4px;margin-left:8px}.status-edit-button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;opacity:0;transition:all .2s;border-radius:4px}.status-tag:hover .status-edit-button{opacity:.7}.status-edit-button:hover{opacity:1!important;background-color:var(--surface-hover);color:var(--text-primary)}.status-tag.active .status-edit-button{color:#fff}.status-tag.active .status-edit-button:hover{background-color:#fff3}.status-delete-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center}.status-delete-button:hover{background-color:#ef44441a;color:#ef4444}.status-tag.done{opacity:.8}.status-tag .status-tag-actions{opacity:0;transition:opacity .2s}.status-tag:hover .status-tag-actions{opacity:1}.status-tag.add-status{display:inline-flex;align-items:center;gap:4px;border-style:dashed;border-color:var(--primary, #2563eb);background-color:transparent;color:var(--primary, #2563eb)}.status-tag.add-status:hover{border-color:var(--primary-hover, #1d4ed8);background-color:#2563eb1a;color:var(--primary-hover, #1d4ed8)}.status-tag.add-status svg{width:12px;height:12px}.status-tag.archived{opacity:.6;background-color:var(--surface-secondary, #2d3748);border-color:var(--border, #2d3748)}.status-tag.archived:hover{opacity:.8}.status-add-container{display:flex;gap:8px;margin-top:12px}.status-add-input{flex:1;padding:8px 12px;background-color:var(--surface-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none}.status-add-input:focus{border-color:var(--primary)}.status-color-picker{width:36px;height:36px;padding:4px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer}.status-color-picker::-webkit-color-swatch-wrapper{padding:0}.status-color-picker::-webkit-color-swatch{border:none;border-radius:4px}.status-add-button{padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.status-add-button:hover{background-color:var(--primary-hover)}.status-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--surface-secondary, #2d3748);border-radius:8px;border:1px solid var(--border, #2d3748)}.status-handle{color:var(--text-secondary, #9ca3af);cursor:grab;-webkit-user-select:none;user-select:none}.status-color{width:24px;height:24px;border-radius:6px;flex-shrink:0}.status-name{flex:1;padding:6px 12px;border:1px solid var(--border, #2d3748);border-radius:6px;font-size:14px;font-weight:500;background-color:var(--surface, #1a1f2e);color:var(--text, #e5e7eb)}.status-type{display:flex;align-items:center;font-size:14px;color:var(--text-secondary, #9ca3af)}.status-type input[type=checkbox]{margin-right:6px;accent-color:var(--primary, #2563eb)}.status-actions{display:flex;gap:8px}.preset-statuses{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.status-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;color:#fff}.studio-form{max-width:500px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text, #e5e7eb);font-size:14px}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border, #2d3748);border-radius:8px;font-size:14px;transition:all .2s;background-color:var(--surface-secondary, #2d3748);color:var(--text, #e5e7eb)}.form-input:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.form-hint{margin-top:6px;font-size:13px;color:var(--text-secondary, #9ca3af)}.form-actions{margin-top:32px}.edit-stage-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1002}.edit-stage-dialog{background-color:var(--surface, #1a1f2e);border:1px solid var(--border, #2d3748);border-radius:8px;padding:24px;min-width:400px;box-shadow:0 8px 24px #0006}.edit-stage-dialog h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--text, #e5e7eb)}.edit-stage-form{margin-bottom:24px}.edit-stage-form .form-group{margin-bottom:16px}.edit-stage-form .form-group:last-child{margin-bottom:0}.stage-color-picker{width:60px;height:40px;padding:4px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer}.stage-color-picker::-webkit-color-swatch-wrapper{padding:0}.stage-color-picker::-webkit-color-swatch{border:none;border-radius:4px}.edit-status-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1002}.edit-status-dialog{background-color:var(--surface, #1a1f2e);border:1px solid var(--border, #2d3748);border-radius:12px;padding:32px;width:420px;box-shadow:0 20px 40px #0006}.edit-status-dialog h3{margin:0 0 24px;font-size:20px;font-weight:600;color:var(--text, #e5e7eb)}.edit-status-form{margin-bottom:32px}.edit-status-form .form-group{margin-bottom:20px}.edit-status-form .form-group:last-child{margin-bottom:0}.edit-status-form label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-secondary, #9ca3af)}.edit-status-form .form-input{width:100%;padding:10px 14px;background-color:var(--surface-secondary, #2d3748);border:1px solid var(--border, #374151);border-radius:8px;color:var(--text, #e5e7eb);font-size:14px;transition:all .2s}.edit-status-form .form-input:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.color-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px;max-height:200px;overflow-y:auto;padding:4px}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.edit-status-dialog .dialog-actions{display:flex;gap:12px;justify-content:flex-end}.edit-status-dialog .btn-primary{padding:10px 20px;background-color:var(--primary, #2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.edit-status-dialog .btn-primary:hover{background-color:var(--primary-hover, #1d4ed8)}.toast-container{position:fixed;bottom:24px;right:24px;background:var(--surface);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:6px;box-shadow:0 2px 8px #00000026;z-index:1000;animation:fade-in-out 3s forwards}@keyframes fade-in-out{0%{opacity:0;transform:translateY(20px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 0 133%;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block;cursor:pointer;width:100%;height:0;box-sizing:border-box}@supports (aspect-ratio: 1 / 1.33){.card{height:auto;padding-bottom:0;aspect-ratio:1 / 1.33}}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.card-thumbnail{position:absolute;top:0;left:0;right:0;height:75%;background-size:cover;background-position:center center;background-repeat:no-repeat;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center}.card-thumbnail.no-image{background:var(--surface-secondary)}:root.dark .card-thumbnail.no-image{background:#1f2937}.card-content{background:linear-gradient(to top,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 80%,rgba(255,255,255,.95) 100%);padding:1rem 1.25rem;position:absolute;bottom:0;left:0;right:0;height:25%;display:flex;flex-direction:column;justify-content:space-between}.dark .card-content{background:linear-gradient(to top,rgba(17,24,39,1) 0%,rgba(17,24,39,.98) 80%,rgba(17,24,39,.95) 100%)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),#8b5cf6,#ec4899);transform:scaleX(0);transition:transform .3s ease}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary)}:root.dark .card:hover{box-shadow:0 12px 24px #0000004d}.card-info-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.card-info-top h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary);line-height:1.2}.card-info-bottom{display:flex;align-items:center}.card-stats-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.stat-inline{display:flex;align-items:center;gap:.25rem}.stat-inline .stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.stat-inline .stat-value{font-size:.875rem;font-weight:600;color:var(--primary)}.action-button{background:var(--surface-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:.375rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-button:hover{background:var(--surface-tertiary);color:var(--text-primary)}.action-button.settings:hover{color:var(--primary);border-color:var(--primary)}.status-badge{color:#fff;padding:.2rem .6rem;border-radius:1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.card.inactive{opacity:.4;cursor:default}.card.inactive:hover{transform:none;box-shadow:none;border-color:var(--border)}.card.dragging{opacity:.5;transform:scale(.95)}.card.drag-over{border-color:var(--primary);border-width:2px;box-shadow:0 0 0 4px #3b82f61a}.card[draggable=true]{cursor:move}.card[draggable=true]:active{cursor:grabbing}.card.compact{aspect-ratio:unset;height:80px;background:var(--surface);border-radius:8px}.card.compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card.compact .card-overlay{display:flex;flex-direction:row;height:100%}.card.compact .card-thumbnail{position:relative;width:80px;height:100%;flex-shrink:0;border-radius:8px 0 0 8px}.card.compact .card-content{position:relative;height:100%;flex:1;background:transparent;padding:.75rem 1rem;display:flex;flex-direction:column;justify-content:center}.card.compact .card-info-top{margin-bottom:.25rem}.card.compact .card-info-top h3{font-size:.95rem;margin:0}.card.compact .card-info-bottom{display:flex;align-items:center}.card.compact .card-stats-row{gap:.75rem}.card.compact .status-badge{font-size:.65rem;padding:.15rem .5rem}.card.compact .stat-inline{font-size:.875rem}.card.compact .stat-label{font-size:.7rem}.card.compact .stat-value{font-size:.8rem}.dark .card.compact .card-content{background:transparent}.card-thumbnail{position:relative}.thumbnail-settings-button{position:absolute;top:.5rem;right:.5rem;width:36px;height:36px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;transform:scale(.9)}.card-thumbnail:hover .thumbnail-settings-button{opacity:1;transform:scale(1)}.thumbnail-settings-button:hover{background:rgba(0,0,0,.8);border-color:#fff6;transform:scale(1.05)}:root:not(.dark) .thumbnail-settings-button{background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1);color:var(--text-primary)}:root:not(.dark) .thumbnail-settings-button:hover{background:rgba(255,255,255,1);border-color:#0003;box-shadow:0 2px 8px #0000001a}.view-toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:.5rem;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:.375rem;cursor:pointer;transition:all .2s ease}.view-toggle-button:hover{background:var(--surface-secondary);color:var(--text-primary);border-color:var(--primary)}.view-toggle-button svg{width:20px;height:20px}:root.dark .view-toggle-button{background:#374151;border-color:#4b5563;color:#f9fafb}:root.dark .view-toggle-button:hover{background:#4b5563;border-color:#3b82f6}.studio-page{display:flex;flex-direction:column;min-height:100vh;background:var(--background)}.studio-toolbar{background:var(--background);border-bottom:1px solid var(--border);padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:64px;left:0;right:0;z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.9)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.75rem}.toolbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.toolbar-title,.page-controls-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.toolbar-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.toolbar-button:hover{background:var(--surface-secondary);border-color:var(--primary)}.toolbar-button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.toolbar-button.primary:hover{background:var(--primary-dark, #2563eb);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:.5rem;background:transparent;color:var(--text-primary);border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.icon-button:hover{background:var(--surface-secondary);color:var(--primary)}.icon-button.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.icon-button.secondary:hover{background:var(--surface-secondary);color:var(--text-primary);border-color:var(--primary)}.icon-button.secondary:active{transform:scale(.95)}.studio-main{margin-top:124px;padding:2rem;max-width:1400px;margin-left:auto;margin-right:auto;width:100%}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;margin-top:2rem}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr}}.projects-grid.compact{grid-template-columns:1fr;gap:.75rem}.no-projects-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;color:var(--text-secondary)}.no-projects-view h2{color:var(--text-primary);margin-bottom:.5rem}.no-projects-view p{margin-bottom:2rem}.error-message{color:var(--error);text-align:center;padding:2rem}:root:not(.dark) .studio-toolbar{background:rgba(255,255,255,.9);border-bottom-color:#e5e7eb}.dark .studio-toolbar{background:rgba(17,24,39,.9);border-bottom-color:#374151}@media (max-width: 768px){.studio-main{padding:1rem}.studio-toolbar{padding:0 1rem}}.modal-container:has(.add-item-form){height:auto!important;min-height:auto!important}.add-item-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 2rem 1rem}.add-item-form .form-group{display:flex;flex-direction:column;gap:.5rem}.add-item-form label{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:0}.add-item-form .form-input{padding:.875rem 1rem;background:#111827;border:1px solid #374151;border-radius:8px;color:var(--text-primary);font-size:.9375rem;transition:all .2s ease}.add-item-form .form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.add-item-form .form-input.error{border-color:var(--danger)}.add-item-form .form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.add-item-form .form-input::placeholder{color:var(--text-secondary)}.error-message{font-size:.875rem;color:var(--danger);margin-top:-.25rem}.add-item-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin:1rem -2rem -1rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2)}.btn-cancel{padding:.875rem 2rem;background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add{padding:.875rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.btn-add:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.color-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:.5rem;max-height:200px;overflow-y:auto;padding:.25rem}.color-option{width:100%;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:inset 0 1px 2px #0000001a,0 0 0 1px #0000001a}.color-option:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.color-option.selected{border:2px solid #fff;box-shadow:0 0 0 3px #fff3,inset 0 1px 2px #0000001a}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#1f2937;border:1px solid #374151;border-radius:6px;box-shadow:0 4px 12px #0000004d;max-height:150px;overflow-y:auto;z-index:10}.suggestion-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:background .2s ease}.suggestion-item:hover{background:rgba(255,255,255,.05)}.suggestion-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.suggestion-hint{font-size:.75rem;color:var(--text-tertiary);margin-left:1rem}.add-item-form .form-group{position:relative}:root:not(.dark) .add-item-form .form-input{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .suggestions-dropdown{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .suggestion-item:hover{background:#f3f4f6}:root:not(.dark) .suggestion-item:not(:last-child){border-bottom-color:#f3f4f6}.dark .add-item-form .form-input{background:#111827;border-color:#374151}.base-preset-manager{display:flex;flex-direction:column;gap:.5rem}.animate-spin{animation:spin 1s linear infinite}.preset-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;position:relative;z-index:5}.preset-header h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.preset-dropdown-container{display:flex;gap:.5rem;align-items:center;position:relative;margin-left:auto}.preset-select{min-width:200px;padding:.5rem .75rem;background:#111827;border:1px solid #374151;border-radius:6px;color:var(--text-primary);font-size:.8125rem;transition:all .2s ease;position:relative;z-index:102}.preset-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a;z-index:103}.save-preset-btn{padding:.5rem;background:var(--primary);border:1px solid var(--primary);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:104}.save-preset-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.save-preset-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-preset-btn{padding:.5rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:104}.cancel-preset-btn:hover{background:rgba(255,255,255,.05);color:var(--text-primary);border-color:#ffffff4d}.edit-preset-btn{padding:.375rem;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.edit-preset-btn:hover{background:rgba(255,255,255,.05);color:var(--text-primary);border-color:#fff3}.base-preset-manager .items-list{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;min-height:80px;align-content:flex-start;align-items:flex-start;position:relative}.base-preset-manager .item{padding:.5rem .875rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:.875rem;color:var(--text-secondary);cursor:move;transition:all .2s ease;font-weight:500;-webkit-user-select:none;user-select:none;position:relative;display:inline-flex!important;align-items:center;gap:0;width:auto!important;flex:0 0 auto!important}.base-preset-manager .item:hover{background:var(--hover-bg);border-color:var(--hover-border);color:var(--text-primary)}.base-preset-manager .item.active{background:rgba(59,130,246,.15);border:1px solid #3b82f6!important;color:var(--primary)}.base-preset-manager .item.active:hover{background:rgba(59,130,246,.2);border-color:#3b82f6}.base-preset-manager .item.dragging{opacity:.5;transform:scale(.95);cursor:grabbing}.item-checkbox{display:none}.item-name{font-size:.875rem;font-weight:500}.base-preset-manager .add-item-btn{padding:.5rem .875rem;background:transparent;border:2px dashed var(--border);border-radius:6px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-weight:500;width:auto!important;height:auto;display:inline-flex!important;align-items:center;flex:0 0 auto!important}.base-preset-manager .add-item-btn:hover{background:rgba(59,130,246,.05);border-color:#3b82f64d;color:var(--primary)}:root:not(.dark) .items-list{background:#f9fafb;border-color:#e5e7eb}:root:not(.dark) .item{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .preset-select{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .save-preset-btn,:root:not(.dark) .add-preset-btn{background:#f3f4f6;border-color:#e5e7eb}:root:not(.dark) .cancel-preset-btn{border-color:#e5e7eb}:root:not(.dark) .cancel-preset-btn:hover{background:#f3f4f6;border-color:#d1d5db}:root:not(.dark) .add-item-btn:hover{background:#eff6ff;border-color:#3b82f6}.dark .items-list{background:#111827;border-color:#374151}.dark .item{background:#1f2937;border-color:#374151}.item-content{display:flex;align-items:center;gap:.5rem;width:100%}.color-edit-btn{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:.25rem}.color-edit-btn:hover{transform:scale(1.1);box-shadow:0 0 0 2px #ffffff1a}.delete-btn{padding:.125rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:3px;opacity:0;margin-left:.25rem}.item:hover .delete-btn{opacity:1}.delete-btn:hover{color:#ef4444;background:rgba(239,68,68,.1)}.color-picker-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;min-width:320px}.color-picker-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:.375rem}.color-option{width:22px;height:22px;border-radius:4px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.1);box-shadow:0 0 0 2px #ffffff4d}.color-option.selected{box-shadow:0 0 0 2px var(--primary)}.color-option.selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:white}.delete-confirm-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;min-width:200px}.delete-confirm-dropdown p{margin:0 0 .75rem;font-size:.875rem;color:var(--text-primary)}.confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.confirm-yes{padding:.375rem .75rem;background:#ef4444;border:none;border-radius:4px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-yes:hover{background:#dc2626}.confirm-no{padding:.375rem .75rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-no:hover{background:rgba(255,255,255,.05);color:var(--text-primary);border-color:#ffffff4d}.dark .color-picker-dropdown{background:#1f2937;border-color:#374151}:root:not(.dark) .color-picker-dropdown{background:#ffffff;border-color:#e5e7eb;box-shadow:0 10px 15px -3px #00000026,0 4px 6px -2px #0000001a}.dark .delete-confirm-dropdown{background:#1f2937;border-color:#374151}:root:not(.dark) .delete-confirm-dropdown{background:#ffffff;border-color:#e5e7eb;box-shadow:0 10px 15px -3px #00000026,0 4px 6px -2px #0000001a}:root:not(.dark) .item.status-client.active{color:#374151!important}.modal-container:has(.create-space-form){height:auto!important;max-height:90vh!important}.modal-content:has(.create-space-form){overflow:visible!important;flex:0 1 auto!important}.create-space-form{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem;overflow:visible}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-row .thumbnail-group{display:flex;flex-direction:column;gap:.5rem}.form-row .thumbnail-upload{height:100%;min-height:100px}.form-row .thumbnail-upload-area,.form-row .thumbnail-preview{height:100%;min-height:100px;max-height:120px}.form-row .thumbnail-upload-area{padding:1rem}.form-row .upload-icon{width:24px;height:24px}.form-row .thumbnail-upload-area span{font-size:.875rem}.name-status-row{display:flex;gap:1rem;align-items:flex-start;border:none;padding-top:0;margin-top:0}.name-group{flex:1}.status-group{flex:0 0 180px}.status-dropdown-top .dropdown-trigger{background:#111827;border:1px solid #374151;padding:.625rem 2.5rem .625rem 1rem;height:42px;min-height:42px;display:flex;align-items:center}.status-dropdown-top .dropdown-trigger:hover{border-color:#ffffff26}.name-status-row .form-input{height:42px}.form-input{padding:.625rem .875rem;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9375rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-input.small{flex:1}.form-input::placeholder{color:var(--text-secondary)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin:1rem -1.5rem 0;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2)}.btn-cancel{padding:.625rem 1.5rem;background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:rgba(255,255,255,.05);color:var(--text-primary);border-color:#ffffff26}.btn-create{padding:.625rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.btn-create:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-create:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-create:disabled:hover{background:var(--primary);transform:none;box-shadow:none}.btn-delete{padding:.625rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.btn-delete:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}:root:not(.dark) .form-input{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .form-actions{border-top-color:#e5e7eb;background:#f9fafb}:root:not(.dark) .btn-cancel{border-color:#e5e7eb}:root:not(.dark) .btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}:root:not(.dark) .status-dropdown-top .dropdown-trigger{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .status-dropdown-top .dropdown-trigger:hover{border-color:#d1d5db}.dark .form-input{background:#111827;border-color:#374151}.thumbnail-upload{position:relative}.thumbnail-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1.5rem;height:150px;background:var(--surface-secondary);border:2px dashed var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease}.thumbnail-upload-area:hover{background:var(--hover-bg);border-color:var(--primary)}.upload-icon{color:var(--text-tertiary);width:32px;height:32px}.thumbnail-upload-area span{display:block;text-align:center}.thumbnail-upload-area span:first-of-type{color:var(--text-primary);font-weight:500;font-size:.875rem}.upload-hint{font-size:.75rem;color:var(--text-secondary)}.thumbnail-input-hidden{display:none}.thumbnail-preview{position:relative;width:100%;height:150px;border-radius:8px;overflow:hidden;background:var(--surface-secondary)}.thumbnail-preview img{width:100%;height:100%;object-fit:cover}.thumbnail-remove{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;background:rgba(0,0,0,.7);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.thumbnail-remove:hover{background:rgba(0,0,0,.9)}:root:not(.dark) .thumbnail-upload-area{background:#f9fafb;border-color:#e5e7eb}:root:not(.dark) .thumbnail-upload-area:hover{background:#f3f4f6;border-color:#3b82f6}:root:not(.dark) .thumbnail-preview{background:#f3f4f6}.project-page{min-height:100vh;background:var(--background);color:var(--text-primary)}.project-main{padding:0 2rem;max-width:1400px;margin-left:auto;margin-right:auto}.page-controls{position:fixed;top:var(--navbar-height);left:0;right:0;height:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.9);border-bottom:1px solid var(--border);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;z-index:100}.controls-left,.controls-right{display:flex;align-items:center;gap:1rem;flex:1}.controls-right{justify-content:flex-end}.controls-center{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.page-controls-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.create-space-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.create-space-button:hover{background:var(--primary-dark, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.no-spaces-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding-top:calc(var(--navbar-height) + 60px);text-align:center;color:var(--text-secondary)}.no-spaces-view h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.no-spaces-view p{margin-bottom:2rem;font-size:1rem}.create-space-button-large{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.create-space-button-large:hover{background:var(--primary-dark, #2563eb);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.spaces-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative;padding-top:10rem}@media (max-width: 1200px){.spaces-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.spaces-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.spaces-grid{grid-template-columns:1fr}}.spaces-grid.compact{grid-template-columns:1fr;gap:.75rem}.error-message{color:var(--error);text-align:center;padding:2rem;font-size:.875rem}:root.dark .page-controls{background:#1f2937;border-bottom:1px solid #374151}@media (max-width: 768px){.project-main{padding:0 1rem}.page-controls{padding:1rem;flex-direction:column;height:auto}.controls-left,.controls-center,.controls-right{width:100%;justify-content:center}.spaces-grid{padding-top:12rem;gap:1rem}.no-spaces-view{padding-top:calc(var(--navbar-height) + 100px)}}:root{--navbar-height: 64px}:root.dark .page-controls{background:rgba(17,24,39,.9)}.references-canvas-container{display:flex;flex-direction:column;height:100%;background:var(--background);border-radius:.5rem;overflow:hidden;position:relative}.references-canvas-container.fullscreen-mode{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:100;border-radius:0;background:var(--background)}.references-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--surface-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;border-radius:.375rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:36px;min-height:36px}.toolbar-icon-btn:hover{background:var(--hover);color:var(--accent)}.snap-btn.snap-active{color:var(--accent);background:transparent}.snap-btn.snap-inactive{color:var(--accent);opacity:.3;background:transparent}.snap-btn:hover{background:var(--hover)}.toolbar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:var(--hover);border-color:var(--accent)}.toolbar-btn.danger{background:var(--error);color:#fff;border-color:var(--error)}.toolbar-btn.danger:hover{background:#dc2626;border-color:#dc2626}.references-canvas{flex:1;position:relative;overflow:hidden;background:var(--surface);user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;transform:translateZ(0);will-change:transform;backface-visibility:hidden;contain:layout style paint;image-rendering:crisp-edges;-webkit-font-smoothing:subpixel-antialiased}.references-canvas.zooming .canvas-item img{image-rendering:pixelated;filter:contrast(.95) brightness(.98)}.references-canvas[data-show-grid=true]{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:calc(20px * var(--canvas-zoom, 1)) calc(20px * var(--canvas-zoom, 1));background-position:calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1))}.canvas-content{position:relative;width:100%;height:100%;min-width:10000px;min-height:10000px;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.canvas-item{position:absolute;cursor:move;border:2px solid transparent;border-radius:.375rem;overflow:hidden;background:white;box-shadow:0 2px 8px #0000001a;transform:translateZ(0);will-change:transform;backface-visibility:hidden;transition:border-color .1s ease,box-shadow .1s ease}.canvas-item:hover{border-color:var(--accent);box-shadow:0 4px 12px #00000026}.canvas-item.selected{border-color:var(--accent);box-shadow:0 4px 16px #3b82f64d}.canvas-text-item.selected .text-editor{border:1px solid var(--accent);border-radius:4px}.canvas-item img,.canvas-item video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transform:translateZ(0);will-change:transform;backface-visibility:hidden;image-rendering:optimizeSpeed}.canvas-item video{object-fit:contain}.canvas-text-item{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.1)}.canvas-text-item.selected{border:2px solid var(--accent)!important;box-shadow:0 4px 16px #3b82f64d!important}.text-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative}.text-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;word-wrap:break-word;white-space:pre-wrap;padding:8px;box-sizing:border-box;line-height:1.4}.text-editor{width:calc(100% - 16px);height:calc(100% - 16px);border:none;outline:none;background:transparent;font-size:14px;font-weight:500;color:var(--text-primary);text-align:center;resize:none;font-family:inherit;overflow-y:auto;overflow-x:hidden;min-height:24px;box-sizing:border-box;padding:8px;line-height:1.4;margin:8px;position:absolute;top:0;left:0}:root.dark .canvas-text-item{background:rgba(30,30,30,.95);border-color:#ffffff1a}.resize-handles{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;pointer-events:none}.resize-handle{position:absolute;width:20px;height:20px;background:var(--accent);border:3px solid white;border-radius:50%;pointer-events:auto;cursor:nw-resize;box-shadow:0 2px 6px #0003}.resize-handle.nw{top:0;left:0;cursor:nw-resize}.resize-handle.ne{top:0;right:0;cursor:ne-resize}.resize-handle.sw{bottom:0;left:0;cursor:sw-resize}.resize-handle.se{bottom:0;right:0;cursor:se-resize}.references-canvas.drag-over{background:rgba(59,130,246,.05)}.references-canvas[data-mode=pan]{cursor:grab}.references-canvas[data-mode=pan]:active{cursor:grabbing}.canvas-item.selected:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:rgba(59,130,246,.1);border-radius:.5rem;z-index:-1}@media (max-width: 768px){.references-toolbar{flex-wrap:wrap;gap:.375rem;padding:.5rem}.toolbar-btn{padding:.375rem .5rem;font-size:.8125rem}.resize-handle{width:24px;height:24px}.canvas-item{min-width:80px;min-height:60px}}:root.dark .canvas-item{background:var(--surface-secondary);box-shadow:0 2px 8px #0000004d}:root.dark .canvas-item:hover{box-shadow:0 4px 12px #0006}:root.dark .resize-handle{border-color:var(--surface)}:root.dark .references-canvas[data-show-grid=true]{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)}.fullscreen-toggle-btn{position:absolute;bottom:20px;right:20px;width:48px;height:48px;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-primary);font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;z-index:1000}.fullscreen-toggle-btn:hover{background:var(--hover);border-color:var(--accent);transform:scale(1.05);box-shadow:0 6px 20px #0003}.fullscreen-toggle-btn:active{transform:scale(.95)}@keyframes itemAdded{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.canvas-item{animation:itemAdded .3s ease-out}.canvas-item img,.canvas-item video{transition:opacity .2s ease}.canvas-item img[src=""],.canvas-item video[src=""]{opacity:.5;background:var(--surface-secondary)}.canvas-context-menu{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:.375rem;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:150px}.context-menu-item{padding:.5rem .75rem;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.context-menu-item:hover{background:var(--hover)}.context-menu-item:first-child{border-radius:.375rem .375rem 0 0}.context-menu-item:last-child{border-radius:0 0 .375rem .375rem}.shortcuts-info-container{position:absolute;top:20px;right:20px;z-index:1001}.shortcuts-info-btn{width:32px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;font-size:14px;font-weight:600}.shortcuts-info-btn:hover{background:var(--hover);border-color:var(--accent);transform:scale(1.05);box-shadow:0 4px 12px #00000026}.shortcuts-info-btn:active{transform:scale(.95)}.info-icon{font-family:Times New Roman,serif;font-style:italic;font-weight:700}.shortcuts-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:280px;z-index:1002;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.shortcuts-header{padding:12px 16px;background:var(--surface-secondary);border-bottom:1px solid var(--border);font-weight:600;color:var(--text-primary);font-size:14px}.shortcuts-list{padding:8px 0;overflow-y:auto}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;transition:background-color .15s ease}.shortcut-item:hover{background:var(--hover)}.shortcut-key{font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;font-weight:600;background:var(--background);border:1px solid var(--border);border-radius:4px;padding:4px 8px;color:var(--accent);min-width:80px;text-align:center}.shortcut-desc{color:var(--text-secondary);font-size:13px;flex:1;text-align:right;margin-left:12px}:root.dark .shortcuts-dropdown{box-shadow:0 8px 24px #0000004d}:root.dark .shortcuts-info-btn{box-shadow:0 2px 8px #0003}:root.dark .shortcuts-info-btn:hover{box-shadow:0 4px 12px #0000004d}.moodboard-page{height:100vh;background:var(--background);color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden}.moodboard-main{flex:1;margin-top:64px;position:relative;overflow:hidden;height:calc(100vh - 64px)}.moodboard-main .references-canvas{width:100%;height:100%;border:none;border-radius:0;transform:translateZ(0);will-change:transform;backface-visibility:hidden;overflow:hidden}.moodboard-main .canvas-content{width:100%;height:100%;transform:translateZ(0);will-change:transform}.moodboard-main .references-toolbar{position:fixed;top:64px;left:0;right:0;z-index:999;background:var(--surface-secondary);border-bottom:1px solid var(--border)}.timeline-page{min-height:100vh;background:var(--background);color:var(--text-primary);display:flex;flex-direction:column}.timeline-main{flex:1;margin-top:140px;padding:0;overflow:hidden;height:calc(100vh - 140px)}.page-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--background);border-bottom:1px solid var(--border);position:fixed;top:64px;left:0;right:0;z-index:40}.search-controls-left{display:flex;align-items:center;gap:1rem}.done-toggle-button{padding:.5rem;width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.done-toggle-button svg{width:20px;height:20px}.done-toggle-button:hover{background:var(--surface-secondary);border-color:var(--primary)}.done-toggle-button.active{opacity:.4}.done-toggle-button.active:hover{opacity:.6}.filter-toggle-button{padding:.5rem;width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.filter-toggle-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-toggle-button.active svg{stroke:#fff}.filters-container.expanded{max-width:2000px;opacity:1;margin-right:1rem;pointer-events:auto;overflow:visible}.page-controls-right{display:flex;align-items:center;gap:1rem}.zoom-slider{display:flex;background:var(--surface-secondary);border:1px solid var(--border);border-radius:6px;overflow:hidden}.zoom-level{padding:.5rem .75rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.zoom-level:not(:last-child){border-right:1px solid var(--border)}.zoom-level:hover{background:var(--hover);color:var(--text-primary)}.zoom-level.active{background:var(--primary);color:#fff}.zoom-level svg{width:16px;height:16px}.view-toggle-container{background:var(--surface-secondary);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.view-toggle-button{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.view-toggle-button:hover{background:var(--hover);color:var(--text-primary)}.view-toggle-button:active{transform:scale(.95)}.view-toggle-button svg{width:16px;height:16px}.queue-toggle{display:flex;align-items:center;gap:.5rem;background:var(--surface-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.queue-toggle:hover{background:var(--hover);border-color:var(--accent)}.queue-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.timeline-container{display:flex;gap:1rem;height:100%;overflow:hidden;align-items:stretch;padding:1.5rem;position:relative}.timeline-content{flex:1;display:flex;background:var(--surface);border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #0000001a;min-width:0}.artists-column{width:250px;border-right:1px solid var(--border);background:var(--surface-secondary);display:flex;flex-direction:column}.artists-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);height:64px;display:flex;align-items:center}.artists-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.artists-list{flex:1;overflow-y:auto}.artist-row{border-bottom:1px solid var(--border);display:flex;align-items:center;padding:.5rem 1rem}.artist-info{display:flex;align-items:center;gap:.75rem;width:100%}.artist-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--border)}.artist-details{flex:1;min-width:0}.artist-name{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.125rem}.artist-role{font-size:.75rem;color:var(--text-secondary)}.timeline-grid{flex:1;display:flex;flex-direction:column;overflow:hidden}.task-grid{flex:1;overflow-y:auto;overflow-x:auto;scroll-behavior:smooth;position:relative;min-width:100%}.artist-timeline{position:relative;display:flex;border-bottom:1px solid rgba(0,0,0,.05);align-items:stretch;width:max-content;min-width:100%}:root.dark .artist-timeline{border-bottom-color:#ffffff0d}.timeline-cell{border-right:1px solid rgba(0,0,0,.05);position:relative;transition:background-color .2s ease;height:100%}:root.dark .timeline-cell{border-right-color:#ffffff0d}.timeline-cell:hover,.timeline-cell.today{background:rgba(59,130,246,.05)}.timeline-cell.today:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--accent);transform:translate(-50%)}.timeline-cell.weekend{background:rgba(0,0,0,.03)}:root.dark .timeline-cell.weekend{background:rgba(255,255,255,.03)}.task-bar{position:absolute;height:20px;border-radius:4px;cursor:move;transition:all .2s ease;border:none;min-width:40px;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:500;display:flex;align-items:stretch;padding:0 8px;overflow:hidden;opacity:.9}.task-bar:not(.dimmed) *{color:inherit!important}.artist-timeline .task-bar:not(.task-preview){height:40px}.task-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative}.task-expanded-top{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow:hidden}.task-expanded-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4px;overflow:hidden}.task-project{font-size:10px;font-weight:600;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;flex-shrink:1;min-width:0}.task-name{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;flex:1;min-width:0}.task-stage{font-size:10px;font-weight:400;opacity:.8;white-space:nowrap;text-align:right;margin-left:auto;flex-shrink:10;overflow:hidden;text-overflow:ellipsis;min-width:0}.task-status{font-size:10px;font-weight:600;opacity:.9;white-space:nowrap;text-align:right;margin-left:auto;text-transform:uppercase;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.task-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;width:100%}.task-compact{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4px}.task-compact-name{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;flex:1;min-width:0}.task-compact-stage{font-size:10px;font-weight:400;opacity:.8;white-space:nowrap;text-align:right;margin-left:auto;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:30%}.task-bar.task-highlight{animation:highlight-pulse .3s ease-out;z-index:100}@keyframes highlight-pulse{0%{filter:brightness(1) drop-shadow(0 0 0px currentColor)}50%{filter:brightness(1.5) drop-shadow(0 0 4px currentColor)}to{filter:brightness(1) drop-shadow(0 0 0px currentColor)}}.task-bar.disintegrating{animation:disintegrate .4s ease-out forwards;pointer-events:none}@keyframes disintegrate{0%{opacity:1;filter:blur(0px) contrast(1) saturate(1);transform:scale(1)}25%{opacity:.9;filter:blur(.5px) contrast(1.1) saturate(.9);transform:scale(1.02)}50%{opacity:.7;filter:blur(1px) contrast(1.2) saturate(.7) hue-rotate(20deg);transform:scale(1.01) skew(1deg)}75%{opacity:.4;filter:blur(2px) contrast(1.4) saturate(.4) hue-rotate(40deg);transform:scale(.98) skew(-1deg) rotate(.5deg)}to{opacity:0;filter:blur(4px) contrast(2) saturate(0) hue-rotate(60deg);transform:scale(.95) skew(2deg) rotate(-1deg)}}.queue-task.disintegrating{animation:disintegrate .4s ease-out forwards;pointer-events:none}.task-grid.dragging .task-bar:not(.dragging){transition:top .2s ease}.task-grid.dragging .task-bar:not(.dragging){pointer-events:none}.task-bar:hover{opacity:1;z-index:100}.task-bar:active{cursor:grabbing}.task-preview{position:absolute;height:20px;border-radius:4px;pointer-events:none;border:2px dashed rgba(255,255,255,.8);display:flex;align-items:stretch;padding:0 8px;font-size:11px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #0003;z-index:50}.task-preview .task-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.task-preview .task-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.task-preview .task-expanded-top,.task-preview .task-expanded-bottom{width:100%;display:flex;justify-content:space-between;align-items:center}.task-preview .task-project,.task-preview .task-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.task-preview .task-stage,.task-preview .task-status{white-space:nowrap;text-align:right;margin-left:auto}.task-resize-handle{position:absolute;top:0;bottom:0;width:16px;cursor:ew-resize;z-index:10}.task-resize-right{right:-8px}.task-resize-right:before{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);height:12px;width:2px;background:rgba(255,255,255,.4);border-radius:1px;opacity:0;transition:opacity .2s ease}.task-resize-right:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);height:12px;width:2px;background:rgba(255,255,255,.4);border-radius:1px;opacity:0;transition:opacity .2s ease}.task-bar:hover .task-resize-right:before,.task-bar:hover .task-resize-right:after{opacity:1}.task-bar:hover{box-shadow:0 2px 8px #0000004d}body.shift-pressed .task-bar:hover{cursor:pointer;box-shadow:0 0 0 2px #ffffff80,0 2px 8px #0000004d}.task-bar:hover .task-resize-handle{cursor:ew-resize}.artist-timeline.dragging:before{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(59,130,246,.3);pointer-events:none;display:none}.task-grid.dragging .artist-timeline:after{content:"";position:absolute;left:0;right:0;height:20px;border-top:2px dashed rgba(59,130,246,.5);pointer-events:none;display:none;z-index:100}.task-title{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.task-duration{display:none}.queue-panel{width:300px;background:var(--surface);border-radius:.5rem;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:sticky;top:0;max-height:calc(100vh - 140px - 3rem);height:100%}.queue-header{padding:1rem;border-bottom:1px solid var(--border);background:var(--surface-secondary);flex-shrink:0}.queue-tasks{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;align-items:stretch;flex-wrap:nowrap;min-height:0;scroll-behavior:smooth}.queue-tasks::-webkit-scrollbar{width:6px}.queue-tasks::-webkit-scrollbar-track{background:var(--background);border-radius:3px}.queue-tasks::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.queue-tasks::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.queue-task-content{flex:1;min-width:0;overflow:hidden}.queue-task-title{font-size:.75rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-task-meta{display:none}.task-duration{font-size:.75rem;color:var(--text-secondary);background:var(--background);padding:.125rem .375rem;border-radius:.25rem}.task-priority{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.125rem .375rem;border-radius:.25rem}.priority-low{background:rgba(16,185,129,.1);color:#10b981}.priority-medium{background:rgba(245,158,11,.1);color:#f59e0b}.priority-high{background:rgba(239,68,68,.1);color:#ef4444}.queue-task-description{display:none}@media (max-width: 1200px){.artists-column{width:200px}.queue-panel{width:250px}}@media (max-width: 768px){.timeline-main{padding:1rem}.timeline-container{flex-direction:column;height:auto}.timeline-content{min-height:400px}.artists-column{width:100%;max-height:200px}.queue-panel{width:100%;max-height:300px}}.dragged-task-floating{transition:none!important}:root:not(.dark) .task-bar.dimmed .task-content,:root:not(.dark) .queue-task.dimmed .queue-task-content{opacity:.2}:root.dark .task-bar.dimmed .task-content,:root.dark .queue-task.dimmed .queue-task-content{opacity:.15}.task-bar .task-content,.queue-task .queue-task-content{transition:opacity .2s ease}.task-bar.resizing{box-shadow:0 0 0 2px var(--primary),0 2px 8px #0000004d;z-index:20}body.alt-dragging .task-bar,body.alt-dragging .queue-task{cursor:copy!important}.task-bar.selected{outline:2px solid var(--primary);outline-offset:2px;z-index:10}.task-bar.dimmed{background-color:#e5e7eb!important;cursor:default!important}:root.dark .task-bar.dimmed{background-color:#2d3748!important}.task-bar.dimmed .task-resize-handle{display:none}.selection-box{border-radius:4px;transition:none}.task-grid.selecting,.task-grid.selecting *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.status-bar{position:fixed;bottom:0;left:0;right:0;height:60px;background:transparent;z-index:100;pointer-events:none}.status-bar .status-control-center{position:absolute;left:50%;transform:translate(-50%);bottom:1rem;display:flex;align-items:center;gap:.5rem;pointer-events:auto}.status-bar .status-dropdown-container{position:relative}.status-dropdown-menu-up{bottom:100%;top:auto;margin-bottom:4px;margin-top:0}.status-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;background:rgba(0,0,0,.2)}.status-dropdown-menu-floating{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 -4px 12px #00000026;overflow:hidden;min-width:200px;animation:slideUpMenu .2s ease-out}@keyframes slideUpMenu{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dark .status-dropdown-overlay{background:rgba(0,0,0,.4)}.dark .status-dropdown-menu-floating{background:var(--surface);border-color:var(--border)}.filters-container .colors-dropdown{position:relative;z-index:1}.filters-container .colors-dropdown-menu{z-index:1001}.filter-separator{width:1px;height:24px;background:var(--border);margin:0 1rem}.date-headers{display:flex;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.date-header{padding:.5rem;text-align:center;border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:.125rem;height:64px;justify-content:center;position:relative}:root.dark .date-header{border-right-color:#ffffff0d}.date-header.today{background:rgba(59,130,246,.1);border-color:var(--accent)}.date-header.today .date-day,.date-header.today .date-weekday{color:#3b82f6!important}.date-header.weekend{background:rgba(0,0,0,.03)}:root.dark .date-header.weekend{background:rgba(255,255,255,.03)}.date-month{font-size:.625rem;color:var(--accent);text-transform:uppercase;font-weight:600;letter-spacing:.5px;position:absolute;top:4px;left:0;right:0;text-align:center}.date-day{font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:.5rem}.date-weekday{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.queue-panel{width:300px;background:var(--surface);border-radius:.5rem;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;height:100%}.queue-header{padding:1rem;border-bottom:1px solid var(--border);background:var(--surface-secondary)}.queue-header h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.queue-header p{margin:0;font-size:.75rem;color:var(--text-secondary)}.queue-tasks{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;align-items:stretch;flex-wrap:nowrap}.queue-task{display:flex;gap:.5rem;padding:.5rem;background:var(--surface-secondary);border-radius:.375rem;border:1px solid var(--border);cursor:grab;transition:transform .3s ease,opacity .3s ease;flex:0 1 100%;min-width:120px;box-sizing:border-box;position:relative}.queue-task:hover{background:var(--hover);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.queue-task:active{cursor:grabbing}.queue-task.selected{outline:2px solid var(--primary);outline-offset:2px}.queue-task.dimmed{cursor:default!important}:root:not(.dark) .queue-task.dimmed .queue-task-content{opacity:.2;color:#000}:root.dark .queue-task.dimmed .queue-task-content{opacity:.15}.queue-task.disintegrating{animation:disintegrate .4s ease-out forwards}@keyframes disintegrate{0%{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}50%{opacity:.6;transform:scale(1.05) rotate(2deg);filter:blur(1px)}to{opacity:0;transform:scale(.8) rotate(-5deg) translateY(10px);filter:blur(8px)}}.task-type-indicator{width:4px;border-radius:2px;flex-shrink:0}.queue-task.dimmed .task-type-indicator{background-color:#e5e7eb!important}:root.dark .queue-task.dimmed .task-type-indicator{background-color:#2d3748!important}.queue-task-content{flex:1;min-width:0;overflow:hidden;transition:opacity .2s ease;display:flex;flex-direction:column;gap:6px}.task-expanded-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.task-expanded-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.task-project{font-size:10px;font-weight:600;opacity:.9;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.task-stage{font-size:10px;opacity:.8;color:var(--text-secondary);white-space:nowrap}.task-name{font-size:11px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.task-status{font-size:10px;font-weight:600;opacity:.9;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}@media (max-width: 1200px){.queue-panel{width:250px}}@media (max-width: 768px){.queue-panel{width:100%;max-height:300px}}body.alt-dragging .queue-task{cursor:copy!important}.msd{position:relative;display:inline-block}.msd-btn{background:var(--surface-secondary);border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:background .15s ease;display:flex;align-items:center;justify-content:space-between;gap:.25rem}.msd-btn:hover:not(:disabled){background:var(--hover-bg)}.msd-btn:disabled{opacity:.6;cursor:not-allowed}.msd-btn.open{padding:.4rem .6rem}.msd-search-input{flex:1;border:none;background:transparent;padding:0;margin:0;font-size:.875rem;color:var(--text-primary)}.msd-search-input:focus,.msd-search-input:focus-visible{outline:none}.msd-search-input::placeholder{color:var(--text-tertiary)}.msd-arrow{margin-left:.25rem;opacity:.25}.msd-menu{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 6px #00000026;z-index:999;max-height:320px;overflow:auto;min-width:200px;width:max-content;max-width:350px}.msd-controls{display:flex;gap:.25rem;padding:.4rem;border-bottom:1px solid var(--border)}.msd-controls button{flex:1;background:var(--surface-secondary);border:1px solid var(--border);border-radius:3px;padding:.2rem .5rem;font-size:.75rem;cursor:pointer;color:var(--text-primary);transition:background .15s ease}.msd-controls button:hover{background:var(--hover-bg)}.msd-controls input{flex:2;border:1px solid var(--border);border-radius:3px;padding:.25rem .4rem;font-size:.75rem;background:var(--input-bg);color:var(--text-primary)}.msd-options{padding:.4rem .6rem}.msd-option{display:flex;align-items:center;padding:.2rem 0;font-size:.8rem;cursor:pointer;width:100%}.msd-option label{display:flex;align-items:center;flex:1;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msd-option input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1rem;height:1rem;margin-right:.4rem;border:2px solid var(--border);border-radius:3px;background:var(--surface-secondary);display:inline-grid;place-content:center;transition:background .15s ease,border-color .15s ease}.msd-option input[type=checkbox]:checked{border-color:var(--primary);background:var(--primary)}.msd-option input[type=checkbox]:checked:after{transform:scale(1);background:var(--surface)}.msd-empty{padding:.6rem 0;color:var(--text-secondary);font-size:.8rem;text-align:center}.msd-label-name{opacity:.5}:root.dark .msd-label-name{opacity:.25}.msd-label-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.studio-filters{display:flex;gap:.5rem;align-items:center}.studio-filters .msd-btn{min-width:7rem}.filter-separator{width:1px;height:1.75rem;background:var(--border);margin:0 .75rem;flex-shrink:0}.save-filter-button{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:.25rem}.save-filter-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.save-filter-button:active{transform:translateY(0)}.colors-dropdown{position:relative}.colors-dropdown-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:160px;justify-content:space-between}.colors-dropdown-button.icon-only{padding:.5rem;min-width:auto;width:36px;height:36px;justify-content:center}.colors-dropdown-button svg{width:20px;height:20px;flex-shrink:0}.colors-dropdown-button:hover{background:var(--surface-secondary);border-color:var(--primary)}.colors-dropdown-menu{position:absolute;top:100%;left:0;width:max-content;min-width:150px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;margin-top:4px}:root.dark .colors-dropdown-menu{box-shadow:0 4px 12px #0000004d}.colors-dropdown-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.colors-dropdown-option:last-child{border-bottom:none}.colors-dropdown-option:hover{background:var(--hover)}.colors-dropdown-option.selected{background:var(--surface-secondary);color:var(--primary)}.checkmark{margin-left:auto;color:var(--primary);font-weight:700}.dropdown{position:relative;display:inline-block}.dropdown-button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border:.125rem solid var(--border);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:5rem;text-transform:uppercase;letter-spacing:.05em;outline:none}.dropdown-button:hover:not(.disabled){background:var(--surface-secondary);border-color:var(--accent);filter:brightness(1.1);transform:translateY(-.0625rem);box-shadow:0 .125rem .25rem #00000026}.dropdown-button:focus:not(.disabled){border-color:var(--accent);box-shadow:0 0 0 .1875rem #3b82f64d}.dropdown-button.disabled{opacity:.5;cursor:not-allowed;background:var(--surface-disabled, var(--surface))}.dropdown-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{font-size:.75rem;transition:transform .2s ease;color:#fff;flex-shrink:0;margin-left:auto;padding-left:.5rem}.dropdown-menu{position:fixed!important;background:var(--surface);border:.0625rem solid var(--border);border-radius:.5rem;box-shadow:0 .25rem .75rem #00000026;overflow:hidden;max-height:30rem;overflow-y:auto;min-width:8rem;z-index:10000!important;padding:0}:root.dark .dropdown-menu{box-shadow:0 .25rem .75rem #0000004d}.dropdown-option{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-bottom:.0625rem solid var(--border);color:var(--text-primary);font-size:.875rem;font-weight:400;text-align:center;cursor:pointer;transition:all .2s ease;border-radius:0;text-transform:none;letter-spacing:normal;line-height:1.2;min-height:2.5rem}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:rgba(255,255,255,.1);color:var(--text-primary);filter:brightness(1.2);transition:all .15s ease}.dropdown-option:focus{outline:none;background:var(--surface-secondary)}.dropdown-option.selected{background:var(--accent);color:#fff}.dropdown-option.selected:hover{background:var(--accent-hover)}.dropdown-option{text-transform:uppercase;letter-spacing:.05em}.dropdown-menu::-webkit-scrollbar{width:.375rem}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:.1875rem}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.dropdown-button{font-size:.75rem;padding:.375rem .5rem;min-width:4rem}.dropdown-option{font-size:.75rem;padding:.1875rem .5rem}}.status-dropdown{width:100%}.status-dropdown.status-dropdown-compact{max-width:12rem}.status-dropdown .dropdown-button{font-weight:600;transition:all .2s ease}.status-dropdown+.dropdown-menu{max-height:20rem;overflow-y:auto}.dropdown-menu .dropdown-option{font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.dropdown-menu .dropdown-option:hover{transform:translate(2px)}.dropdown-menu .dropdown-option.selected{font-weight:600}@media (max-width: 768px){.status-dropdown.status-dropdown-compact{max-width:100%}}.page-controls{position:relative}.timeline-status-dropdown.dropdown-button{border:none;background:var(--surface-secondary);min-width:auto;width:auto;padding:.5rem .75rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:50;text-align:center;justify-content:center}.timeline-status-dropdown.dropdown-button:hover{border:none!important;background:var(--surface-hover);transform:translate(-50%,-50%)!important;filter:brightness(1.1)}.timeline-status-dropdown.dropdown-button:focus{border:none;box-shadow:none;transform:translate(-50%,-50%)}.timeline-status-dropdown.dropdown-button .dropdown-arrow{display:none}.timeline-status-dropdown.dropdown-button .dropdown-text{text-align:center;width:100%}.status-dropdown.status-dropdown-compact{max-width:none!important;width:auto!important}.timeline-status-dropdown{width:auto!important;max-width:none!important}.tab-nav{border-bottom:.0625rem solid var(--border);background:var(--background)}.tab-nav-list{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-nav-list::-webkit-scrollbar{display:none}.tab-nav-item{background:none;border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-bottom:.125rem solid transparent;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;min-width:0;max-width:12rem}.tab-nav-item:hover:not(.disabled){color:var(--text-primary);background:var(--hover)}.tab-nav-item.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--surface)}.tab-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;white-space:nowrap;max-width:100%;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;text-transform:uppercase;letter-spacing:.05em}.tab-nav-item:hover:not(.disabled) .tab-status-badge{opacity:.9}.tab-nav-item.active .tab-status-badge{box-shadow:0 1px 3px #0003}.tab-nav-item.disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.5}.tab-nav-compact .tab-nav-item{padding:.5rem 1rem;font-size:.8125rem}.tab-nav-item:focus{outline:none;box-shadow:inset 0 0 0 .125rem var(--accent)}.tab-nav-item:focus:not(.active){background:var(--hover)}.tab-label{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-separator{width:.0625rem;height:2rem;background-color:var(--border);align-self:center;flex-shrink:0;margin:0 .25rem}@media (max-width: 768px){.tab-nav-item{padding:.75rem 1rem;font-size:.8125rem}.tab-nav-compact .tab-nav-item{padding:.5rem .75rem;font-size:.75rem}.tab-status-badge{padding:.25rem .75rem;font-size:.625rem}}.media-viewer{display:flex;flex-direction:column;height:100%;background:var(--background);min-height:0;overflow:hidden}.media-content-wrapper{display:flex;flex-direction:row;flex:1;gap:1rem;min-height:0;contain:layout style;transform:translateZ(0)}.media-main{flex:1;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:.5em;overflow:hidden;position:relative;min-height:16em;max-height:100%}.media-main-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-main-image,.media-main-video{width:100%;height:100%;object-fit:contain;border-radius:.25em;cursor:pointer}.media-main-video{object-fit:contain}.media-main-audio{width:100%;margin-top:1em}.media-audio-container{flex-direction:column;padding:1.5em}.audio-player-visual{display:flex;align-items:center;gap:1em;margin-bottom:1em}.audio-icon{font-size:2.5em;opacity:.7}.audio-info{flex:1}.audio-title{margin:0;font-size:1em;color:var(--text-primary)}.audio-duration{font-size:.8em;color:var(--text-secondary)}.media-document-container{flex-direction:column;padding:1.5em}.document-preview{display:flex;align-items:center;gap:1em;text-align:center}.document-icon{font-size:2.5em;opacity:.7}.document-info{flex:1}.document-title{margin:0 0 .375em;font-size:1em;color:var(--text-primary)}.document-size{display:block;font-size:.8em;color:var(--text-secondary);margin-bottom:.75em}.document-download-btn{display:inline-block;padding:.5em 1em;background:var(--accent);color:#fff;text-decoration:none;border-radius:.25em;font-size:.875em;transition:background .2s ease}.document-download-btn:hover{background:var(--accent-hover)}.media-fullscreen-btn{position:absolute;top:.75em;right:.75em;background:rgba(0,0,0,.6);color:#fff;border:none;padding:.5em;border-radius:.25em;cursor:pointer;font-size:1em;opacity:0;transition:opacity .2s ease}.media-main-container:hover .media-fullscreen-btn{opacity:1}.media-fullscreen-btn:hover{background:rgba(0,0,0,.8)}.media-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.media-placeholder-content{text-align:center}.media-placeholder-icon{font-size:3.5em;display:block;margin-bottom:.75em;opacity:.5}.media-placeholder-text{margin:0;font-size:1em}.media-thumbnails{width:140px;flex-shrink:0;border-left:.0625rem solid var(--border);padding:0 .5em 0 .75em;overflow:hidden;display:flex;flex-direction:column}.media-thumbnails-header{padding:.75em 0;border-bottom:.0625rem solid var(--border);margin-bottom:.75em;flex-shrink:0}.version-dropdown{width:100%;position:relative}.version-dropdown .dropdown-button{width:100%;padding:.5em .75em;font-size:.75rem;height:auto;min-height:2rem}.version-dropdown .dropdown-menu{font-size:.75rem;max-height:200px;min-width:120px}.media-thumbnails-list{display:flex;flex-direction:column;gap:.75em;overflow-y:auto;padding:0 .5em .75em 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch;flex:1}.media-thumbnails-list::-webkit-scrollbar{width:.375rem}.media-thumbnails-list::-webkit-scrollbar-track{background:transparent}.media-thumbnails-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:.1875rem}.media-thumbnail{background:var(--surface);border:.125rem solid var(--border);border-radius:.375rem;padding:.5rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;width:100%;flex-shrink:0;outline:none;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.media-thumbnail:hover:not(:disabled):not(.processing){border-color:var(--accent);background:var(--hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.media-thumbnail.active{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 1px var(--accent)}.media-thumbnail.processing{opacity:.7;cursor:wait;pointer-events:none}.media-thumbnail:disabled{opacity:.6;cursor:not-allowed}.media-thumbnail-preview{position:relative;width:100%;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;overflow:hidden;background:var(--background);contain:layout style}.media-thumbnail-preview img{width:100%;height:100%;object-fit:cover;pointer-events:none;image-rendering:optimizeQuality}.video-thumbnail{position:relative;width:100%;height:100%;z-index:1}.video-thumbnail img{width:100%;height:100%;object-fit:cover;pointer-events:none}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;border-radius:50%;z-index:2;pointer-events:none;transition:background .15s ease;color:#fff}.media-thumbnail:hover .video-play-icon{background:rgba(0,0,0,.9)}.file-thumbnail{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface)}.file-type-icon{font-size:1.5rem;opacity:.7;pointer-events:none}.video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface)}.no-media-for-version,.no-versions{text-align:center;color:var(--text-secondary);font-size:.875rem;padding:1rem;opacity:.7}.media-thumbnail-title{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-secondary);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.fullscreen-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.fullscreen-close{position:absolute;top:-3rem;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem;z-index:2001}.fullscreen-close:hover{color:var(--accent)}@media (max-width: 768px){.media-main{min-height:15rem}.media-thumbnail{min-width:4rem;max-width:5rem}.media-thumbnail-preview{height:1.8rem}.audio-player-visual,.document-preview{flex-direction:column;text-align:center}.audio-icon,.document-icon{font-size:2.5rem}}.video-thumb-element{width:100%;height:100%;object-fit:contain;background:var(--surface);pointer-events:none}.here-capsule{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;margin:0 .125rem;background:var(--accent);color:#fff;border:none;border-radius:1rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;vertical-align:middle}.here-capsule:hover{background:var(--accent);opacity:.8;transform:scale(1.05)}.here-capsule:active{transform:scale(.95)}.here-capsule-icon{font-size:.7rem;line-height:1}.here-capsule-text{font-size:.75rem;font-weight:600}.here-capsule-timestamp{font-size:.7rem;opacity:.9;font-family:SF Mono,Monaco,Menlo,Consolas,monospace}.here-capsule-item{background:#3b82f6}.here-capsule-video{background:#ef4444}.here-capsule-image{background:#10b981}.here-capsule-file{background:#8b5cf6}.here-capsule-revision{background-color:#ffb74d33;border-color:#ffb74d66;color:#ff9800}.here-capsule-revision:hover{background-color:#ffb74d4d;border-color:#ffb74d99;box-shadow:0 0 0 2px #ffb74d1a}.here-capsule-revision .here-capsule-icon{filter:none}:root.dark .here-capsule{box-shadow:0 1px 3px #0000004d}:root.dark .here-capsule:hover{box-shadow:0 2px 6px #0006}.here-capsule-revision{background-color:#ffb74d1a;border:2px dashed rgba(255,183,77,.5);color:#ff9800;padding:.5rem 1rem;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;margin:.5rem 0!important;transition:all .2s ease;border-style:dashed!important;border-width:2px!important}.here-capsule-revision:hover{background-color:#ffb74d33;border-color:#ffb74db3;box-shadow:0 2px 8px #ffb74d33;transform:translateY(-1px)}.here-capsule-revision:active{transform:translateY(0)}.here-capsule-revision .here-capsule-icon{font-size:1.125rem;display:flex;align-items:center}.here-capsule-revision .here-capsule-text{font-weight:500;display:flex;align-items:center;gap:.25rem}.revision-time-spent{font-size:.75rem;opacity:.8;font-weight:400}:root.dark .here-capsule-revision{background-color:#ffb74d26;border-color:#ffb74d66;box-shadow:0 1px 4px #0000004d}:root.dark .here-capsule-revision:hover{background-color:#ffb74d40;border-color:#ffb74d99;box-shadow:0 2px 8px #ffb74d4d}.attach-file-popup{padding:2rem}.attach-file-title{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem;text-align:center}.attach-file-hint{font-size:1rem;color:var(--text-secondary);text-align:center;margin:0 0 2rem}.attach-file-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.add-files-btn{padding:1rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-files-btn:hover{background:#2563eb;transform:translateY(-1px)}.confirm-attach-btn{padding:1rem 2rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-attach-btn:hover{opacity:.9;transform:translateY(-1px)}.cancel-attach-btn{padding:1rem 2rem;background:transparent;color:var(--text-secondary);border:.125rem solid var(--border);border-radius:.5rem;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-attach-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.file-thumbnails{display:grid;gap:1rem;margin:2rem 0;justify-content:center}.thumbnails-1{grid-template-columns:repeat(1,150px)}.thumbnails-2{grid-template-columns:repeat(2,150px)}.thumbnails-3{grid-template-columns:repeat(3,150px)}.thumbnails-4{grid-template-columns:repeat(4,150px)}.thumbnails-5{grid-template-columns:repeat(5,150px)}.file-thumbnail{position:relative;width:150px;height:150px;border:.125rem solid var(--border);border-radius:.75rem;overflow:hidden;background:var(--surface)}.thumbnail-image,.thumbnail-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.file-icon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.6;background:var(--background)}.remove-file-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;padding:0;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s ease}.file-thumbnail:hover .remove-file-btn{opacity:1}.remove-file-btn:hover{background:rgba(0,0,0,.9)}.file-name{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:rgba(0,0,0,.7);color:#fff;font-size:.875rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.confirm-attach-btn{width:100%;margin-top:1rem}.comment-section{display:flex;flex-direction:column;height:100%;background:var(--background);min-height:0;overflow:hidden}.status-section{padding:1rem;border-bottom:.0625rem solid var(--border);background:var(--surface)}.status-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.status-dropdown-container{position:relative;display:inline-block;width:100%}.status-dropdown{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--background);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.status-dropdown:hover{border-color:var(--accent)}.status-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 .1875rem #3b82f61a}.status-dropdown:disabled{opacity:.5;cursor:not-allowed}.status-indicator{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:.75rem;height:.75rem;border-radius:50%;pointer-events:none}.comments-container{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.comments-header{padding:1rem 1rem .5rem;border-bottom:.0625rem solid var(--border);background:var(--surface);flex-shrink:0}.comments-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.comments-list{flex:1;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.comments-list::-webkit-scrollbar{width:.375rem}.comments-list::-webkit-scrollbar-track{background:transparent}.comments-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:.1875rem}.comment{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-bottom:1px solid var(--border)}.comment:first-child{padding-top:0}.comment:last-child{border-bottom:none;padding-bottom:0}.comment-header{display:flex;align-items:center;justify-content:space-between}.comment-author-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.comment-avatar{width:2rem;height:2rem;min-width:2rem;border-radius:50%;background-color:var(--accent);flex-shrink:0}.comment-avatar-placeholder{width:2rem;height:2rem;min-width:2rem;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.comment-author{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary)}.comment-timestamp{white-space:nowrap}.comment-status-badge{padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;box-sizing:border-box}.comment-content{padding-left:2.75rem;font-size:.875rem;line-height:1.5;color:var(--text-primary)}.revision-link-button{padding:.25rem .625rem;background:var(--accent);color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.025em}.revision-link-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.revision-link-button:active{transform:translateY(0)}.comment-status-pill{display:inline-block;padding:.125rem .5rem;border-radius:.625rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05rem;line-height:1.2;white-space:nowrap;transition:all .2s ease}.comment-status-pill.solid{color:#fff;border:none}.comment-status-pill.solid.todo{background-color:#9ca3af}.comment-status-pill.solid.wip{background-color:#3b82f6}.comment-status-pill.solid.wfa{background-color:#8b5cf6}.comment-status-pill.solid.feedback{background-color:#f59e0b}.comment-status-pill.solid.client{background-color:#000}.comment-status-pill.solid.done{background-color:#10b981}.comment-status-pill.outline{background-color:transparent;border:.0625rem solid}.comment-status-pill.outline.todo{color:#9ca3af;border-color:#9ca3af}.comment-status-pill.outline.wip{color:#3b82f6;border-color:#3b82f6}.comment-status-pill.outline.wfa{color:#8b5cf6;border-color:#8b5cf6}.comment-status-pill.outline.feedback{color:#f59e0b;border-color:#f59e0b}.comment-status-pill.outline.client{color:#000;border-color:#000}:root.dark .comment-status-pill.outline.client{color:#e5e7eb;border-color:#e5e7eb}.comment-status-pill.outline.done{color:#10b981;border-color:#10b981}.edited-indicator{font-style:italic;color:var(--text-disabled)}.comment-text{font-size:.875rem;color:var(--text-primary);line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.comments-loading,.comments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-secondary)}.loading-spinner,.button-spinner{width:1rem;height:1rem;border:.125rem solid var(--border);border-top:.125rem solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}.button-spinner{width:.875rem;height:.875rem;margin:0 .25rem 0 0}.empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.empty-text{margin:0;font-size:.875rem}.add-comment-section{border-top:.0625rem solid var(--border);background:var(--surface);padding:1.25rem 1rem 1rem;flex-shrink:0;overflow:visible;position:relative;z-index:1}.add-comment-form{display:flex;flex-direction:column;gap:.75rem;overflow:visible}.comment-form-tabs{display:flex;gap:0;border-bottom:.0625rem solid var(--border);margin-bottom:.75rem}.comment-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:.125rem solid transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.comment-tab:hover{color:var(--text-primary);background:rgba(0,0,0,.05)}.comment-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:transparent}.comment-tab:focus{outline:none}.revision-time-info{padding:.5rem .75rem;background-color:var(--surface-secondary);border-radius:.25rem;margin-bottom:.75rem;font-size:.8125rem;color:var(--text-secondary);text-align:center;display:flex;justify-content:center;align-items:center;gap:1.25rem}.revision-time-line{line-height:1.4;white-space:nowrap}.revision-time-line:not(:last-child){margin-bottom:0}.comment-input{width:100%;padding:.75rem;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--background);color:var(--text-primary);font-size:.875rem;line-height:1.5;resize:vertical;max-height:600px;overflow-y:scroll;overscroll-behavior:contain;font-family:inherit;transition:border-color .2s ease}.comment-input::-webkit-scrollbar{width:.375rem}.comment-input::-webkit-scrollbar-track{background:transparent}.comment-input::-webkit-scrollbar-thumb{background:var(--border);border-radius:.1875rem}.comment-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 .1875rem #3b82f61a}.comment-input:disabled{opacity:.5;cursor:not-allowed}.comment-input::placeholder{color:var(--text-disabled);opacity:.4}.comment-editor{min-height:72px;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;outline:none}.comment-editor:empty:before{content:attr(data-placeholder);color:var(--text-disabled);opacity:.4;pointer-events:none}.comment-editor:focus{border-color:var(--accent)}.comment-editor .here-capsule{margin:0 2px;display:inline-block;vertical-align:baseline;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto}.comment-editor .here-capsule *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.comment-form-actions{display:flex;gap:.5rem;align-items:center;overflow:visible}.attach-image-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:.0625rem solid var(--border);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.attach-image-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:rgba(59,130,246,.05)}.attach-image-btn:disabled{opacity:.5;cursor:not-allowed}.attach-image-btn{position:relative}.attach-count{position:absolute;top:-.25rem;right:-.25rem;min-width:1rem;height:1rem;padding:0 .25rem;background:var(--accent);color:#fff;font-size:.625rem;font-weight:600;border-radius:.5rem;display:flex;align-items:center;justify-content:center;line-height:1}.comment-form-right-group{display:flex;align-items:center;gap:.75rem;margin-left:auto}.comment-status-group{display:flex;align-items:center;gap:.5rem}.status-dropdown-main{flex:1}.status-dropdown-main .dropdown-button{width:100%}.comment-status-dropdown-new{flex:1;min-width:7.5rem}.comment-status-dropdown-new.dropdown-button{margin-right:.5rem;width:auto;min-width:7.5rem;text-align:center;justify-content:center;border:none;padding:.5rem 1rem;font-size:.875rem;height:2.25rem;border-radius:.375rem;font-weight:600}.comment-status-dropdown-new .dropdown-label{text-align:center;width:100%}.comment-status-dropdown-new.dropdown-button .dropdown-arrow{display:none}.comment-status-dropdown-new .dropdown-button:hover{transform:none;box-shadow:none;filter:brightness(1.05)}.time-spent-group{display:flex;gap:.25rem;align-items:center}.time-separator{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 .1875rem}.time-hours-dropdown,.time-minutes-dropdown{min-width:3rem;width:3rem;max-width:3rem;position:relative;z-index:1}.time-hours-dropdown .dropdown-button,.time-minutes-dropdown .dropdown-button{padding:.5rem;font-size:.875rem;text-align:center;height:2.25rem;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:.5rem!important;width:100%;min-width:unset}.time-hours-dropdown .dropdown-arrow,.time-minutes-dropdown .dropdown-arrow{display:none}.time-hours-dropdown .dropdown-option,.time-minutes-dropdown .dropdown-option{padding:0rem .5rem;text-align:center;line-height:2.5rem;height:2.5rem;transition:all .2s ease}.time-hours-dropdown .dropdown-option:hover,.time-minutes-dropdown .dropdown-option:hover,.comment-status-dropdown-new .dropdown-option:hover{background:rgba(255,255,255,.15);color:var(--text-primary);filter:brightness(1.3)}.post-comment-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:var(--accent-hover, #2563eb);color:#fff;border:.0625rem solid var(--accent-hover, #2563eb);border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:7.5rem;height:2.25rem;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none;box-shadow:0 .0625rem .1875rem #0000001a,0 .0625rem .125rem #0000000f}.post-comment-btn:hover:not(:disabled){transform:translateY(-.125rem) scale(1.02);box-shadow:0 .5rem 1rem #2563eb40,0 .25rem .5rem #00000026;filter:brightness(1.1)}.post-comment-btn:focus:not(:disabled){box-shadow:0 0 0 .1875rem #3b82f64d,0 .0625rem .1875rem #0000001a}.post-comment-btn:active:not(:disabled){transform:translateY(-.0625rem) scale(.98);box-shadow:0 .125rem .25rem #2563eb33}.post-comment-btn:disabled{background:rgba(37,99,235,.25);border-color:#2563eb40;color:#ffffffb3;cursor:not-allowed;transform:none;box-shadow:none}.comment-attachments{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.75rem}.comment-attachment{display:inline-flex;align-items:center;border-radius:.375rem;text-decoration:none;color:var(--text-primary);transition:background-color .2s;max-width:100%}.attachment-file{gap:.5rem;padding:.5rem .75rem;background-color:var(--surface-bright);border:1px solid var(--border)}.attachment-file:hover{background-color:var(--hover)}.attachment-image{padding:0;border:1px solid var(--border);overflow:hidden;max-width:200px;max-height:150px}.attachment-image img{display:block;width:100%;height:100%;object-fit:cover}.attachment-video{max-width:300px}.attachment-video video{width:100%;border-radius:.375rem;display:block}.attachment-file .attachment-icon{color:var(--text-secondary);flex-shrink:0}.attachment-file .attachment-name{font-size:.875rem;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.comment-section{font-size:.875rem}.comment-item{gap:.5rem}.comment-avatar,.current-user-avatar{width:1.75rem;height:1.75rem}.add-comment-section{padding:.75rem}.comment-input{min-height:3rem}.attachment-image,.attachment-video{max-height:12rem}}.comment-revision-reference{margin-bottom:.5rem;margin-left:-2.75rem;margin-right:0;display:flex;justify-content:center;width:calc(100% + 2.75rem)}.comment-skeleton{background:var(--skeleton-bg);border-radius:.5rem;height:5rem;margin-bottom:1rem;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.comment-edit-btn{background:var(--primary);border:none;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease;margin-left:.5rem}.comment-edit-btn:hover{background:var(--primary-hover)}.comment-edit-form{margin-top:.5rem}.comment-edit-input{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:.375rem;background:var(--background);color:var(--text-primary);font-size:.875rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:3rem}.comment-edit-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.comment-edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.comment-edit-save,.comment-edit-cancel{padding:.375rem .75rem;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.comment-edit-save{background:var(--primary);color:#fff}.comment-edit-save:hover:not(:disabled){background:var(--primary-hover)}.comment-edit-save:disabled{opacity:.5;cursor:not-allowed}.comment-edit-cancel{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.comment-edit-cancel:hover{background:var(--background);color:var(--text-primary)}.comment-bullet{display:flex;align-items:flex-start;margin:.25rem 0;line-height:1.5}.bullet-point{color:var(--text-secondary);margin-right:.5rem;flex-shrink:0;font-weight:600;line-height:inherit}.bullet-content{flex:1;line-height:inherit}.comment-content strong{font-weight:600;color:var(--text-primary)}.comment-content em{font-style:italic;color:var(--text-primary)}.comment-content br{display:block;content:"";margin:.25rem 0}.popup-film{display:flex;flex-direction:column;height:100%;background:var(--background);min-height:600px;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;overflow:hidden!important;position:relative}.popup-film-active,.popup-film-active *{overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important}.popup-film-active .media-thumbnails-list,.popup-film-active .comments-list{overflow-y:auto!important;overflow-x:hidden!important}.popup-film-tabs{flex-shrink:0;background:var(--surface)}.popup-film-tabs .tab-nav-item{padding:.375rem 1.5rem}.popup-film-content{flex:1;display:grid;grid-template-columns:1fr 35em;gap:.75em;padding:.75em;overflow:hidden!important;min-height:0;height:100%;contain:strict;isolation:isolate;position:relative;z-index:0}.popup-film-media{background:var(--surface);border-radius:.5em;border:.0625rem solid var(--border);overflow:hidden;display:flex;flex-direction:column;min-height:500px;transform:translateZ(0);will-change:transform;position:relative}.popup-film-sidebar{background:var(--surface);border-radius:.5em;border:.0625rem solid var(--border);overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0;transform:translateZ(0);will-change:transform;position:relative}.popup-film-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3em 1.5em;text-align:center;color:var(--text-secondary)}.loading-spinner{width:1.75em;height:1.75em;border:.125rem solid var(--border);border-top:.125rem solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75em}.popup-film-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3em 1.5em;text-align:center;color:var(--text-secondary)}.empty-icon{font-size:3.5em;margin-bottom:.75em;opacity:.5}.empty-text{margin:0;font-size:1em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.popup-film-content{grid-template-columns:1fr 22.5em}}@media (max-width: 1024px){.popup-film-content{grid-template-columns:1fr 20em;gap:.625em;padding:.625em}}@media (max-width: 768px){.popup-film-content{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:.5em;padding:.5em}.popup-film-media{min-height:20em}.popup-film-sidebar{min-height:25em}}@media (max-width: 480px){.popup-film-content{padding:.25em}.popup-film-media{min-height:15em}.popup-film-sidebar{min-height:20em}}.popup-film-media>*,.popup-film-sidebar>*{min-height:0;min-width:0}.popup-film-media-wrapper,.popup-film-sidebar-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;display:flex;flex-direction:column}.popup-film-media-wrapper>*,.popup-film-sidebar-wrapper>*{flex:1;min-height:0;overflow:hidden}.dashboard{min-height:100vh;background:var(--background);transition:background-color .2s ease}.dashboard-main{padding-top:0;min-height:calc(100vh - 70px)}.placeholder-page{display:flex;align-items:center;justify-content:center;height:50vh;font-size:1.25rem;color:var(--text-secondary);font-style:italic}.collection-search-container{position:relative;width:100%}.collection-search-input{width:100%}.collection-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001a;max-height:200px;overflow-y:auto;z-index:1000}.collection-option{padding:.75rem 1rem;cursor:pointer;transition:background-color .15s ease;font-size:.9375rem;color:var(--text-primary)}.collection-option:hover{background:var(--hover-bg)}.collection-option:first-child{border-radius:8px 8px 0 0}.collection-option:last-child{border-radius:0 0 8px 8px}.collection-option.create-new{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:500}.collection-option.create-new svg{width:16px;height:16px;flex-shrink:0}.collection-option.create-new strong{font-weight:600}.collection-divider{height:1px;background:var(--border);margin:0}.collection-section{padding:0}.collection-section-title{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.collection-no-results{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.collection-dropdown::-webkit-scrollbar{width:6px}.collection-dropdown::-webkit-scrollbar-track{background:transparent}.collection-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.collection-dropdown::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:root:not(.dark) .collection-dropdown{background:#f8fafc;border-color:#e5e7eb;box-shadow:0 4px 16px #00000014}:root:not(.dark) .collection-option:hover{background:#f9fafb}:root:not(.dark) .collection-divider{background:#e5e7eb}.modal-container:has(.create-item-form){height:auto!important;max-height:90vh!important}.modal-content:has(.create-item-form){overflow:visible!important;flex:0 1 auto!important}.create-item-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 2rem 0;overflow:visible}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:0}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem 2rem;margin:1.5rem -2rem 0;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.08)}.btn-cancel{padding:.875rem 2rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:48px;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background:rgba(255,255,255,.05);color:var(--text-primary);border-color:#fff3}.btn-create{padding:.875rem 2.5rem;background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;height:48px;display:flex;align-items:center;justify-content:center}.btn-create:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.btn-create:disabled{opacity:.5;cursor:not-allowed;background:var(--primary);transform:none;box-shadow:none}:root:not(.dark) .create-item-form .form-actions{background:#f9fafb;border-color:#e5e7eb}:root:not(.dark) .create-item-form .btn-cancel{border-color:#d1d5db;color:#6b7280}:root:not(.dark) .create-item-form .btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.collection-name-input{max-width:none!important}.create-item-form .items-section{display:flex;flex-direction:column;gap:.75rem}.create-item-form .items-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.create-item-form .items-header label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.create-item-form .add-item-button{width:32px;height:32px;border-radius:6px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--primary)}.create-item-form .add-item-button:hover{background:rgba(59,130,246,.2);border-color:var(--primary);transform:scale(1.05)}.create-item-form .add-item-button svg{width:18px;height:18px}.create-item-form .items-list{display:flex;flex-direction:column;gap:.75rem;background:transparent!important;border:none!important}.create-item-form .item-input-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:center;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.create-item-form .item-name-input{grid-column:1;padding:.75rem 1rem;background:var(--input-bg)!important;border:1px solid var(--border)!important;border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s ease;height:48px;max-width:none!important;width:100%}.create-item-form .item-name-input:focus{outline:none;border-color:var(--primary)!important;background:var(--input-bg)!important;box-shadow:0 0 0 3px #3b82f61a}.create-item-form .item-name-input::placeholder{color:var(--text-secondary)}.create-item-form .item-description-input{grid-column:2;padding:.75rem 1rem;background:var(--input-bg)!important;border:1px solid var(--border)!important;border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s ease;height:48px}.create-item-form .item-description-input:focus{outline:none;border-color:var(--primary)!important;background:var(--input-bg)!important;box-shadow:0 0 0 3px #3b82f61a}.create-item-form .item-description-input::placeholder{color:var(--text-secondary)}.create-item-form .remove-item-button{grid-column:3;width:38px;height:38px;border-radius:6px;background:transparent;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.create-item-form .remove-item-button:hover{background:rgba(239,68,68,.1);border-color:#ef44444d;color:#ef4444}.create-item-form .remove-item-button svg{width:16px;height:16px}:root:not(.dark) .create-item-form .item-name-input,:root:not(.dark) .create-item-form .item-description-input{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .create-item-form .item-name-input:focus,:root:not(.dark) .create-item-form .item-description-input:focus{border-color:var(--primary);background:#ffffff}:root:not(.dark) .create-item-form .add-item-button{background:rgba(59,130,246,.05);border-color:#3b82f633}:root:not(.dark) .create-item-form .add-item-button:hover{background:rgba(59,130,246,.1);border-color:var(--primary)}:root:not(.dark) .create-item-form .remove-item-button{border-color:#e5e7eb;color:#6b7280}:root:not(.dark) .create-item-form .remove-item-button:hover{background:rgba(239,68,68,.05);border-color:#fca5a5;color:#ef4444}@media (max-width: 768px){.create-item-form{padding:1rem 1.5rem 0}.form-row{grid-template-columns:1fr}.create-item-form .item-input-row{grid-template-columns:1fr;gap:.5rem}.create-item-form .item-name-input,.create-item-form .item-description-input{grid-column:1;width:100%}.create-item-form .remove-item-button{grid-column:1;width:100%;margin-top:.25rem}.form-actions{flex-direction:column-reverse;gap:.75rem;padding:1.25rem 1.5rem;margin:1.25rem -1.5rem 0}.btn-cancel,.btn-create{width:100%}}.status-pill{display:inline-block;border-radius:0;font-weight:600;letter-spacing:.05em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;-webkit-user-select:none;user-select:none}.status-pill-small{padding:.125rem .5rem;font-size:.625rem;max-width:5rem}.status-pill-medium{padding:.2rem .6rem;font-size:.7rem;max-width:8rem}.status-pill-large{padding:.25rem .75rem;font-size:.75rem;max-width:10rem}.status-pill-clickable{cursor:pointer}.status-pill-clickable:hover{transform:scale(1.05);filter:brightness(1.1);box-shadow:0 .125rem .375rem #00000026}.status-pill-clickable:active{transform:scale(.98)}.grid-page{padding:0;max-width:100%;margin:0 auto;background:var(--background);min-height:100vh;overflow-x:auto;position:relative}.selection-toolbar-container{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;contain:layout style;will-change:contents}.table-container{position:relative;overflow:visible}.items-table{width:calc(100% - 4rem);max-width:calc(100% - 4rem);margin:0 2rem;margin-top:160px;border-collapse:collapse;table-layout:fixed}.header-row{background:var(--surface-secondary)}.header-cell{padding:1em .3em;text-align:center;border-right:1px solid var(--border);border-bottom:2px solid var(--border);font-size:.7rem;font-weight:600;color:var(--text-primary);vertical-align:middle;white-space:nowrap;line-height:1.1;height:1.8em;overflow:hidden;text-overflow:ellipsis;max-width:8.5em}.header-cell:last-child{border-right:none}.collection-header-cell{text-align:left;padding-left:.6em;font-size:.9rem;font-weight:700;border-left:3px solid var(--primary);border-right:1px solid var(--border);border-bottom:2px solid var(--border);width:24em;min-width:24em;vertical-align:middle;height:1.8em;position:relative}.collection-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.collection-name{flex:1}.collection-actions,.item-actions{display:flex;align-items:center;gap:.75em;margin-left:.5em;position:absolute;right:.5em;top:50%;transform:translateY(-50%);background:var(--surface);padding:0 .5em;border-radius:4px}.icon-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;color:var(--text-secondary);width:28px;height:28px}.icon-button:hover{background-color:var(--surface-secondary);color:var(--text-primary)}.icon-button svg{width:18px;height:18px}.collection-name-input,.item-name-input{background:var(--surface-secondary);border:1px solid var(--primary);border-radius:4px;padding:2px 6px;font-size:inherit;font-weight:inherit;color:var(--text-primary);outline:none;width:100%;max-width:200px;height:1.4em;line-height:1.4em}.item-name-header{width:24em;min-width:24em;vertical-align:middle}.task-header{width:8.5em;min-width:8.5em;vertical-align:middle;height:1.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-spacer-row{height:.8em}.collection-spacer-cell{height:.8em;border:none;background:transparent;padding:0}.item-row{background:var(--surface);transition:background-color .2s ease;border-bottom:1px solid var(--border)}.item-row:hover{background:rgba(0,0,0,.05)}:root.dark .item-row:hover{background:rgba(255,255,255,.05)}.item-cell{padding:.5em .1em;text-align:center;border-right:1px solid var(--border);vertical-align:middle;height:2.4em;position:relative;overflow:hidden}.item-cell:last-child{border-right:none}.item-thumbnail-img{width:2.5em;height:1.7em;object-fit:cover;display:block;border-radius:6px;flex-shrink:0;background:var(--surface-secondary);border:1px solid var(--border);overflow:hidden}.item-thumbnail-img.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.item-thumbnail-img.clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.item-thumbnail-icon{width:2.5em;height:1.7em;display:flex;align-items:center;justify-content:center;background:var(--surface-secondary);border-radius:6px;border:1px solid var(--border);color:var(--text-secondary)}.item-thumbnail-icon.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.item-thumbnail-icon.clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026;background:var(--surface-hover);color:var(--text-primary)}.item-thumbnail-icon.hidden{display:none}.item-name-cell{text-align:left;padding-left:.3em;width:24em;vertical-align:middle;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.item-name-cell .item-content{display:flex;align-items:center;gap:.8em;position:relative;width:100%}.item-name-text{font-size:.7rem;font-weight:500;color:var(--text-primary);line-height:2.2em;flex:1}.task-cell{width:8.5em;vertical-align:middle;-webkit-user-select:none;user-select:none;position:relative;padding:.5em .2em}.task-cell.selected{background:rgba(59,130,246,.1)!important;border:1px solid var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}:root.dark .task-cell.selected{background:rgba(59,130,246,.2)!important}.task-cell{-webkit-user-select:none;user-select:none}.task-cell:hover{background:rgba(59,130,246,.05);cursor:pointer}.task-assignees-top{position:absolute;top:4px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;z-index:5}.task-assignee-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;position:relative;background:var(--surface);border:2px solid var(--background);flex-shrink:0;transition:transform .15s ease;box-shadow:0 1px 3px #0000001f;display:flex;align-items:center;justify-content:center;cursor:default}.task-assignee-avatar:hover{transform:scale(1.1);box-shadow:0 2px 4px #00000026}.task-assignee-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:10px;font-weight:600;color:#fff;letter-spacing:.05em}.task-assignee-avatar-corner,.task-assignee-avatars-corner{position:absolute!important;top:8px;right:8px;z-index:2}.task-assignee-avatars-corner .multiple-avatars{padding-right:0}.task-assignee-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:10px;font-weight:600}.task-assignee-more{width:20px;height:20px;border-radius:50%;background:var(--surface-secondary);border:1.5px solid var(--background);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:var(--text-secondary);box-shadow:0 1px 2px #0000001a}.task-status-pill{display:inline-block;padding:.2rem .6rem;border-radius:.25rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;border:none;white-space:nowrap;max-width:calc(100% - .4rem);overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.task-status-pill.time-stats-pill{text-transform:none;font-variant-numeric:tabular-nums;min-width:4.5rem;text-align:center}.task-disabled{display:inline-block;color:var(--text-secondary);font-size:.8rem;opacity:.5}.task-status-pill.clickable{cursor:pointer;transform:scale(1)}.task-status-pill.clickable:hover{transform:scale(1.05);filter:brightness(1.1);box-shadow:0 .125rem .375rem #00000026}.task-status-pill.status-filtered{opacity:.25!important;filter:grayscale(30%);transition:opacity .2s ease}.task-status-pill.status-filtered:hover{opacity:.4!important}.tasks-reference{width:auto;max-width:50em;box-sizing:border-box;margin:1.5rem auto;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 1px 3px #0000001a}.tasks-reference-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;text-align:center}.tasks-count{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.task-reference-tag{display:inline-block;background:var(--surface-secondary);color:var(--text-secondary);font-size:.6rem;font-weight:400;padding:.125rem .375rem;border-radius:6px;text-transform:uppercase;letter-spacing:.025em;border:1px solid var(--border);transition:all .2s ease}.task-reference-tag:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.page-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--background);border-bottom:1px solid var(--border);position:fixed;top:64px;left:0;right:0;z-index:40;gap:1rem}.selection-toolbar{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.5rem;justify-content:center;min-width:30rem}.selection-count{font-size:.875rem;color:var(--text-secondary);font-weight:500}.toolbar-status-dropdown{min-width:auto;padding:.4rem .8rem;font-size:.875rem}.toolbar-status-dropdown .dropdown-arrow{display:none}.toolbar-status-dropdown .dropdown-label{text-align:center;width:100%}.toolbar-status-dropdown.dropdown-button{padding:.4rem .8rem;height:auto;min-height:32px}.create-task-button{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.create-task-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.status-control-center{display:flex;align-items:center;gap:.5rem;position:absolute;left:50%;transform:translate(-50%);z-index:50}.task-toggle-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--surface);border:2px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.task-toggle-button:hover{background:var(--surface-secondary);border-color:var(--primary);transform:translateY(-1px)}.task-toggle-button svg{width:20px;height:20px}.task-toggle-button.disabled{opacity:.4}.task-toggle-button.disabled:hover{opacity:.6}.task-disabled{display:inline-block;color:var(--text-secondary);font-size:1rem;font-weight:600;-webkit-user-select:none;user-select:none}.search-controls-left{display:flex;align-items:center;gap:1rem;flex:1;max-width:70%}.search-controls-left .studio-filters{flex:1;max-width:100%}.search-controls-left .studio-filters .filter-separator{margin:0 .5rem}.search-icon-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.search-icon-button:hover{color:var(--text-primary);transform:scale(1.1)}.search-icon-button:active{transform:scale(.95)}.search-icon-button svg{width:20px;height:20px}.search-icon-button.active{background:var(--primary);color:#fff}.search-icon-button.active:hover{background:var(--primary-dark, #2563eb)}.controls-group{display:flex;align-items:center;gap:1rem}.create-item-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.create-item-button:hover{background:var(--primary-dark, #2563eb);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.create-item-button:active{transform:translateY(0);box-shadow:0 1px 4px #3b82f633}.create-item-button[style*="background-color: #ff6b6b"]{background:#ef4444!important;font-weight:500}.create-item-button[style*="background-color: #ff6b6b"]:hover{background:#dc2626!important;box-shadow:0 4px 12px #ef444466}:root.dark .create-item-button:hover{box-shadow:0 2px 8px #3b82f666}.task-filter-dropdown{position:relative}.task-filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px;justify-content:space-between}.task-filter-button:hover{background:var(--surface-secondary);border-color:var(--primary)}.dropdown-arrow{font-size:.75rem;transition:transform .2s ease;color:var(--text-secondary)}.dropdown-arrow.open{transform:rotate(180deg)}.task-filter-menu{position:absolute;top:100%;right:0;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;margin-top:4px}:root.dark .task-filter-menu{box-shadow:0 4px 12px #0000004d}.filter-menu-header{display:flex;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--border);background:var(--surface-secondary)}.filter-action-btn{padding:.25rem .5rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.filter-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.task-filter-list{overflow-y:auto;padding:.5rem 0}.task-filter-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.task-filter-item:hover{background:var(--surface-secondary)}.task-filter-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.task-filter-label{color:var(--text-primary);font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.items-table.compact-view .collection-header-cell,.items-table.compact-view .item-name-cell{overflow:hidden}.items-table.compact-view .collection-actions,.items-table.compact-view .item-actions{background:var(--surface);box-shadow:-4px 0 8px var(--surface)}.items-table.compact-view .task-status-pill{font-size:.65rem;padding:.15rem .5rem;max-width:calc(100% - .2rem)}.items-table.compact-view .header-cell{padding:.5em .2em;font-size:.65rem}.items-table.expanded-view .header-cell{height:5.4em}.items-table.expanded-view .collection-spacer-row,.items-table.expanded-view .collection-spacer-cell{height:.8em}.items-table.expanded-view .item-cell{height:7.2em}.items-table.expanded-view .item-thumbnail-img{width:7.5em;height:5.1em;object-fit:cover;image-rendering:auto;border-radius:8px}.items-table.expanded-view .item-thumbnail-icon{width:7.5em;height:5.1em;border-radius:8px}.items-table.expanded-view .item-thumbnail-icon svg{width:48px;height:48px}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.lightbox-close{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .2s ease}.lightbox-close:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.lightbox-image{width:100%;height:100%;object-fit:contain;max-width:90vw;max-height:90vh;display:block}.delete-confirmation-content{padding:1rem;text-align:center}.delete-confirmation-content p{margin-bottom:1rem;color:var(--text-primary)}.delete-confirmation-content .warning-text{color:var(--error);font-size:.9rem;font-weight:500}.delete-confirmation-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cancel-button,.delete-button{padding:.75rem 2rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.cancel-button{background:var(--surface-secondary);color:var(--text-primary)}.cancel-button:hover{background:var(--surface-tertiary)}.delete-button{background:var(--error);color:#fff}.delete-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #dc26264d}.no-collections-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding-top:calc(var(--navbar-height) + 60px);text-align:center;color:var(--text-secondary)}.no-collections-view h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.no-collections-view p{margin-bottom:2rem;font-size:1rem}.create-collection-button-large{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.create-collection-button-large:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.create-collection-button-large svg{width:20px;height:20px}.filters-container{transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.filters-container.collapsed{max-width:0;opacity:0;margin-right:0;pointer-events:none;overflow:hidden}.filters-container.expanded{max-width:2000px;opacity:1;margin-right:.5rem;pointer-events:auto;overflow:visible}.filter-toggle-button{padding:.5rem;width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-right:.25rem}.filter-toggle-button svg{width:16px;height:16px}.filter-toggle-button:hover{background:var(--surface-secondary);border-color:var(--primary)}.filter-toggle-button.active{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.filter-toggle-button.active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.multiple-avatars{display:inline-flex;align-items:center;position:relative;padding-right:8px}.multiple-avatars .avatar-wrapper{position:relative;border:2px solid var(--bg-primary);border-radius:50%;background:var(--bg-primary);display:inline-block}.multiple-avatars .avatar-wrapper:not(:first-child){margin-left:-8px}.avatar-count{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary);border:2px solid var(--bg-primary);border-radius:50%;font-weight:600;position:relative;margin-left:-8px}.avatar-count.avatar-tiny{width:20px;height:20px;font-size:9px}.avatar-count.avatar-small{width:28px;height:28px;font-size:11px}.avatar-count.avatar-medium{width:36px;height:36px;font-size:12px}.avatar-count.avatar-large{width:48px;height:48px;font-size:14px}.multiple-avatars:hover{cursor:pointer}.dark .multiple-avatars .avatar-wrapper{border-color:var(--bg-primary)}.dark .avatar-count{background:var(--bg-secondary);border-color:var(--bg-primary)}.toolbar-action-button{padding:6px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--border);background:var(--surface-secondary);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;height:36px}.toolbar-action-button:hover{background:var(--hover-bg)}.fill-tasks-button{background:var(--primary);color:#fff;border-color:var(--primary)}.fill-tasks-button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.toolbar-delete-button{color:var(--error);background:transparent;border:1px solid var(--error);padding:6px 12px;min-width:36px}.toolbar-delete-button:hover{background:var(--error);color:#fff}.toolbar-status-dropdown{min-width:150px;height:36px}.selection-time-sum{font-weight:600;color:var(--text-primary);font-size:1rem}.confirm-dialog{padding:20px}.confirm-message{font-size:16px;color:var(--text-primary);margin-bottom:24px;line-height:1.5;text-align:center}.confirm-actions{display:flex;justify-content:center;gap:12px}.confirm-cancel-btn,.confirm-btn{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.confirm-cancel-btn{background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border)}.confirm-cancel-btn:hover{background:var(--hover-bg)}.confirm-btn{color:#fff}.confirm-btn-danger{background:var(--error)}.confirm-btn-danger:hover{background:#dc2626}.confirm-btn-warning{background:var(--warning)}.confirm-btn-warning:hover{background:#d97706}.confirm-btn-info{background:var(--primary)}.confirm-btn-info:hover{background:var(--primary-hover)}.superadmin-container{min-height:100vh;background-color:#111;color:#fff;padding:2rem;max-width:1200px;margin:0 auto}.superadmin-header{margin-bottom:2rem}.superadmin-header h1{font-size:2rem;font-weight:600;margin-bottom:.5rem}.superadmin-header p{color:#999;font-size:.875rem}.tabs{display:flex;gap:2px;padding:0;background-color:#1a1a1a;border-bottom:1px solid #333333;margin-bottom:2rem}.tab{padding:12px 24px;background-color:transparent;color:#999;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.tab:hover{color:#fff}.tab.active{color:#fff;border-bottom-color:#3b82f6}.template-section{display:grid;grid-template-columns:350px 1fr;gap:2rem}.template-list{background-color:#1a1a1a;border-radius:.5rem;padding:1.5rem;border:1px solid #333333}.template-list h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.template-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.template-item{background-color:#222;border:1px solid #333333;border-radius:.375rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between}.template-item:hover{background-color:#2a2a2a;border-color:#444}.template-item.selected{background-color:#333;border-color:#444}.template-item span{font-size:.875rem;flex:1}.badge{background-color:#10b981;color:#000;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase;margin-left:.5rem}.template-actions{display:flex;gap:.5rem}.template-actions button{background-color:transparent;border:1px solid #333333;color:#999;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;cursor:pointer;transition:all .2s}.template-actions button.edit{padding:.25rem .75rem}.template-actions button.edit:hover{background-color:#333;color:#fff;border-color:#444}.template-actions button.delete{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}.template-actions button.delete:hover{background-color:#ef44441a;color:#ef4444;border-color:#ef4444}.template-actions button.delete svg{width:14px;height:14px}.template-name-edit{flex:1;background-color:#222;border:1px solid #3b82f6;border-radius:.25rem;padding:.25rem .5rem;color:#fff;font-size:.875rem;outline:none;margin-right:.5rem}.template-create{display:flex;gap:.5rem}.template-create input{flex:1;background-color:#222;border:1px solid #333333;border-radius:.375rem;padding:.5rem .75rem;color:#fff;font-size:.875rem}.template-create input:focus{outline:none;border-color:#3b82f6}.template-create button{background-color:#3b82f6;border:none;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.template-create button:hover{background-color:#2563eb}.template-editor{background-color:#1a1a1a;border-radius:.5rem;padding:1.5rem;border:1px solid #333333}.template-editor h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.editor-description{color:#999;font-size:.875rem;margin-bottom:1rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;min-height:80px;padding:1rem;background-color:#111;border:2px dashed #333333;border-radius:.5rem}.sortable-tag{background-color:#222;border:1px solid #333333;border-radius:.375rem;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;font-size:.875rem;opacity:.5}.sortable-tag.active{background-color:#333;border-color:#444;opacity:1}.sortable-tag:hover{background-color:#3a3a3a;border-color:#555;opacity:1}.sortable-tag.dragging{opacity:.5;cursor:grabbing;transform:scale(.95)}.sortable-tag.drag-over{transform:translate(10px);transition:transform .2s ease}.tag-remove{background-color:transparent;border:none;color:#999;font-size:1.125rem;line-height:1;cursor:pointer;padding:0;margin-left:.25rem;transition:color .2s}.tag-remove:hover{color:#ef4444}.status-name{font-size:.75rem;font-weight:600;text-transform:uppercase;background:none;padding:0}.add-item{display:flex;gap:.5rem}.add-item input[type=text]{flex:1;background-color:#222;border:1px solid #333333;border-radius:.375rem;padding:.5rem .75rem;color:#fff;font-size:.875rem}.add-item input[type=color]{width:50px;height:38px;background-color:#222;border:1px solid #333333;border-radius:.375rem;cursor:pointer;padding:2px}.add-item input:focus{outline:none;border-color:#3b82f6}.add-item button{background-color:#3b82f6;border:none;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.add-item button:hover{background-color:#2563eb}.status-add{align-items:center}.empty-state{text-align:center;color:#666;padding:3rem;font-size:.875rem}.error-banner{background-color:#ef44441a;border:1px solid #ef4444;border-radius:.375rem;padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;color:#ef4444;font-size:.875rem}.error-banner button{background-color:transparent;border:none;color:#ef4444;font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.loading{text-align:center;padding:3rem;color:#999;font-size:.875rem}.status-tag-container{cursor:pointer;border-width:2px;border-style:solid;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-tag-container.active{opacity:1!important}.status-tag-container .tag-remove{background-color:transparent}:root{--background: #f0f3f6;--surface: #fdfdfe;--surface-secondary: #e7ecf2;--input-bg: #f8fafc;--border: #c3ccd6;--text-primary: #1f2937;--text-secondary: #4b5563;--primary: #3b82f6;--primary-hover: #2563eb;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--hover-bg: #f3f4f6;--hover-border: #d1d5db;--text-tertiary: #9ca3af;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%)}:root.dark{--background: #0f172a;--surface: #1e293b;--surface-secondary: #334155;--input-bg: #0f172a;--border: #475569;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--hover-bg: #374151;--hover-border: #4b5563;--text-tertiary: #6b7280;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text-primary);line-height:1.6;transition:background-color .2s ease,color .2s ease}body.modal-open{overflow:hidden!important;scrollbar-gutter:stable}html.modal-open,html.modal-open body{overflow:hidden!important}body.modal-open::-webkit-scrollbar,html.modal-open::-webkit-scrollbar{display:none}body.modal-open,html.modal-open{-ms-overflow-style:none;scrollbar-width:none}html{overflow-y:auto;overflow-x:hidden}body.modal-open,html.modal-open{overflow:hidden!important;height:100%}.modal-open::-webkit-scrollbar{display:none!important}.modal-open{-ms-overflow-style:none!important;scrollbar-width:none!important}*::-webkit-scrollbar{width:.5rem;height:.5rem}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:.25rem}*::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.modal-open *{scrollbar-width:none!important;scrollbar-color:transparent transparent!important}.modal-open *::-webkit-scrollbar{width:0!important;height:0!important}.modal-open .comments-list,.modal-open .media-thumbnails-list{scrollbar-width:thin!important;scrollbar-color:var(--border) transparent!important}.modal-open .comments-list::-webkit-scrollbar,.modal-open .media-thumbnails-list::-webkit-scrollbar{width:.375rem!important}.modal-open .comments-list::-webkit-scrollbar-thumb,.modal-open .media-thumbnails-list::-webkit-scrollbar-thumb{background:var(--border)!important;border-radius:.1875rem!important}#root{min-height:100vh}#portal-root{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}#portal-root{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:10000}#portal-root>*{pointer-events:auto}