.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(180deg,#1a1f3a,#0f1429);border-right:1px solid rgba(255,255,255,.1);padding:30px 20px;overflow-y:auto;z-index:1000;box-shadow:4px 0 20px #0000004d;transition:transform .3s ease;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.sidebar-logo{font-size:28px;font-weight:700;color:#fff;margin-bottom:40px;text-align:center;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.1);text-decoration:none;display:block;cursor:pointer;transition:opacity .2s ease}.sidebar-logo:hover{opacity:.8}.user-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;object-fit:cover;object-position:center center;border:2px solid rgba(102,126,234,.5);display:block;flex-shrink:0;aspect-ratio:1 / 1}.user-details{flex:1;min-width:0}.user-name{font-size:15px;font-weight:600;color:#fff;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border:1px solid transparent;border-radius:10px;color:#ffffffb3;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.sidebar-nav-item:hover{background:#667eea1a;border-color:#667eea33;color:#fff;transform:translate(4px)}.sidebar-nav-item.active{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea66;color:#fff}.sidebar-nav-item.active svg{color:#667eea}.sidebar-nav-item svg{flex-shrink:0;opacity:.8;transition:opacity .2s ease}.sidebar-nav-item:hover svg{opacity:1}.sidebar-nav-item span{flex:1}.sidebar-nav-item.logout-item{margin-top:auto;background:#dc35450d;color:#dc3545cc;border-color:#dc35451a}.sidebar-nav-item.logout-item:hover{background:#dc354526;border-color:#dc35454d;color:#dc3545;transform:translate(4px)}.sidebar-nav-item.logout-item svg{color:#dc3545cc}.sidebar-nav-item.logout-item:hover svg{color:#dc3545}.auth-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.1)}.auth-btn{padding:12px 20px;border-radius:10px;text-align:center;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease;display:block}.login-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0}.login-btn:hover{background:#ffffff1a;border-color:#667eea80}.register-btn{background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid rgba(102,126,234,.5);color:#fff}.register-btn:hover{background:linear-gradient(135deg,#667eea80,#764ba280);transform:translate(5px)}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}}@media(max-width:480px){.sidebar{width:100%;max-width:320px}}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0e27;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .3s ease}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#667eea;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#764ba2}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#f093fb}.preloader-text{color:#e0e0e0;font-size:16px;font-weight:500;letter-spacing:.5px;opacity:.8;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.layout{display:flex;flex-direction:column;min-height:100vh}.mobile-menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1001;width:50px;height:50px;background:#667eea33;border:2px solid rgba(102,126,234,.5);border-radius:12px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:all .3s ease;border:none}.mobile-menu-toggle:hover{background:#667eea4d;border-color:#667eeab3}.mobile-menu-toggle span{display:block;width:24px;height:3px;background:#667eea;border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:999;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;position:relative}.layout.with-sidebar .main-content{margin-left:280px;width:calc(100% - 280px)}.layout.with-sidebar .main-content:has(.workspace-container){margin-left:0;width:100%}.layout.with-sidebar .main-content:has(.scenes-view-container){margin-left:0;width:100%;height:100vh}.layout.no-sidebar .main-content{margin-left:0;width:100%}.layout.no-sidebar .main-content{padding-top:0}@media(max-width:768px){.mobile-menu-toggle{display:flex}.sidebar-overlay{display:block}.layout.with-sidebar .main-content{margin-left:0;width:100%}}.hero{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1429);position:relative;overflow:hidden;padding:60px 20px}.hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.hero-content{max-width:800px;text-align:center;padding:40px;position:relative;z-index:1}.hero h1{font-size:clamp(2.5em,8vw,4.5em);font-weight:800;margin-bottom:30px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero p{font-size:clamp(1em,3vw,1.4em);color:#aaa;margin-bottom:50px;line-height:1.8}.dev-badge{display:inline-block;padding:clamp(10px,2vw,12px) clamp(24px,5vw,30px);background:#ffc10733;border:2px solid rgba(255,193,7,.5);border-radius:50px;color:#ffc107;font-size:clamp(12px,2.5vw,14px);font-weight:600;letter-spacing:1px;margin-bottom:40px;animation:pulse 2s ease-in-out infinite}.stats-section{display:flex;gap:40px;justify-content:center;margin-top:50px;flex-wrap:wrap}.stat-item{text-align:center}.stat-value{font-size:clamp(2em,6vw,2.5em);font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:clamp(.8em,2vw,.9em);color:#aaa;text-transform:uppercase;letter-spacing:1px}.email-verification-warning{background:#ffc1071a;border:2px solid rgba(255,193,7,.5);border-radius:12px;padding:20px;margin:30px 0;text-align:center}.email-verification-warning p{color:#ffc107;margin-bottom:15px;font-size:.95em}.btn-resend-verification{padding:10px 20px;background:#ffc10733;border:1px solid rgba(255,193,7,.5);border-radius:8px;color:#ffc107;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-resend-verification:hover:not(:disabled){background:#ffc1074d;border-color:#ffc107b3;transform:translateY(-2px)}.btn-resend-verification:disabled{opacity:.6;cursor:not-allowed}.section{padding:clamp(60px,10vw,100px) clamp(20px,5vw,60px);max-width:1200px;margin:0 auto}.section h2{font-size:clamp(2em,6vw,3em);margin-bottom:30px;color:#fff;font-weight:700}.section p{font-size:clamp(1em,2.5vw,1.2em);color:#aaa;line-height:1.8;margin-bottom:20px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:30px;margin-top:50px}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:clamp(30px,5vw,40px);transition:all .3s ease;display:flex;flex-direction:column;min-height:280px;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card:hover:after{opacity:1}.feature-card:hover{background:#ffffff14;border-color:#667eea80;transform:translateY(-5px)}.feature-icon{font-size:clamp(2.5em,6vw,3em);margin-bottom:20px}.feature-card h3{font-size:clamp(1.2em,3vw,1.5em);margin-bottom:15px;color:#fff}.feature-card p{font-size:clamp(.9em,2vw,1em);color:#aaa;flex:1}.feature-card-link{text-decoration:none;color:inherit;display:block}.feature-link{margin-top:20px;font-size:.9em;color:#667eea;font-weight:600;opacity:0;transition:opacity .3s ease}.feature-card:hover .feature-link{opacity:1}.user-stats{margin-top:30px;padding:20px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:12px;text-align:center}.projects-collapsed{background:#ffffff08;border-top:1px solid rgba(255,255,255,.1);margin-top:0}.projects-toggle{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.projects-toggle:hover{background:#ffffff0d}.projects-toggle-title{font-size:clamp(1.2em,3vw,1.5em);font-weight:600;color:#fff;display:flex;align-items:center;gap:12px}.projects-toggle-icon{font-size:1.2em;transition:transform .3s ease}.projects-toggle.active .projects-toggle-icon{transform:rotate(180deg)}.projects-list{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 30px}.projects-list.active{max-height:1000px;padding:0 30px 30px}.projects-list-item{padding:20px;margin-bottom:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease;text-decoration:none;color:inherit;display:block}.projects-list-item:hover{background:#667eea26;border-color:#667eea66;transform:translate(5px)}.projects-list-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.projects-list-item-name{font-size:1.1em;font-weight:600;color:#fff;margin-bottom:8px}.projects-list-item-description{font-size:.9em;color:#aaa;line-height:1.5}@media(max-width:768px){.hero{min-height:calc(100vh - 70px);padding:40px 20px}.hero-content{padding:20px 10px}.stats-section{gap:20px;margin-top:30px}.section{padding:40px 20px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{min-height:auto}.projects-toggle{padding:20px}.projects-list{padding:0 20px}.projects-list.active{padding:0 20px 20px}}.email-verification-warning{margin:30px auto;max-width:600px;background:#ffc1071a;border:2px solid rgba(255,193,7,.5);border-radius:12px;padding:20px}.warning-content{display:flex;gap:15px;align-items:flex-start}.warning-content span{font-size:24px;flex-shrink:0}.warning-content strong{display:block;color:#ffc107;margin-bottom:8px;font-size:1.1em}.warning-content p{color:#aaa;margin:8px 0;font-size:.95em;line-height:1.5}.resend-verification-btn{margin-top:12px;padding:10px 20px;background:#ffc10733;border:1px solid rgba(255,193,7,.5);border-radius:8px;color:#ffc107;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9em}.resend-verification-btn:hover:not(:disabled){background:#ffc1074d;border-color:#ffc107b3;transform:translateY(-2px)}.resend-verification-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.projects-toggle{padding:20px}.projects-list{padding:0 20px}.projects-list.active{padding:0 20px 20px}.email-verification-warning{margin:20px 10px;padding:15px}.warning-content{flex-direction:column;gap:10px}}.workspace-container{position:fixed;top:0;left:280px;width:calc(100vw - 280px);height:100vh;background:#000;overflow:hidden;z-index:1;margin:0;padding:0}@media(max-width:768px){.workspace-container{left:0;width:100vw}}.email-verification-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#ffc1071a;border:2px solid rgba(255,193,7,.5);border-radius:12px;padding:15px 20px;text-align:center;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:90%}.email-verification-banner p{color:#ffc107;margin:0 0 10px;font-size:.9em}.email-verification-banner .btn-resend-verification{padding:8px 16px;background:#ffc10733;border:1px solid rgba(255,193,7,.5);border-radius:8px;color:#ffc107;font-size:.85em;font-weight:600;cursor:pointer;transition:all .3s ease}.email-verification-banner .btn-resend-verification:hover:not(:disabled){background:#ffc1074d;border-color:#ffc107b3;transform:translateY(-2px)}.email-verification-banner .btn-resend-verification:disabled{opacity:.6;cursor:not-allowed}.btn-exit-to-scenes{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:8px;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-exit-to-scenes:hover{background:#667eea4d;border-color:#667eea99;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.btn-exit-to-scenes{top:10px;right:10px;padding:10px 16px;font-size:12px}}.home-dashboard{min-height:100vh;padding:40px;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e)}.dashboard-welcome{margin-bottom:50px}.dashboard-welcome h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px}.dashboard-welcome p{font-size:16px;color:#ffffff80;margin:0}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:1200px}.dashboard-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:30px;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start;gap:20px}.dashboard-card:hover{background:#667eea1a;border-color:#667eea4d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.dashboard-card .card-icon{font-size:48px;flex-shrink:0}.dashboard-card .card-content h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.dashboard-card .card-content p{font-size:14px;color:#ffffff80;margin:0;line-height:1.5}@media(max-width:768px){.home-dashboard{padding:20px}.dashboard-welcome h1{font-size:24px}.dashboard-cards{grid-template-columns:1fr;gap:16px}.dashboard-card{padding:24px}.dashboard-card .card-icon{font-size:36px}}.home-main-page{min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1429);padding:60px 20px;position:relative;overflow:hidden}.home-main-page:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.home-welcome{text-align:center;margin-bottom:60px;position:relative;z-index:1}.home-welcome h1{font-size:clamp(2.5em,8vw,4em);font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.home-welcome p{font-size:clamp(1em,3vw,1.3em);color:#aaa;line-height:1.8}.home-actions{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;max-width:900px;width:100%;position:relative;z-index:1}.home-action-btn{flex:1;min-width:300px;max-width:400px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px 30px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:20px;text-align:left;position:relative;overflow:hidden}.home-action-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease}.home-action-btn:hover{background:#ffffff14;border-color:#667eea80;transform:translateY(-5px);box-shadow:0 10px 30px #667eea4d}.home-action-btn:hover:before{opacity:1}.home-action-btn .btn-icon{font-size:3.5em;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(102,126,234,.3))}.home-action-btn .btn-content{flex:1}.home-action-btn .btn-title{font-size:1.5em;font-weight:700;color:#fff;margin-bottom:10px}.home-action-btn .btn-description{font-size:.95em;color:#aaa;line-height:1.6}.create-scene-btn:hover{border-color:#667eea99}.create-entity-btn:hover{border-color:#3b82f699}@media(max-width:768px){.home-main-page{padding:40px 20px}.home-actions{flex-direction:column;gap:20px}.home-action-btn{min-width:100%;max-width:100%;padding:30px 20px}.home-action-btn .btn-icon{font-size:2.5em}.home-action-btn .btn-title{font-size:1.2em}.home-action-btn .btn-description{font-size:.85em}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1429);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-container{width:100%;max-width:450px;margin:0 auto;padding:40px 20px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.auth-card{background:linear-gradient(180deg,#1a1f3a,#0f1429);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;box-shadow:0 20px 60px #00000080;width:100%}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:2.5em;font-weight:700;margin-bottom:30px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{color:#aaa;font-size:.95em}.auth-tabs{display:flex;gap:10px;background:#ffffff0d;border-radius:12px;padding:4px;margin-top:20px}.auth-tab{flex:1;padding:12px 20px;border:none;background:transparent;color:#aaa;font-size:.95em;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.auth-tab:hover{color:#fff;background:#ffffff0d}.auth-tab.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff;border:1px solid rgba(102,126,234,.5)}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9em;font-weight:600;color:#e0e0e0}.form-group input{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e0e0e0;font-size:1em;transition:all .3s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#667eea;background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#666}.btn-primary{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.9em;text-align:center}.success-message{padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#6ee7b7;font-size:.9em;text-align:center}.auth-footer{margin-top:30px;text-align:center;font-size:.9em;color:#aaa}.auth-footer a{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-footer a:hover{color:#764ba2}.auth-footer p{margin:8px 0}.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#666;font-size:.9em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.auth-divider span{padding:0 15px}.btn-google{width:100%;padding:12px 20px;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#333;font-size:.95em;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.btn-google:hover:not(:disabled){background:#f5f5f5;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-google:active:not(:disabled){transform:translateY(0)}.btn-google:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-google svg{flex-shrink:0}@media(max-width:768px){.auth-container{padding:20px}.auth-card{padding:30px 20px}.auth-header h1{font-size:2em}.auth-tabs{gap:8px;padding:3px}.auth-tab{padding:10px 16px;font-size:.9em}}.profile-container{max-width:800px;margin:0 auto;padding:20px}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.back-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.back-link:hover{color:#764ba2}.profile-card{background:linear-gradient(180deg,#1a1f3a,#0f1429);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;box-shadow:0 20px 60px #00000080}.profile-avatar-section{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.avatar-container{position:relative;display:inline-block;margin-bottom:15px;width:150px;height:150px}.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center center;border:4px solid #667eea;box-shadow:0 8px 30px #667eea4d;cursor:pointer;transition:all .3s ease;display:block;aspect-ratio:1 / 1}.avatar:hover{transform:scale(1.05);box-shadow:0 12px 40px #667eea80}.avatar-upload-label{position:absolute;bottom:5px;right:5px;width:45px;height:45px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid #0a0e27;transition:all .3s ease;z-index:10;box-shadow:0 4px 12px #0000004d}.avatar-upload-label:hover{transform:scale(1.1)}.avatar-upload-label span{font-size:20px}.avatar-hint{color:#aaa;font-size:.9em}.profile-info h1{font-size:2em;font-weight:700;margin-bottom:30px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-data{display:flex;flex-direction:column;gap:30px}.data-item{display:flex;flex-direction:column;gap:12px}.data-item label{font-size:.9em;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.data-value{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;min-height:56px;transition:all .3s ease}.data-value:hover{background:#ffffff0d;border-color:#ffffff1f}.data-value.editing{background:#667eea14;border-color:#667eea4d;padding:12px 16px}.display-value{flex:1;font-size:1.1em;color:#e0e0e0;font-weight:500}.edit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#667eea;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-left:auto;border:none}.edit-btn:hover{background:#667eea33;border-color:#667eea80;transform:scale(1.1)}.edit-controls{display:flex;align-items:center;gap:8px;flex:1;width:100%}.edit-controls .edit-input{flex:1;margin:0}.edit-input{padding:10px 14px;background:#ffffff14;border:2px solid #667eea;border-radius:8px;color:#e0e0e0;font-size:1.1em;font-weight:500;transition:all .3s ease;font-family:inherit;width:100%}.edit-input:focus{outline:none;border-color:#764ba2;background:#ffffff1a;box-shadow:0 0 0 4px #667eea26}.edit-input:disabled{opacity:.6;cursor:not-allowed}.save-btn,.cancel-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0;border:none}.save-btn{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.save-btn:hover:not(:disabled){background:#10b98133;border-color:#10b98180;transform:scale(1.1)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.cancel-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444480;transform:scale(1.1)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.message{padding:12px;border-radius:8px;font-size:.9em;text-align:center;margin-top:20px}.message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}@media(max-width:768px){.profile-card{padding:30px 20px}.profile-header{flex-direction:column;gap:15px;align-items:flex-start}.data-value{flex-wrap:wrap}.edit-btn{width:32px;height:32px}}.page-container{min-height:100vh;padding:40px;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e)}.page-header{margin-bottom:40px}.page-header h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}.page-subtitle{font-size:16px;color:#ffffff80;margin:0}.page-content{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px;min-height:400px;display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;max-width:400px}.empty-state-icon{font-size:64px;margin-bottom:24px;opacity:.8}.empty-state h2{font-size:24px;font-weight:600;color:#fff;margin:0 0 12px}.empty-state p{font-size:15px;color:#ffffff80;margin:0 0 24px;line-height:1.6}.primary-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.primary-btn:active{transform:translateY(0)}@media(max-width:768px){.page-container{padding:20px}.page-header h1{font-size:24px}.page-content{padding:24px}.empty-state-icon{font-size:48px}.empty-state h2{font-size:20px}}.context-menu{position:fixed;z-index:100000;min-width:200px;max-width:280px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff0d inset;overflow:hidden;animation:contextMenuAppear .15s ease-out}@keyframes contextMenuAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-header{padding:12px 16px;font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.context-menu-header.element-header{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;text-transform:none;letter-spacing:normal}.header-icon{font-size:20px}.header-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-menu-items{padding:6px 0;max-height:400px;overflow-y:auto}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:transparent;color:#e2e8f0;font-size:13px;text-align:left;cursor:pointer;transition:background .15s;position:relative}.context-menu-item:hover{background:#3b82f633}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:#ef444433}.context-menu-item.active{background:#3b82f626;color:#60a5fa}.context-menu-item.direction-item.active{background:#22c55e26;color:#4ade80}.context-menu-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.context-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu-arrow{font-size:10px;color:#fff6;margin-left:auto}.check-mark{color:#4ade80;font-weight:700}.warning-text{font-size:11px;color:#ef4444b3;margin-left:4px}.context-menu-divider{height:1px;background:#ffffff1a;margin:6px 12px}.context-menu-section-title{padding:8px 16px 4px;font-size:10px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.has-submenu{position:relative}.context-submenu{position:absolute;left:100%;top:-6px;min-width:180px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff0d inset;padding:6px 0;animation:submenuAppear .1s ease-out}.context-submenu.nest-submenu{max-height:300px;overflow-y:auto}@keyframes submenuAppear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.depth-badge{font-size:10px;padding:2px 6px;background:#ffffff1a;border-radius:10px;color:#ffffff80;margin-left:auto}.context-menu-edit{padding:6px 12px}.context-menu-edit input,.context-menu-edit textarea{width:100%;padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:13px;font-family:inherit;resize:none}.context-menu-edit input:focus,.context-menu-edit textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.context-menu-edit textarea{min-height:60px}.connection-info{padding:8px 16px}.connection-endpoints{display:flex;align-items:center;gap:8px;font-size:12px}.endpoint{flex:1;padding:6px 10px;background:#0000004d;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.direction-indicator{font-size:18px;color:#fff9;flex-shrink:0}.context-menu-info{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}.info-badge{font-size:11px;padding:4px 8px;background:#ffffff0d;border-radius:6px;color:#fff9}.context-menu-items::-webkit-scrollbar,.context-submenu::-webkit-scrollbar{width:6px}.context-menu-items::-webkit-scrollbar-track,.context-submenu::-webkit-scrollbar-track{background:transparent}.context-menu-items::-webkit-scrollbar-thumb,.context-submenu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.context-menu-items::-webkit-scrollbar-thumb:hover,.context-submenu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.task-card{background:#1e1e28e6;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.08);position:relative}.task-card:hover{background:#282837f2;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.task-card--dragging{opacity:.5;transform:rotate(3deg)}.task-card--overdue{border-color:#ef444466}.task-card--overdue:hover{border-color:#ef444499}.task-card__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.task-card__priority{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px}.task-card__id{font-size:11px;color:#fff6;font-family:JetBrains Mono,monospace}.task-card__overdue-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:11px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.task-card__title{font-size:14px;font-weight:500;color:#ffffffe6;margin:0 0 6px;line-height:1.3;word-break:break-word}.task-card__description{font-size:12px;color:#ffffff80;margin:0 0 10px;line-height:1.4}.task-card__subtasks{margin-bottom:10px}.task-card__subtask-progress{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:4px}.task-card__subtask-bar{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:2px;transition:width .3s ease}.task-card__subtask-count{font-size:11px;color:#fff6}.task-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-card__due,.task-card__estimate{font-size:11px;color:#ffffff80;display:flex;align-items:center;gap:2px}.task-card__due--overdue{color:#ef4444;font-weight:500}.task-card__assignee{display:flex;align-items:center;gap:4px}.task-card__worker,.task-card__department{font-size:14px;opacity:.7}.task-card__escalated{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;box-shadow:0 2px 8px #ec489966}.task-card--compact{padding:8px 10px;display:flex;align-items:center;gap:8px}.task-card--compact .task-card__priority-indicator{width:4px;height:20px;border-radius:2px;flex-shrink:0}.task-card--compact .task-card__title{font-size:13px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card--compact .task-card__subtask-badge{font-size:10px;background:#ffffff1a;padding:2px 6px;border-radius:8px;color:#fff9}.task-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.task-modal{background:linear-gradient(180deg,#1e1e2dfa,#141423fa);border-radius:16px;width:90%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-modal__header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.task-modal__header-info{flex:1;display:flex;flex-direction:column;gap:4px}.task-modal__id{font-size:12px;color:#fff6;font-family:JetBrains Mono,monospace}.task-modal__title{font-size:18px;font-weight:600;color:#fff;margin:0}.task-modal__status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#fff;display:flex;align-items:center;gap:6px}.task-modal__close{background:none;border:none;color:#ffffff80;font-size:24px;cursor:pointer;padding:4px 8px;transition:color .2s ease}.task-modal__close:hover{color:#fff}.task-modal__tabs{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.task-modal__tab{background:none;border:none;color:#ffffff80;font-size:13px;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease}.task-modal__tab:hover{background:#ffffff14;color:#fffc}.task-modal__tab.active{background:#6366f133;color:#a5b4fc}.task-modal__content{flex:1;overflow-y:auto;padding:20px 24px}.task-modal__field{margin-bottom:16px}.task-modal__field label{display:block;font-size:12px;font-weight:500;color:#fff9;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.task-modal__field input,.task-modal__field select,.task-modal__field textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 14px;color:#fff;font-size:14px;transition:all .2s ease}.task-modal__field input:focus,.task-modal__field select:focus,.task-modal__field textarea:focus{outline:none;border-color:#6366f1;background:#6366f11a}.task-modal__field input:disabled,.task-modal__field select:disabled,.task-modal__field textarea:disabled{opacity:.6;cursor:not-allowed}.task-modal__field textarea{resize:vertical;min-height:80px}.task-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.task-modal__actions{display:flex;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.task-modal__save{flex:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.task-modal__save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #6366f166}.task-modal__save:disabled{opacity:.6;cursor:not-allowed}.task-modal__cancel{background:#ffffff1a;color:#ffffffb3;border:none;padding:12px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.task-modal__cancel:hover{background:#ffffff26}.task-modal__subtasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#ffffffb3;font-size:14px}.task-modal__decompose-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.task-modal__decompose-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.task-modal__decompose-btn:disabled{opacity:.6;cursor:not-allowed}.task-modal__subtasks-empty{text-align:center;padding:32px;color:#fff6;font-size:13px}.task-modal__subtasks-list{display:flex;flex-direction:column;gap:8px}.task-modal__subtask{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.task-modal__subtask-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-modal__subtask-title{flex:1;font-size:13px;color:#ffffffd9}.task-modal__subtask-priority{font-size:12px}.task-modal__report-input{display:flex;gap:12px;margin-bottom:20px}.task-modal__report-input textarea{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px;color:#fff;font-size:13px;resize:none}.task-modal__report-input textarea:focus{outline:none;border-color:#6366f1}.task-modal__report-input button{background:#6366f1;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s ease;align-self:flex-end}.task-modal__report-input button:disabled{opacity:.5;cursor:not-allowed}.task-modal__comments{display:flex;flex-direction:column;gap:12px}.task-modal__comments-empty{text-align:center;padding:24px;color:#fff6}.task-modal__comment{background:#0003;border-radius:8px;padding:12px;border-left:3px solid #6b7280}.task-modal__comment--report{border-left-color:#3b82f6}.task-modal__comment--status_change{border-left-color:#f59e0b}.task-modal__comment--assignment{border-left-color:#22c55e}.task-modal__comment--escalation{border-left-color:#ec4899}.task-modal__comment-header{display:flex;justify-content:space-between;margin-bottom:6px}.task-modal__comment-type{font-size:11px;font-weight:600;color:#fff9;text-transform:uppercase}.task-modal__comment-time{font-size:11px;color:#fff6}.task-modal__comment-content{font-size:13px;color:#ffffffd9;line-height:1.5}.task-modal__bottom-actions{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);background:#0003;flex-wrap:wrap}.task-modal__action-group{position:relative}.task-modal__action-btn{background:#ffffff1a;color:#fffc;border:none;padding:8px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.task-modal__action-btn:hover{background:#ffffff26}.task-modal__action-btn--escalate{background:#ec489933;color:#f472b6}.task-modal__action-btn--escalate:hover{background:#ec48994d}.task-modal__assignment-panel,.task-modal__escalation-panel{position:absolute;bottom:100%;left:0;background:#1e1e2dfa;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px;min-width:260px;margin-bottom:8px;box-shadow:0 -4px 20px #0006;z-index:10}.task-modal__suggest-btn{width:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:12px;cursor:pointer;margin-bottom:12px}.task-modal__suggestion{background:#6366f126;padding:10px;border-radius:6px;margin-bottom:12px}.task-modal__suggestion span{display:block;color:#fff;font-size:13px;margin-bottom:4px}.task-modal__suggestion small{display:block;color:#ffffff80;font-size:11px;margin-bottom:8px}.task-modal__suggestion button{background:#22c55e;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:11px;cursor:pointer}.task-modal__assignee-list{margin-top:8px}.task-modal__assignee-list h5{font-size:11px;color:#ffffff80;margin:0 0 6px;text-transform:uppercase}.task-modal__assignee-list button{display:block;width:100%;background:#ffffff0d;border:none;color:#fffc;padding:8px 10px;border-radius:4px;font-size:12px;text-align:left;cursor:pointer;margin-bottom:4px;transition:all .2s ease}.task-modal__assignee-list button:hover{background:#ffffff1a}.task-modal__escalation-panel textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:10px;color:#fff;font-size:12px;resize:none;margin-bottom:8px}.task-modal__escalation-panel button{width:100%;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:10px;border-radius:6px;font-size:12px;cursor:pointer}.task-modal__review-actions{display:flex;gap:8px;margin-left:auto}.task-modal__review-btn{border:none;padding:8px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.task-modal__review-btn--accept{background:#22c55e;color:#fff}.task-modal__review-btn--revision{background:#f59e0b;color:#fff}.task-modal__review-btn--reject{background:#ef4444;color:#fff}.task-modal__delete-btn{margin-left:auto;background:#ef444426;color:#ef4444;border:none;padding:8px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.task-modal__delete-btn:hover{background:#ef444440}.task-board{display:flex;flex-direction:column;height:100%;background:#0f0f1480;border-radius:12px;overflow:hidden}.task-board--loading{align-items:center;justify-content:center;min-height:300px}.task-board__loader{display:flex;flex-direction:column;align-items:center;gap:12px;color:#ffffff80}.loader-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.task-board__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#14141ecc}.task-board__title{font-size:16px;font-weight:600;color:#ffffffe6;margin:0}.task-board__actions{display:flex;gap:8px}.task-board__add-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.task-board__add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.task-board__columns{display:flex;gap:16px;padding:16px;overflow-x:auto;flex:1;align-items:flex-start}.task-board__column{min-width:280px;max-width:320px;flex-shrink:0;background:#191923cc;border-radius:10px;display:flex;flex-direction:column;max-height:calc(100vh - 280px);border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.task-board__column--drop-target{border-color:#6366f1;box-shadow:0 0 20px #6366f14d;background:#6366f11a}.task-board__column-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.task-board__column-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-board__column-name{flex:1;font-size:13px;font-weight:600;color:#fffc}.task-board__column-count{font-size:11px;font-weight:500;color:#fff6;background:#ffffff14;padding:2px 8px;border-radius:10px}.task-board__column-remove{background:none;border:none;color:#ffffff4d;font-size:16px;cursor:pointer;padding:0 4px;opacity:0;transition:all .2s ease}.task-board__column-header:hover .task-board__column-remove{opacity:1}.task-board__column-remove:hover{color:#ef4444}.task-board__column-tasks{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.task-board__column-empty{text-align:center;padding:24px 16px;color:#ffffff4d;font-size:12px;border:2px dashed rgba(255,255,255,.1);border-radius:8px;margin:4px}.task-board__column-add-task{background:none;border:none;color:#fff6;font-size:12px;padding:10px;cursor:pointer;transition:all .2s ease;text-align:left}.task-board__column-add-task:hover{color:#ffffffb3;background:#ffffff0d}.task-board__add-column{min-width:260px;flex-shrink:0}.task-board__add-column-btn{width:100%;height:48px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.15);border-radius:10px;color:#ffffff80;font-size:13px;cursor:pointer;transition:all .2s ease}.task-board__add-column-btn:hover{background:#ffffff14;border-color:#ffffff40;color:#ffffffb3}.task-board__add-column-form{background:#191923e6;border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.1)}.task-board__add-column-form input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:10px 12px;color:#fff;font-size:13px;margin-bottom:8px}.task-board__add-column-form input:focus{outline:none;border-color:#6366f1}.task-board__add-column-actions{display:flex;gap:8px}.task-board__add-column-actions button{flex:1;padding:8px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.task-board__add-column-actions button:first-child{background:#22c55e;color:#fff}.task-board__add-column-actions button:last-child{background:#ffffff1a;color:#ffffffb3}.task-board--compact{background:transparent;border-radius:0}.task-board--compact .task-board__header{padding:12px 0;border-bottom:none;background:transparent}.task-board--compact .task-board__title{font-size:14px}.task-board--compact .task-board__add-btn{padding:6px 12px;font-size:12px}.task-board__compact-list{display:flex;flex-direction:column;gap:6px}.task-board__empty{text-align:center;padding:20px;color:#fff6;font-size:13px}.task-board__column-tasks::-webkit-scrollbar,.task-board__columns::-webkit-scrollbar{width:6px;height:6px}.task-board__column-tasks::-webkit-scrollbar-track,.task-board__columns::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.task-board__column-tasks::-webkit-scrollbar-thumb,.task-board__columns::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.task-board__column-tasks::-webkit-scrollbar-thumb:hover,.task-board__columns::-webkit-scrollbar-thumb:hover{background:#ffffff40}.element-info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.element-info-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:520px;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.info-modal-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.info-header-content{display:flex;align-items:center;gap:14px}.info-icon{font-size:36px}.info-title-group{display:flex;flex-direction:column;gap:2px}.info-title{margin:0;font-size:18px;font-weight:600;color:#fff}.info-type{font-size:12px;color:#ffffff80}.info-subtitle-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.info-position{font-size:11px;padding:2px 8px;background:#22c55e33;border-radius:4px;color:#86efac}.info-level{font-size:11px;padding:2px 8px;background:#9333ea33;border-radius:4px;color:#c4b5fd;text-transform:uppercase}.info-close-btn{width:32px;height:32px;border:none;background:#ffffff1a;border-radius:8px;color:#fff9;font-size:20px;cursor:pointer;transition:all .2s;flex-shrink:0}.info-close-btn:hover{background:#ffffff26;color:#fff}.info-modal-content{padding:20px;max-height:55vh;overflow-y:auto}.info-modal-content::-webkit-scrollbar{width:6px}.info-modal-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.info-section{margin-bottom:20px}.info-section:last-child{margin-bottom:0}.info-section h4{margin:0 0 10px;font-size:11px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.info-description{margin:0;font-size:14px;color:#fffc;line-height:1.5;white-space:pre-wrap}.info-mission{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:14px;margin-bottom:16px}.info-mission h4{color:#a5b4fc;margin-bottom:8px}.mission-text{margin:0;font-size:14px;color:#ffffffe6;font-style:italic;line-height:1.5}.info-list{margin:0;padding:0;list-style:none}.info-list li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;color:#fffc;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.05)}.info-list li:last-child{border-bottom:none}.list-icon{color:#fff6;flex-shrink:0;width:16px;text-align:center}.info-tags{display:flex;flex-wrap:wrap;gap:6px}.info-tag{display:inline-block;padding:5px 10px;font-size:12px;border-radius:6px;font-weight:500}.info-tag.competency{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.info-tag.kpi{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fcd34d}.info-tag.interact{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.info-tag.dept{background:#9333ea26;border:1px solid rgba(147,51,234,.3);color:#c4b5fd}.conn-type-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:12px;flex-shrink:0}.conn-type-name{font-size:10px;color:#fff6;white-space:nowrap}.info-parent-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px;cursor:pointer;transition:all .2s}.info-parent-card:hover{background:#3b82f633;border-color:#3b82f666}.parent-icon{font-size:20px}.parent-name{flex:1;font-size:14px;font-weight:500;color:#fff}.parent-hint{font-size:11px;color:#fff6}.info-properties{display:flex;flex-direction:column;gap:8px}.info-property{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#0003;border-radius:8px}.property-label{font-size:12px;color:#ffffff80}.property-value{font-size:13px;font-weight:500;color:#fff}.info-connections{display:flex;flex-direction:column;gap:6px}.info-connection{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0003;border-radius:8px;cursor:pointer;transition:all .2s}.info-connection:hover{background:#ffffff14}.conn-direction{font-size:14px;color:#fff6;width:20px;text-align:center}.conn-icon{font-size:16px}.conn-name{flex:1;font-size:13px;color:#ffffffe6}.conn-desc{font-size:11px;color:#fff6;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-empty{text-align:center;padding:30px 20px}.info-empty p{margin:0 0 6px;font-size:14px;color:#ffffff80}.info-empty span{font-size:12px;color:#ffffff4d}.info-modal-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}.info-btn{padding:10px 24px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.info-btn.primary{background:#ffffff1a;color:#fff}.info-btn.primary:hover{background:#ffffff26}.info-modal-tabs{display:flex;gap:4px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.info-tab{background:none;border:none;color:#ffffff80;font-size:13px;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease}.info-tab:hover{background:#ffffff14;color:#fffc}.info-tab.active{background:#6366f133;color:#a5b4fc}.info-tasks-tab{min-height:200px}.flowchart-canvas-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.flowchart-navigation{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#1e293bf2,#0f172af2);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.nav-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#e2e8f0;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.nav-btn:hover{background:#3b82f64d;border-color:#3b82f680}.nav-btn.nav-root{background:#3b82f633;border-color:#3b82f64d}.nav-btn.nav-root:hover{background:#3b82f666}.nav-breadcrumb{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto;padding:4px 0}.nav-breadcrumb::-webkit-scrollbar{height:4px}.nav-breadcrumb::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.breadcrumb-root{color:#ffffff80;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.breadcrumb-root:hover{background:#ffffff1a;color:#fff}.breadcrumb-item{display:flex;align-items:center;gap:4px}.breadcrumb-separator{color:#ffffff4d}.breadcrumb-name{color:#fff9;font-size:13px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap}.breadcrumb-name:hover:not(.current){background:#ffffff1a;color:#fff}.breadcrumb-name.current{color:#fff;background:#3b82f633;cursor:default}.current-level-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(90deg,rgba(59,130,246,.15),transparent);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.level-icon{font-size:20px}.level-name{font-size:15px;font-weight:600;color:#fff}.level-children{font-size:12px;color:#ffffff80;margin-left:auto}.flowchart-canvas-container{position:relative;flex:1;min-height:400px;background:#0f172a;overflow:hidden;cursor:crosshair}.flowchart-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.flowchart-hints{position:absolute;bottom:16px;left:16px;display:flex;flex-wrap:wrap;gap:10px;pointer-events:none;z-index:10}.flowchart-hints span{font-size:11px;color:#ffffff80;background:#0009;padding:5px 10px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.flowchart-connecting-hint{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#22c55e;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:500;pointer-events:none;animation:pulse 1.5s ease-in-out infinite;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.flowchart-drop-hint{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#22c55e;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:500;pointer-events:none;animation:pulse 1s ease-in-out infinite;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fit-to-view-btn{position:absolute;bottom:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1e293be6;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-size:18px;cursor:pointer;transition:all .2s;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fit-to-view-btn:hover{background:#3b82f64d;border-color:#3b82f680;color:#fff;transform:scale(1.05)}.flowchart-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#ffffff4d;pointer-events:none}.flowchart-empty-state .empty-icon{font-size:48px;margin-bottom:16px}.flowchart-empty-state .empty-text{font-size:14px;margin-bottom:8px}.flowchart-empty-state .empty-hint{font-size:12px;color:#fff3}@media(max-width:768px){.flowchart-navigation{flex-wrap:wrap;gap:8px}.nav-btn{padding:6px 10px;font-size:12px}.nav-breadcrumb{order:3;width:100%;margin-top:4px}.flowchart-hints{display:none}.current-level-header{padding:8px 12px}.level-name{font-size:14px}}.flowchart-canvas-3d-container{position:relative;width:100%;height:100%;min-height:500px;background:linear-gradient(180deg,#0f172a,#1e1b4b);border-radius:12px;overflow:hidden}.flowchart-canvas-3d-container canvas+div,.flowchart-canvas-3d-container canvas~div:not(.context-menu){z-index:1!important}.person-label,.dept-label,.element-label{z-index:1!important}.breadcrumbs-3d{position:absolute;top:16px;left:16px;z-index:100;display:flex;align-items:center;gap:8px;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.breadcrumb-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#a5b4fc;font-size:12px;cursor:pointer;transition:all .2s ease}.breadcrumb-btn:hover{background:#6366f166;color:#fff}.breadcrumb-btn.up-btn{background:#22c55e33;border-color:#22c55e4d;color:#86efac;margin-left:8px}.breadcrumb-btn.up-btn:hover{background:#22c55e66;color:#fff}.breadcrumb-item{display:flex;align-items:center;color:#fff9;font-size:13px}.breadcrumb-name{padding:4px 8px;border-radius:4px;transition:all .2s ease}.breadcrumb-name.clickable{color:#a5b4fc}.breadcrumb-name.clickable:hover{background:#6366f14d;color:#fff}.breadcrumb-name.current{color:#fff;font-weight:600;background:#6366f133}.breadcrumb-separator{margin:0 4px;color:#ffffff4d}.breadcrumb-name{color:#ffffffe6;font-weight:500}.controls-3d{position:absolute;bottom:16px;right:16px;z-index:100;display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;border:1px solid rgba(255,255,255,.05);opacity:.5;transition:opacity .2s ease}.controls-3d:hover{opacity:1}.control-hint{font-size:11px;color:#ffffff80}.person-label{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(255,255,255,.1);pointer-events:none;transition:all .2s ease;white-space:nowrap}.person-label.highlighted{background:#6366f14d;border-color:#6366f180;transform:scale(1.05)}.person-icon{font-size:16px;margin-bottom:2px}.person-name{font-size:12px;font-weight:600;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis}.person-position{font-size:10px;color:#fff9;margin-top:2px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.dept-label{display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;border:1px solid rgba(59,130,246,.3);pointer-events:none;transition:all .2s ease;white-space:nowrap}.dept-label.highlighted{background:#3b82f64d;border-color:#3b82f699;transform:scale(1.05)}.dept-icon{font-size:18px;margin-bottom:4px}.dept-name{font-size:14px;font-weight:600;color:#fff;max-width:180px;overflow:hidden;text-overflow:ellipsis}.dept-head{font-size:10px;color:#ffffff80;margin-top:4px}.element-label{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(245,158,11,.3);pointer-events:none;transition:all .2s ease;white-space:nowrap}.element-label.highlighted{background:#f59e0b33;border-color:#f59e0b99;transform:scale(1.05)}.element-icon{font-size:16px;margin-bottom:2px}.element-name{font-size:11px;font-weight:600;color:#fff;max-width:120px;overflow:hidden;text-overflow:ellipsis}.canvas-3d-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff9}.canvas-3d-loading .spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.connecting-hint-3d{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:16px;padding:12px 24px;background:linear-gradient(135deg,#22c55ee6,#16a34ae6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:500;box-shadow:0 4px 20px #22c55e66;animation:pulse 2s infinite}.connecting-hint-3d button{padding:6px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease}.connecting-hint-3d button:hover{background:#ffffff4d}@keyframes pulse{0%,to{box-shadow:0 4px 20px #22c55e66}50%{box-shadow:0 4px 30px #22c55e99}}.empty-state-3d{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff6}.empty-state-3d .empty-icon{font-size:48px;margin-bottom:16px}.empty-state-3d .empty-text{font-size:16px}.empty-state-3d .empty-hint{font-size:13px;margin-top:8px;color:#ffffff4d}.flowchart-properties-panel{background:linear-gradient(180deg,#1e293bf2,#0f172afa);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.properties-panel-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.properties-title-row{display:flex;align-items:center;gap:10px}.properties-icon{font-size:22px}.properties-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.properties-empty{padding:50px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.properties-empty .empty-icon{font-size:40px;opacity:.4}.properties-empty p{margin:0;font-size:14px;color:#ffffff80}.properties-empty .empty-hint{font-size:12px;color:#ffffff4d}.properties-content{padding:16px 20px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 300px);overflow-y:auto}.properties-content::-webkit-scrollbar{width:6px}.properties-content::-webkit-scrollbar-track{background:transparent}.properties-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.property-group{display:flex;flex-direction:column;gap:6px}.property-group label{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.property-group input[type=text],.property-group input[type=number]{padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.property-group input[type=text]:focus,.property-group input[type=number]:focus{outline:none;border-color:#3b82f680;background:#0006;box-shadow:0 0 0 2px #3b82f626}.property-group textarea{padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;min-height:70px;transition:all .2s ease}.property-group textarea:focus{outline:none;border-color:#3b82f680;background:#0006;box-shadow:0 0 0 2px #3b82f626}.color-input-row{display:flex;gap:10px;align-items:center}.color-input-row input[type=color]{width:44px;height:44px;border:none;border-radius:8px;cursor:pointer;padding:0;background:none}.color-input-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-row input[type=color]::-webkit-color-swatch{border:2px solid rgba(255,255,255,.2);border-radius:6px}.color-input-row .color-text{flex:1}.properties-divider{display:flex;align-items:center;gap:10px;margin:6px 0}.properties-divider:before,.properties-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.properties-divider:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1))}.properties-divider:after{background:linear-gradient(90deg,rgba(255,255,255,.1),transparent)}.properties-divider span{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.connect-btn{padding:10px 14px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.connect-btn:hover{background:#22c55e33;border-color:#22c55e80}.navigate-btn{padding:10px 14px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fa;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.navigate-btn:hover{background:#3b82f633;border-color:#3b82f680}.delete-btn{width:100%;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-btn:hover{background:#ef444433;border-color:#ef444480}.unnest-btn{padding:8px 12px;background:#fb923c1a;border:1px solid rgba(251,146,60,.3);border-radius:6px;color:#fb923c;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.unnest-btn:hover{background:#fb923c33;border-color:#fb923c80}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.checkbox-label:hover{background:#0000004d}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.checkbox-text{font-size:14px;color:#fff}.parent-info-box{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid rgba(139,92,246,.2);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.parent-info-box .parent-label{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.parent-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff14;border-radius:8px;cursor:pointer;transition:all .2s}.parent-card:hover{background:#ffffff1f}.parent-card .parent-icon{font-size:20px}.parent-card .parent-name{font-size:14px;font-weight:500;color:#fff}.no-children{text-align:center;padding:16px;background:#0003;border-radius:8px;display:flex;flex-direction:column;gap:6px}.no-children span{font-size:13px;color:#fff6}.no-children .hint{font-size:11px;color:#ffffff40}.children-tree{background:#00000026;border-radius:8px;padding:8px}.tree-header{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;border-radius:6px;transition:background .15s}.tree-header:hover{background:#ffffff0d}.tree-toggle{font-size:10px;color:#ffffff80;width:14px}.tree-title{font-size:12px;font-weight:500;color:#fff9}.tree-item-wrapper{margin-left:8px;border-left:1px solid rgba(255,255,255,.1);padding-left:8px}.tree-item{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:4px 0;background:#ffffff08;border-radius:6px;cursor:pointer;transition:all .15s}.tree-item:hover{background:#3b82f626}.tree-item.selected{background:#3b82f640;border:1px solid rgba(59,130,246,.4)}.tree-item-icon{font-size:16px}.tree-item-name{flex:1;font-size:13px;color:#ffffffe6}.tree-item-count{font-size:10px;padding:2px 6px;background:#ffffff1a;border-radius:10px;color:#ffffff80}.connections-empty{text-align:center;padding:16px;background:#00000026;border-radius:8px}.connections-empty .empty-text{font-size:13px;color:#ffffff4d}.connections-list{display:flex;flex-direction:column;gap:12px}.connections-group{background:#00000026;border-radius:8px;overflow:hidden}.group-title{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.group-icon{font-size:14px}.connection-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.03)}.connection-item:last-child{border-bottom:none}.connection-item:hover{background:#ffffff0d}.connection-direction{font-size:16px;color:#fff6;width:20px;text-align:center}.connection-target{display:flex;align-items:center;gap:8px;flex:1;padding:6px 10px;background:#ffffff0d;border-radius:6px;cursor:pointer;transition:background .15s}.connection-target:hover{background:#3b82f633}.target-icon{font-size:16px}.target-name{font-size:13px;color:#ffffffe6}.connection-desc{font-size:11px;color:#fff6;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-endpoints-panel{display:flex;align-items:center;gap:8px;padding:12px;background:#0003;border-radius:10px}.endpoint-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:all .2s}.endpoint-card:hover{background:#3b82f633}.endpoint-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#fff6}.endpoint-icon{font-size:24px}.endpoint-name{font-size:12px;color:#ffffffe6;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.endpoint-arrow{font-size:24px;color:#ffffff4d;flex-shrink:0}.connection-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.type-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0003;border:2px solid transparent;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s}.type-btn:hover{background:#ffffff14}.type-btn.active{color:#fff}.type-btn .type-icon{font-size:16px}.type-btn .type-name{font-size:11px;font-weight:500}.connection-type-badge{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;font-size:14px;flex-shrink:0}.connection-type-name{font-size:10px;color:#fff6;white-space:nowrap}.direction-selector{display:flex;gap:8px}.direction-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s}.direction-btn:hover{background:#ffffff14;border-color:#fff3}.direction-btn.active{background:#3b82f633;border-color:#3b82f680;color:#60a5fa}.direction-icon{font-size:18px}.direction-name{font-size:10px;font-weight:500}@media(max-width:768px){.properties-content{max-height:400px}.connection-endpoints-panel{flex-direction:column}.endpoint-card{width:100%;flex-direction:row;justify-content:center}.endpoint-arrow{transform:rotate(90deg)}}.generate-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.generate-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:540px;max-height:90vh;overflow:hidden;box-shadow:0 25px 80px #00000080,0 0 60px #9333ea26;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.generate-modal-header{padding:24px;background:linear-gradient(135deg,#9333ea33,#4f46e526);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.generate-header-content{display:flex;align-items:center;gap:16px}.generate-icon{font-size:40px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.generate-title-group{display:flex;flex-direction:column;gap:4px}.generate-title{margin:0;font-size:20px;font-weight:600;color:#fff}.generate-subtitle{font-size:13px;color:#ffffff80}.generate-close-btn{width:36px;height:36px;border:none;background:#ffffff1a;border-radius:10px;color:#fff9;font-size:22px;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.generate-close-btn:hover{background:#ffffff26;color:#fff}.generate-modal-content{padding:24px;display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto}.generate-modal-content::-webkit-scrollbar{width:6px}.generate-modal-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.generate-field{display:flex;flex-direction:column;gap:8px}.generate-field label{font-size:13px;font-weight:500;color:#ffffffb3}.generate-field input,.generate-field textarea{padding:14px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:15px;color:#fff;transition:all .2s;font-family:inherit}.generate-field input::placeholder,.generate-field textarea::placeholder{color:#ffffff4d}.generate-field input:focus,.generate-field textarea:focus{outline:none;border-color:#9333ea80;background:#0006;box-shadow:0 0 0 3px #9333ea1a}.generate-field textarea{resize:vertical;min-height:120px}.field-hint{font-size:12px;color:#fff6}.generation-info{padding:16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:12px}.info-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;color:#a5b4fc}.info-icon{font-size:18px}.info-list{margin:0;padding:0 0 0 8px;list-style:none}.info-list li{font-size:13px;color:#fff9;padding:4px 0}.generation-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;animation:successAppear .5s ease}@keyframes successAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-icon{font-size:64px;animation:celebrate .6s ease}@keyframes celebrate{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-title{margin:16px 0 8px;font-size:24px;font-weight:600;color:#22c55e}.success-subtitle{margin:0;font-size:14px;color:#ffffff80}.success-stats{display:flex;gap:24px;margin-top:24px}.stat-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#22c55e1a;border-radius:10px}.stat-icon{font-size:18px}.stat-label{font-size:13px;color:#ffffffb3}.generation-progress{display:flex;flex-direction:column;gap:20px}.progress-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.progress-steps-grid .step-item{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.progress-steps-grid .step-item.pending{opacity:.5}.progress-steps-grid .step-item.active{background:linear-gradient(135deg,#9333ea33,#4f46e526);border-color:#9333ea66}.progress-steps-grid .step-item.completed{background:#22c55e1a;border-color:#22c55e4d}.progress-steps-grid .step-icon{font-size:14px}.progress-steps-grid .step-item.completed .step-icon{color:#22c55e}.progress-steps-grid .step-item.active .step-icon{animation:pulse 1s ease-in-out infinite}.progress-steps-grid .step-name{font-size:11px;font-weight:500;color:#fff9}.progress-steps-grid .step-item.active .step-name{color:#a78bfa}.progress-steps-grid .step-item.completed .step-name{color:#86efac}.progress-bar-container{height:8px;background:#ffffff1a;border-radius:4px;overflow:visible;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#9333ea,#6366f1,#22c55e);border-radius:4px;transition:width .5s ease;position:relative}.progress-percent{position:absolute;right:0;top:-20px;font-size:11px;font-weight:600;color:#ffffff80}.progress-steps-row{display:flex;justify-content:space-between;align-items:flex-start;padding:0 10px;position:relative}.step-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;flex:1}.progress-step-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:2px solid rgba(255,255,255,.15);transition:all .3s ease;position:relative;z-index:1}.progress-step-circle.active{background:linear-gradient(135deg,#9333ea4d,#4f46e54d);border-color:#9333ea;box-shadow:0 0 20px #9333ea66}.progress-step-circle.completed{background:linear-gradient(135deg,#22c55e4d,#16a34a4d);border-color:#22c55e}.step-icon{font-size:18px}.step-check{font-size:18px;color:#22c55e}.step-spinner-small{width:18px;height:18px;border:2px solid rgba(147,51,234,.3);border-top-color:#9333ea;border-radius:50%;animation:spin .8s linear infinite}.step-label{font-size:12px;color:#fff6;font-weight:500;transition:all .3s}.step-label.active{color:#a78bfa}.step-label.completed{color:#86efac}.step-connector{position:absolute;top:22px;left:calc(50% + 28px);width:calc(100% - 56px);height:2px;background:#ffffff1a;transition:background .3s}.step-connector.completed{background:linear-gradient(90deg,#22c55e,#22c55e)}.current-status{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(135deg,#9333ea26,#4f46e51a);border-radius:12px;border:1px solid rgba(147,51,234,.2)}.status-spinner{font-size:20px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.status-text{font-size:15px;font-weight:500;color:#fff}.status-log{background:#0000004d;border-radius:10px;overflow:hidden}.log-header{padding:10px 14px;font-size:11px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.05)}.log-entries{max-height:140px;overflow-y:auto;padding:8px 0}.log-entries::-webkit-scrollbar{width:4px}.log-entries::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.log-entry{display:flex;gap:12px;padding:6px 14px;font-size:12px;transition:background .2s}.log-entry.current{background:#9333ea1a}.log-time{color:#ffffff4d;font-family:monospace;font-size:11px;flex-shrink:0}.log-message{color:#ffffffb3}.log-entry.current .log-message{color:#a78bfa}.generate-error{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.error-icon{font-size:18px}.error-text{font-size:14px;color:#fca5a5}.generate-modal-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end;gap:12px}.generate-btn{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.generate-btn.secondary{background:#ffffff14;color:#ffffffb3}.generate-btn.secondary:hover:not(:disabled){background:#ffffff1f;color:#fff}.generate-btn.primary{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;box-shadow:0 4px 20px #9333ea66}.generate-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#a855f7,#8b5cf6);box-shadow:0 6px 25px #9333ea80;transform:translateY(-1px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-icon{font-size:16px}.generating-footer{width:100%;display:flex;justify-content:center}.generating-hint{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff6}.hint-icon{font-size:16px;animation:pulse 2s ease-in-out infinite}.view-toggle{display:flex;background:#0f172ae6;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px;gap:4px}.view-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:8px;color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{color:#fffc;background:#ffffff0d}.view-toggle-btn.active{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);color:#fff;box-shadow:0 2px 8px #6366f14d}.view-icon{font-size:16px}.view-label{font-weight:600}.companies-page{min-height:100vh;padding:24px;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);display:flex;flex-direction:column}.companies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.header-left h1{font-size:26px;font-weight:700;color:#fff;margin:0 0 4px}.companies-header .page-subtitle{font-size:13px;color:#ffffff73;margin:0}.header-center{display:flex;align-items:center;gap:24px}.header-stats{display:flex;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:10px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px}.stat-value{font-size:22px;font-weight:700;color:#fff}.stat-label{font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.saving-indicator{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:6px;padding:6px 10px;background:#22c55e26;border:1px solid rgba(34,197,94,.25);border-radius:6px;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:1000}.saving-indicator.visible{opacity:1;transform:translateY(0)}.saving-icon{font-size:12px;animation:pulse-saving 1s ease-in-out infinite}@keyframes pulse-saving{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.header-actions{display:flex;gap:10px}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn.generate-btn{background:linear-gradient(135deg,#9333ea33,#4f46e526);border:1px solid rgba(147,51,234,.3);color:#a78bfa}.action-btn.generate-btn:hover{background:linear-gradient(135deg,#9333ea4d,#4f46e540);border-color:#9333ea80;box-shadow:0 4px 20px #9333ea33;transform:translateY(-1px)}.action-btn.root-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.action-btn.root-btn:hover{background:#3b82f640;border-color:#3b82f680}.action-btn.clear-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.action-btn.clear-btn:hover{background:#ef444433;border-color:#ef444466}.action-btn.save-btn{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.action-btn.save-btn:hover{background:#22c55e40;border-color:#22c55e80}.action-btn.save-btn.unsaved{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24;animation:pulse-save 2s ease-in-out infinite}@keyframes pulse-save{0%,to{opacity:1}50%{opacity:.7}}.action-btn.save-btn:disabled{opacity:.6;cursor:not-allowed}.save-status-bar{padding:8px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center}.save-message{font-size:12px;color:#22c55e;font-weight:500}.last-saved{font-size:11px;color:#fff6}.unsaved-indicator{color:#fbbf24}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ae6;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;color:#ffffffb3;font-size:14px}.loading-spinner span:first-child{font-size:32px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.companies-content{display:grid;grid-template-columns:1fr 340px;gap:20px;flex:1;min-height:0}.flowchart-area{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;min-height:550px}.properties-sidebar{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 140px);overflow-y:auto}.properties-sidebar::-webkit-scrollbar{width:6px}.properties-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.element-types-legend{background:linear-gradient(180deg,#1e293bb3,#0f172ab3);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.element-types-legend h4{margin:0 0 4px;font-size:13px;font-weight:600;color:#fffc}.legend-hint{margin:0 0 12px;font-size:11px;color:#ffffff59}.legend-items{display:flex;flex-direction:column;gap:6px}.legend-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0003;border-left:3px solid var(--element-color, rgba(255, 255, 255, .2));border-radius:0 8px 8px 0;transition:all .2s ease}.legend-icon{font-size:20px;flex-shrink:0}.legend-info{display:flex;flex-direction:column;gap:2px;min-width:0}.legend-name{font-size:13px;font-weight:500;color:#ffffffe6}.legend-desc{font-size:11px;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-tooltip{position:fixed;bottom:20px;right:380px;z-index:100}.help-trigger{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;font-size:12px;font-weight:600;color:#ffffff4d;cursor:help;transition:all .2s}.help-trigger:hover{background:#ffffff1a;color:#fff9}.help-popup{position:absolute;bottom:32px;right:0;background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px;opacity:0;visibility:hidden;transform:translateY(5px);transition:all .2s;white-space:nowrap}.help-tooltip:hover .help-popup{opacity:1;visibility:visible;transform:translateY(0)}.help-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:10px;color:#fff6}.help-row kbd{padding:2px 5px;background:#ffffff14;border-radius:3px;font-size:9px;font-family:inherit;color:#ffffff80}@media(max-width:1200px){.companies-content{grid-template-columns:1fr 300px}}@media(max-width:1024px){.companies-content{grid-template-columns:1fr}.properties-sidebar{max-height:none;flex-direction:row;flex-wrap:wrap}.properties-sidebar>*{flex:1;min-width:280px}.flowchart-properties-panel{order:-1;flex:2}.help-tooltip{right:20px}}@media(max-width:768px){.companies-page{padding:16px}.companies-header{flex-direction:column;align-items:stretch}.header-stats{justify-content:center}.header-actions{flex-wrap:wrap;justify-content:center}.action-btn{flex:1;justify-content:center;min-width:120px}.flowchart-area{min-height:350px}.properties-sidebar{flex-direction:column}.properties-sidebar>*{min-width:auto}}.tasks-page{display:flex;flex-direction:column;height:calc(100vh - 60px);padding:24px;overflow:hidden}.tasks-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.tasks-page__title-section{display:flex;flex-direction:column;gap:8px}.tasks-page__title{font-size:24px;font-weight:700;color:#fff;margin:0}.tasks-page__stats{display:flex;gap:16px;flex-wrap:wrap}.tasks-page__stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff9}.tasks-page__stat--overdue{color:#ef4444;font-weight:500}.stat-dot{width:8px;height:8px;border-radius:50%}.tasks-page__controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tasks-page__view-toggle{display:flex;background:#ffffff0d;border-radius:8px;padding:4px}.tasks-page__view-toggle button{background:none;border:none;color:#ffffff80;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.tasks-page__view-toggle button:hover{color:#fffc}.tasks-page__view-toggle button.active{background:#6366f14d;color:#fff}.tasks-page__filters{display:flex;gap:8px;flex-wrap:wrap}.tasks-page__filters select,.tasks-page__filters input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#fff;font-size:13px;min-width:140px}.tasks-page__filters select:focus,.tasks-page__filters input:focus{outline:none;border-color:#6366f1}.tasks-page__content{display:flex;flex:1;gap:20px;overflow:hidden}.tasks-page__departments{width:260px;flex-shrink:0;background:#14141ecc;border-radius:12px;padding:16px;overflow-y:auto}.tasks-page__departments h3{font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.tasks-page__dept-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:4px}.tasks-page__dept-item:hover{background:#ffffff0d}.tasks-page__dept-item.active{background:#6366f133}.tasks-page__dept-item .dept-icon{font-size:16px}.tasks-page__dept-item .dept-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tasks-page__dept-item .dept-name{flex:1;font-size:13px;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tasks-page__dept-item .dept-count{font-size:11px;color:#fff6;background:#ffffff14;padding:2px 8px;border-radius:10px}.tasks-page__main{flex:1;overflow:hidden;display:flex;flex-direction:column}.tasks-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#ffffff80}.loader-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tasks-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#ffffff80}.tasks-page__empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.tasks-page__empty h3{font-size:18px;color:#ffffffb3;margin:0 0 8px}.tasks-page__empty p{font-size:14px;margin:0}.tasks-page__departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;overflow-y:auto;padding:4px}.tasks-page__dept-section{background:#14141ecc;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.tasks-page__dept-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#0003;cursor:pointer;transition:background .2s ease}.tasks-page__dept-header:hover{background:#0000004d}.tasks-page__dept-header .dept-color-bar{width:4px;height:20px;border-radius:2px}.tasks-page__dept-header h4{flex:1;font-size:14px;font-weight:600;color:#ffffffe6;margin:0}.tasks-page__dept-header .dept-task-count{font-size:12px;color:#fff6}.tasks-page__dept-header .dept-expand{color:#ffffff4d;font-size:16px}.tasks-page__dept-tasks{padding:12px;display:flex;flex-direction:column;gap:8px}.tasks-page__dept-empty{text-align:center;padding:20px;color:#fff6;font-size:13px}.tasks-page__see-more{background:none;border:none;color:#6366f1;font-size:12px;cursor:pointer;padding:8px;text-align:center;transition:color .2s ease}.tasks-page__see-more:hover{color:#818cf8}.tasks-page__list{overflow:auto;background:#14141ecc;border-radius:12px}.tasks-page__table{width:100%;border-collapse:collapse}.tasks-page__table th{text-align:left;padding:14px 16px;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;background:#0003;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0}.tasks-page__table tbody tr{cursor:pointer;transition:background .15s ease}.tasks-page__table tbody tr:hover{background:#ffffff08}.tasks-page__table tbody tr.overdue{background:#ef44440d}.tasks-page__table td{padding:12px 16px;font-size:13px;color:#ffffffd9;border-bottom:1px solid rgba(255,255,255,.04)}.task-id{font-family:JetBrains Mono,monospace;color:#fff6;font-size:12px}.task-title{font-weight:500;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;color:#fff}.task-priority-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:12px}.task-dept{display:flex;align-items:center;gap:6px}.dept-dot{width:8px;height:8px;border-radius:50%}.task-due.overdue{color:#ef4444;font-weight:500}.tasks-page__departments::-webkit-scrollbar,.tasks-page__main::-webkit-scrollbar,.tasks-page__list::-webkit-scrollbar{width:6px}.tasks-page__departments::-webkit-scrollbar-track,.tasks-page__main::-webkit-scrollbar-track,.tasks-page__list::-webkit-scrollbar-track{background:#ffffff0d}.tasks-page__departments::-webkit-scrollbar-thumb,.tasks-page__main::-webkit-scrollbar-thumb,.tasks-page__list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}@media(max-width:1024px){.tasks-page__content{flex-direction:column}.tasks-page__departments{width:100%;max-height:200px}}@media(max-width:768px){.tasks-page{padding:16px}.tasks-page__header{flex-direction:column}.tasks-page__controls,.tasks-page__filters{width:100%}.tasks-page__filters select,.tasks-page__filters input{flex:1;min-width:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0a0e27;color:#e0e0e0;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}#root{min-height:100vh}