@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.landing-page{font-family:Inter,sans-serif;color:#333;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #f59e0b80}70%{box-shadow:0 0 0 15px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.12rem 2%;background-color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.2);position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px #0000000d}.nav-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer}.logo-wrapper{display:flex;align-items:center;justify-content:center}.logo-text{font-size:1.5rem;font-weight:800;color:#1b4965;letter-spacing:-.5px}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{color:#4b5563;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.nav-links a:hover{color:#14b8a6}.nav-actions{display:flex;align-items:center;gap:1.5rem}.icon-btn{background:transparent;border:1px solid transparent;border-radius:8px;width:40px;height:40px;cursor:pointer;color:#4b5563;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background:#f3f4f6;color:#111827}.primary-btn{background-color:#1e40af;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #1e40af4d}.primary-btn.nav-btn{padding:.6rem 1.5rem;font-size:.95rem}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #1e40af66;background-color:#1e3a8a}.primary-btn.large{padding:1rem 2rem;font-size:1.1rem}.secondary-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.secondary-btn:hover{background:rgba(255,255,255,.25)}.hero-section{background:linear-gradient(135deg,#1E40AF 0%,#14B8A6 100%);padding:5rem 5% 7rem;text-align:center;color:#fff;position:relative}.hero-title{font-size:3.2rem;font-weight:800;line-height:1.1;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.1);opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.hero-subtitle{font-size:1.1rem;max-width:700px;margin:0 auto 2rem;line-height:1.6;opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .2s forwards}.hero-cta{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .4s forwards}.stats-container{display:flex;justify-content:center;gap:1.5rem;max-width:800px;margin:0 auto}.stat-card.glass{background:rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:1.25rem 1rem;width:180px;display:flex;flex-direction:column;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0}.stat-card.glass:nth-child(1){animation:fadeInUp .8s ease-out .6s forwards}.stat-card.glass:nth-child(2){animation:fadeInUp .8s ease-out .8s forwards}.stat-card.glass:nth-child(3){animation:fadeInUp .8s ease-out 1s forwards}.stat-card.glass:hover{transform:translateY(-10px) scale(1.02);border-color:#fff9;box-shadow:0 15px 30px #0000001a}.stat-icon{margin-bottom:.5rem;opacity:.9}.stat-number{font-size:2.2rem;font-weight:800;margin:0 0 .25rem}.stat-label{font-size:.9rem;font-weight:500;margin:0;opacity:.9;text-align:center}.waves-container{position:absolute;bottom:0;left:0;width:100%;height:80px;line-height:0}.waves{position:relative;width:100%;height:100%;margin-bottom:-7px;min-height:80px;max-height:100px}.parallax>use{animation:moveForever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes moveForever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.features-section{background:linear-gradient(180deg,#ffffff 0%,#f0f9ff 100%);padding:4rem 5% 6rem;text-align:center}.features-header{max-width:700px;margin:0 auto 3rem}.section-title{color:#2b2b2b;font-size:2.8rem;font-weight:800;margin-bottom:1rem}.section-subtitle{color:#666;font-size:1.1rem;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.feature-card{background:white;border:1px solid rgba(20,184,166,.15);border-radius:8px;padding:2.5rem;text-align:left;box-shadow:0 10px 30px #1e40af08;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:hover{box-shadow:0 20px 40px #14b8a61a;transform:translateY(-12px);border-color:#14b8a64d}.feature-icon-wrapper{margin-bottom:1.5rem;color:#14b8a6;background:rgba(20,184,166,.1);display:inline-flex;padding:1rem;border-radius:8px}.feature-card h3{font-size:1.8rem;color:#2b2b2b;margin-bottom:1rem;font-weight:700}.feature-card p{color:#666;font-size:1.1rem;line-height:1.6}.cta-section{background:linear-gradient(135deg,#1E40AF 0%,#14B8A6 50%,#F59E0B 100%);padding:2rem 5%;display:flex;align-items:center;justify-content:center;gap:3rem;color:#fff}.cta-content{flex:1;max-width:450px}.cta-content h2{font-size:2.8rem;font-weight:800;line-height:1.15;margin-bottom:1.25rem}.cta-content p{font-size:1rem;line-height:1.6;margin-bottom:1.25rem;opacity:.9}.cta-btn{margin-top:2rem;background-color:#174cbd;box-shadow:0 4px 15px #14b8a666}.cta-btn:hover{background-color:#0d9488}.cta-graphic{flex:1;display:flex;justify-content:flex-end}.glass-panel{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:2rem 1.5rem;display:flex;gap:.75rem;box-shadow:0 20px 50px #0000001a}.time-tag{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:1rem .75rem;text-align:center;min-width:80px;transition:transform .3s ease}.time-tag:nth-child(1){animation:float 4s ease-in-out infinite}.time-tag:nth-child(2){animation:float 5s ease-in-out infinite 1s}.time-tag:nth-child(3){animation:float 4.5s ease-in-out infinite 2.5s}.time-tag:nth-child(4){animation:float 6s ease-in-out infinite .5s}.time-tag:hover{transform:translateY(-5px) scale(1.05)!important;background:rgba(255,255,255,.4)}.time-tag .time{display:block;font-size:1.4rem;font-weight:700;margin-bottom:.25rem}.time-tag .project{display:block;font-size:.75rem;font-weight:500;opacity:.9}.newsletter-section{background:linear-gradient(135deg,#0f172a 0%,#1E40AF 100%);padding:5rem 5%;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:hidden}.newsletter-section:before{content:"";position:absolute;top:-50%;left:-10%;width:50%;height:200%;background:radial-gradient(circle,rgba(20,184,166,.3) 0%,transparent 70%);border-radius:50%;animation:spinSlow 20s linear infinite}.newsletter-content{position:relative;z-index:1;max-width:500px}.newsletter-content h2{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.newsletter-content p{color:#fffc;font-size:1.1rem}.newsletter-form{position:relative;z-index:1;display:flex;gap:1rem;width:100%;max-width:450px}.newsletter-form input{flex:1;padding:1rem 1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:1rem;outline:none;transition:border-color .3s}.newsletter-form input::placeholder{color:#ffffff80}.newsletter-form input:focus{border-color:#fffc}.subscribe-btn{border-radius:8px;padding:1rem 1.5rem;background-color:#0a6aaa;color:#fff;white-space:nowrap;animation:pulseGlow 2.5s infinite}.subscribe-btn:hover{background-color:#0b08ac}.footer{background-color:#0b0718;color:#fff;padding:5rem 5% 2rem}.footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1.5fr 1.5fr;gap:2rem;margin-bottom:4rem}.footer-brand .footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.footer-brand .logo-text{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.footer-description{color:#8b8a96;line-height:1.6;margin-bottom:2rem;max-width:320px;font-size:.95rem}.social-links{display:flex;gap:1rem}.social-links a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.05);color:#8b8a96;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.social-links a:hover{background:rgba(255,255,255,.1);color:#14b8a6;transform:translateY(-2px);border-color:#14b8a6}.footer-links-group h4{font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;color:#fff}.footer-links-group a{display:block;color:#8b8a96;text-decoration:none;margin-bottom:1rem;font-size:.95rem;transition:color .2s ease}.footer-links-group a:hover{color:#14b8a6}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:#6b6a76;font-size:.9rem}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#6b6a76;text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:#fff}@media (max-width: 992px){.hero-title{font-size:3.5rem}.features-grid{grid-template-columns:1fr}.cta-section{flex-direction:column;text-align:center;gap:4rem}.cta-content{padding-right:0}.cta-graphic{justify-content:center;width:100%}.nav-links{display:none}.newsletter-section{flex-direction:column;text-align:center;gap:2.5rem}.newsletter-content{margin:0 auto}.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}.footer-brand{grid-column:1 / -1}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.stats-container{flex-direction:column;align-items:center}.stat-card.glass{width:100%}.glass-panel{flex-wrap:wrap;justify-content:center}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.newsletter-form{flex-direction:column}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.waves{height:60px;min-height:60px}.waves-container{height:60px}}.auth-layout{display:flex;height:100vh;overflow:hidden;font-family:Inter,sans-serif;background-color:#fff}.auth-sidebar{flex:1;background:linear-gradient(135deg,#1e40af 0%,#14b8a6 50%,#fdd794 100%);color:#fff;padding:2rem 3rem;display:flex;height:100%;flex-direction:column;position:relative;overflow:hidden}.sidebar-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.logo-container{cursor:pointer;margin-bottom:auto;width:fit-content;animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0px rgba(255,255,255,0))}50%{transform:translateY(-3px) scale(1.02);filter:drop-shadow(0 4px 12px rgba(255,255,255,.4))}to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0px rgba(255,255,255,0))}}.sidebar-text{margin-top:auto;margin-bottom:auto;max-width:500px}.sidebar-animate h1{opacity:0;animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) forwards .1s}.sidebar-animate p{opacity:0;animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) forwards .2s}.sidebar-animate .workflow-progress{opacity:0;animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) forwards .3s}.sidebar-animate .auth-features{opacity:0;animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) forwards .4s}.sidebar-text h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.1)}.sidebar-text p{font-size:1.2rem;line-height:1.6;opacity:.9;margin-bottom:2rem}.morph-shape{position:absolute;filter:blur(40px);z-index:0;animation:morphShape 15s infinite linear}.morph-shape.shape-1{width:300px;height:300px;background:rgba(255,255,255,.15);top:-10%;left:-10%;animation-delay:0s}.morph-shape.shape-2{width:400px;height:400px;background:rgba(20,184,166,.2);bottom:-20%;right:-10%;animation-delay:5s}.morph-shape.shape-3{width:250px;height:250px;background:rgba(245,158,11,.2);top:40%;right:10%;animation-delay:2.5s}.morph-shape.shape-4{width:350px;height:350px;background:rgba(30,64,175,.2);bottom:20%;left:5%;animation-delay:7s}@keyframes morphShape{0%,to{border-radius:30% 70% 70% 30%;transform:rotate(0) scale(1)}25%{border-radius:58% 42% 75% 25%;transform:rotate(90deg) scale(1.1)}50%{border-radius:50% 50% 33% 67%;transform:rotate(180deg) scale(.9)}75%{border-radius:33% 67% 58% 42%;transform:rotate(270deg) scale(1.05)}}.auth-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.particle{position:absolute;background:white;width:4px;height:4px;border-radius:50%;opacity:0;animation:float-particle 20s infinite linear}.particle.p-1{left:10%;animation-delay:0s}.particle.p-2{left:20%;animation-delay:2s}.particle.p-3{left:30%;animation-delay:4s}.particle.p-4{left:45%;animation-delay:6s}.particle.p-5{left:55%;animation-delay:8s}.particle.p-6{left:65%;animation-delay:10s}.particle.p-7{left:75%;animation-delay:12s}.particle.p-8{left:85%;animation-delay:14s}.particle.p-9{left:95%;animation-delay:16s}@keyframes float-particle{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.6}50%{transform:translateY(50vh) translate(20px);opacity:1}90%{opacity:.6}to{transform:translateY(-10vh) translate(-20px);opacity:0}}.workflow-progress{margin:2rem 0;max-width:400px}.workflow-progress h6{font-size:.75rem;font-weight:800;letter-spacing:1px;margin-bottom:1.5rem;color:#ffffffe6}.progress-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.progress-track{flex:1;height:6px;background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden}.progress-fill{height:100%;border-radius:10px;transform-origin:left;position:relative;overflow:hidden}.progress-fill.blue{background:linear-gradient(90deg,rgba(30,64,175,.8),#60a5fa,rgba(30,64,175,.8));background-size:200% 100%;animation:fillBar 1.5s cubic-bezier(.2,.8,.2,1) forwards,gradientFlow 2.5s linear infinite}.progress-fill.teal{background:linear-gradient(90deg,rgba(20,184,166,.8),#5eead4,rgba(20,184,166,.8));background-size:200% 100%;animation:fillBar 1.5s cubic-bezier(.2,.8,.2,1) forwards,gradientFlow 2.5s linear infinite}.progress-fill.amber{background:linear-gradient(90deg,rgba(245,158,11,.8),#fcd34d,rgba(245,158,11,.8));background-size:200% 100%;animation:fillBar 1.5s cubic-bezier(.2,.8,.2,1) forwards,gradientFlow 2.5s linear infinite}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite ease-in-out}@keyframes fillBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes gradientFlow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{left:-100%}to{left:200%}}.progress-icon{color:#fff9}.progress-icon.checked{color:#14b8a6}.auth-features{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.auth-features span{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:#fff}.auth-features span svg{color:#fff;fill:#fff;stroke:#14b8a6}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#fff;height:100%;overflow-y:auto}.auth-form-container{width:100%;max-width:480px;margin:auto;padding:1rem 0}.form-animate{animation:fadeSlideLeft .6s cubic-bezier(.16,1,.3,1) forwards}.form-header{margin-bottom:1.5rem}.form-header h2{font-size:2rem;font-weight:800;color:#111827;margin-bottom:.5rem}.form-header p{color:#6b7280;font-size:1rem}.text-btn{background:none;border:none;color:#14b8a6;font-weight:600;padding:0;cursor:pointer;font-size:1rem;transition:color .2s}.text-btn:hover{color:#0d9488;text-decoration:underline}.social-login{display:flex;gap:1rem;margin-bottom:1.5rem}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem;border:1px solid #e5e7eb;border-radius:8px;background:white;color:#374151;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.social-btn:hover{background:#f9fafb;border-color:#d1d5db}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-animate .form-header{opacity:0;animation:fadeSlideUp .5s forwards .1s}.form-animate .social-login{opacity:0;animation:fadeSlideUp .5s forwards .2s}.form-animate .auth-form>*{opacity:0;animation:fadeSlideLeft .5s forwards}.form-animate .auth-form>*:nth-child(1){animation-delay:.3s}.form-animate .auth-form>*:nth-child(2){animation-delay:.4s}.form-animate .auth-form>*:nth-child(3){animation-delay:.5s}.form-animate .auth-form>*:nth-child(4){animation-delay:.6s}.form-animate .auth-form>*:nth-child(5){animation-delay:.7s}.form-animate .auth-form>*:nth-child(6){animation-delay:.8s}.form-animate .auth-form>*:nth-child(7){animation-delay:.9s}.input-row{display:flex;gap:1rem}.input-row .input-group{flex:1}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-group label{font-size:.8rem;font-weight:600;color:#374151}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:1rem;color:#9ca3af;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.input-with-icon:focus-within svg:not(.password-eye svg){color:#14b8a6;transform:scale(1.2) translate(2px)}.password-eye{position:absolute;right:1rem;color:#9ca3af;cursor:pointer;display:flex;align-items:center}.password-eye:hover{color:#4b5563}.password-eye svg{position:relative;left:0;pointer-events:auto}.input-with-icon input,.auth-select{width:100%;padding:.8rem 1rem .8rem 2.8rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#111827;outline:none;transition:border-color .2s,box-shadow .2s;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.auth-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.input-with-icon input::placeholder{color:#d1d5db}.input-with-icon input:focus,.auth-select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.forgot-pw-wrapper{text-align:right;margin-top:.25rem}.forgot-password{color:#14b8a6;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#0d9488;text-decoration:underline}.submit-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#1E40AF 0%,#14B8A6 100%);color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #14b8a64d}.submit-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:buttonShine 3s infinite}@keyframes buttonShine{0%{left:-100%}20%{left:200%}to{left:200%}}.submit-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 16px #14b8a666}.submit-btn:active{transform:translateY(1px)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.recovery-visual{margin-top:3rem;max-width:400px}.recovery-visual h6{font-size:.75rem;font-weight:800;letter-spacing:1px;margin-bottom:1.5rem;color:#ffffffe6}.recovery-box{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem 1.25rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between}.recovery-box.active{border:1px solid rgba(20,184,166,.8);background:rgba(20,184,166,.1)}.r-lines{display:flex;align-items:center;gap:.5rem;flex:1}.r-line{height:6px;background:rgba(255,255,255,.2);border-radius:4px}.w-40{width:40px}.w-20{width:20px}.w-10{width:10px}.r-icon{color:#ffffff80}.r-icon.checked{color:#14b8a6}.recovery-box .progress-track.small{height:6px;width:100%;max-width:150px;background:rgba(255,255,255,.1)}.recovery-box .progress-track.tiny{height:6px;width:40px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.1)}.recovery-dots{display:flex;gap:8px;margin-top:1.5rem}.recovery-dots span{width:6px;height:6px;background:rgba(255,255,255,.3);border-radius:50%}@media (max-width: 1024px){.sidebar-text h1{font-size:2.8rem}}@media (max-width: 900px){.auth-layout{flex-direction:column;overflow-y:auto;height:auto;min-height:100vh}.auth-sidebar{padding:3rem 2rem;flex:none;min-height:400px;justify-content:center}.sidebar-text{margin:2rem 0}.sidebar-text h1{font-size:2.2rem}.auth-main{padding:3rem 1.5rem;flex:none;height:auto;overflow:visible}.auth-form-container{max-width:100%}.input-row{flex-direction:column;gap:1rem}}@media (max-width: 480px){.sidebar-text h1{font-size:1.8rem}.social-login{flex-direction:column}.auth-sidebar{padding:2rem 1.5rem;min-height:350px}}.toast-container{position:fixed;top:24px;right:24px;min-width:300px;max-width:450px;padding:1rem 1.25rem;border-radius:12px;display:flex;align-items:center;gap:1rem;z-index:9999;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-animate{animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastSlideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#ecfdf5;color:#065f46;border-left:5px solid #10b981}.toast-error{background:#fef2f2;color:#991b1b;border-left:5px solid #ef4444}.toast-info{background:#eff6ff;color:#1e40af;border-left:5px solid #3b82f6}.toast-icon{display:flex;align-items:center;justify-content:center}.toast-content p{margin:0;font-size:.9rem;font-weight:600}.toast-close{margin-left:auto;background:transparent;border:none;color:currentColor;opacity:.5;cursor:pointer;transition:opacity .2s;display:flex}.toast-close:hover{opacity:1}.custom-datepicker-container{position:relative;width:100%}.dp-label{font-size:.8rem;font-weight:700;color:#475569;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.dp-input-wrapper{position:relative;cursor:pointer}.dp-input{width:100%;padding:.8rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#1e293b;background-color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.dp-input-wrapper:hover .dp-input{border-color:#cbd5e1}.dp-input-wrapper:focus-within .dp-input{border-color:#0052cc;box-shadow:0 0 0 4px #0052cc14}.dp-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.dp-popup{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:white;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid #e2e8f0;z-index:10000;padding:1rem;animation:dpFadeIn .2s ease-out}.dp-popup.open-upward{top:auto;bottom:calc(100% + 8px);animation:dpFadeInUp .2s ease-out}@keyframes dpFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dpFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dp-header button{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:4px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.dp-header button:hover{background:#f8fafc;color:#0052cc}.dp-month-year{font-weight:700;color:#1e293b;font-size:.9rem}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem}.dp-weekdays span{text-align:center;font-size:.75rem;font-weight:700;color:#94a3b8}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#475569;cursor:pointer;border-radius:6px;transition:all .2s}.dp-day:hover:not(.empty){background-color:#f1f5f9;color:#0052cc}.dp-day.selected{background-color:#0052cc!important;color:#fff!important;font-weight:700}.dp-day.today{color:#0052cc;font-weight:800;background-color:#eff6ff}.dp-day.empty{cursor:default}.dp-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid #f1f5f9;display:flex;justify-content:center}.dp-today-btn{background:none;border:none;color:#0052cc;font-weight:700;font-size:.85rem;cursor:pointer;padding:4px 12px;border-radius:4px}.dp-today-btn:hover{background:#eff6ff}:root{--summary-bg: #f8fafc;--card-bg: rgba(255, 255, 255, .8);--accent-primary: #6366f1;--accent-secondary: #a855f7;--text-main: #1e293b;--text-muted: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444}.summary-tab-container{padding:2.5rem;background:var(--summary-bg);min-height:100vh;animation:fadeIn .5s ease-out}@media (max-width: 768px){.summary-tab-container{padding:1.5rem 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.summary-header{margin-bottom:2.5rem}@media (max-width: 640px){.summary-header h2{font-size:1.5rem!important}.summary-header p{font-size:.95rem!important}}.summary-header h2{font-size:2rem;font-weight:800;color:var(--text-main);letter-spacing:-.025em;margin-bottom:.5rem}.summary-header p{color:var(--text-muted);font-size:1.1rem}.summary-hero-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}@media (max-width: 1200px){.summary-hero-grid{grid-template-columns:1fr 1fr}.progress-card{grid-column:1 / -1}}@media (max-width: 768px){.summary-hero-grid{grid-template-columns:1fr;gap:1rem}}.progress-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-radius:24px;padding:2rem;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 25px -5px #0000001a;position:relative;overflow:hidden}@media (max-width: 480px){.progress-card{flex-direction:column;text-align:center;gap:1.5rem}}.progress-card:after{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);pointer-events:none}.progress-info h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;opacity:.9}.progress-info .progress-value{font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:1rem}.progress-info .progress-status{display:inline-block;padding:.4rem 1rem;background:rgba(255,255,255,.1);border-radius:100px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.progress-visual{width:140px;height:140px;position:relative}.progress-visual svg{transform:rotate(-90deg)}.circle-bg{stroke:#ffffff1a}.circle-main{stroke:url(#progressGradient);transition:stroke-dasharray 1s ease-in-out}.stat-card-premium{background:white;border-radius:24px;padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(226,232,240,.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card-premium:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d;border-color:var(--accent-primary)}.stat-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.stat-card-premium .label{color:var(--text-muted);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-card-premium .value{font-size:2rem;font-weight:800;color:var(--text-main)}.stat-card-premium .trend{margin-top:1rem;font-size:.85rem;display:flex;align-items:center;gap:.4rem}.bg-indigo{background:#eef2ff;color:#6366f1}.bg-emerald{background:#ecfdf5;color:#10b981}.bg-amber{background:#fffbeb;color:#f59e0b}.bg-rose{background:#fff1f2;color:#f43f5e}.summary-secondary-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media (max-width: 1024px){.summary-secondary-grid{grid-template-columns:1fr;gap:1.5rem}}.glass-card{background:white;border-radius:24px;padding:2rem;border:1px solid #f1f5f9;box-shadow:0 4px 6px -1px #00000005}.glass-card h3{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.priority-list{display:flex;flex-direction:column;gap:1.5rem}.priority-item{display:flex;flex-direction:column;gap:.75rem}.priority-info{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600}.priority-bar-container{height:10px;background:#f1f5f9;border-radius:100px;overflow:hidden}.priority-bar-fill{height:100%;border-radius:100px;transition:width 1s ease-out}.detail-list{display:flex;flex-direction:column;gap:1.25rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #f8fafc}.detail-row:last-child{border:none}.detail-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.detail-value{color:var(--text-main);font-size:.95rem;font-weight:700}.detail-value.badge{background:#f1f5f9;padding:.3rem .8rem;border-radius:100px;font-size:.8rem}.summary-col{display:flex;flex-direction:column;gap:2rem}.donut-section-v3{display:flex;align-items:center;gap:2rem;padding:1rem 0}@media (max-width: 480px){.donut-section-v3{flex-direction:column;gap:1.5rem}}.donut-wrapper-v3{position:relative;width:120px;height:120px}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.donut-center .count-v3{font-size:1.5rem;font-weight:800;color:var(--text-main);line-height:1}.donut-center .label-v3{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.summary-empty-state{height:100%;display:flex;align-items:center;justify-content:center;padding:4rem}@media (max-width: 640px){.summary-empty-state{padding:2rem 1rem}}.board-tab-container{padding:1rem 0;background:#f8fafc;min-height:calc(100vh - 250px)}.board-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.board-stats-row{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.board-stats-row{grid-template-columns:1fr}}.board-stat-card{background:white;border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9;transition:transform .2s}.board-stat-card:hover{transform:translateY(-4px)}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.bg-blue{background:#eef2ff!important;color:#0052cc!important}.bg-orange{background:#fff7ed!important;color:#ffab00!important}.bg-purple{background:#faf5ff;color:#a855f7}.stat-details{display:flex;flex-direction:column}.stat-label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.stat-value{font-size:1.25rem;font-weight:800;color:#1e293b}.board-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:white;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}@media (max-width: 768px){.board-controls{flex-direction:column;gap:1rem;align-items:stretch}.search-wrapper{width:100%!important}.controls-right{justify-content:space-between}}.search-wrapper{position:relative;width:300px}.search-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8}.search-wrapper input{width:100%;padding:.6rem 1rem .6rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem}.controls-right{display:flex;gap:1rem;align-items:center}.view-toggle{display:flex;gap:.5rem;background:#f8fafc;padding:.4rem;border-radius:8px;border:1px solid #e2e8f0}.toggle-btn{background:transparent;border:none;padding:.4rem;border-radius:6px;color:#64748b;cursor:pointer;display:flex}.toggle-btn.active{background:white;color:#0052cc;box-shadow:0 2px 4px #0000000d}.kanban-board{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:1.5rem;-webkit-overflow-scrolling:touch}.kanban-column{flex:0 0 300px;background:#f1f5f9;border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 400px);border:2px solid transparent;transition:all .2s}@media (max-width: 640px){.kanban-column{flex:0 0 260px}}.kanban-column.drag-over{background:#e2e8f0;border-color:#6366f1}.column-header{padding:1.25rem;display:flex;justify-content:space-between;align-items:center}.column-header h3{font-size:.85rem;font-weight:700;color:#475569;letter-spacing:.05em}.column-count{background:#e2e8f0;color:#475569;font-size:.75rem;font-weight:700;padding:.1rem .5rem;border-radius:100px}.column-content{flex:1;padding:0 .75rem .75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.task-card{background:white;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid transparent;cursor:grab;transition:all .2s}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;border-color:#cbd5e1}.task-card:active{cursor:grabbing}.task-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.priority-badge{font-size:.65rem;font-weight:800;padding:.2rem .6rem;border-radius:4px;text-transform:uppercase}.priority-badge.highest,.priority-badge.high{background:#fee2e2;color:#ef4444}.priority-badge.medium{background:#fff7ed!important;color:#ffab00!important}.priority-badge.low,.priority-badge.lowest{background:#f0fdf4;color:#22c55e}.task-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.task-card:hover .task-actions{opacity:1}.task-actions span{color:#94a3b8;transition:color .2s}.task-actions span:hover{color:#1e293b}.task-title{font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:1rem;line-height:1.4}.task-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #f1f5f9}.task-info{display:flex;gap:.75rem}.info-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#64748b;font-weight:600}.task-assignee{width:24px;height:24px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b}.add-task-btn{width:100%;padding:.75rem;background:transparent;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;margin-top:.5rem}.add-task-btn:hover{background:rgba(255,255,255,.5);border-color:#6366f1;color:#6366f1}.list-view-container{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;margin-top:1rem}.list-view-header{display:flex;min-width:600px;background:#f8fafc;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;font-weight:700;color:#475569;font-size:.85rem;text-transform:uppercase;letter-spacing:.025em}.list-view-row{display:flex;min-width:600px;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:background .2s}.list-view-row:hover{background:#f8fafc}.list-view-row:last-child{border-bottom:none}.list-col-task{flex:2;display:flex;flex-direction:column;gap:.25rem}.list-col-status,.list-col-priority{flex:1}.list-col-date{flex:1;color:#64748b;font-size:.85rem}.list-col-actions{flex:0 0 50px;text-align:right}.task-key{font-size:.7rem;font-weight:700;color:#0052cc;text-transform:uppercase}.task-summary{font-size:.9rem;font-weight:600;color:#1e293b}.status-pill,.priority-pill{font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:100px;text-transform:uppercase}.status-pill.todo{background:#f1f5f9;color:#475569}.status-pill.inprogress{background:#e0f2fe;color:#0284c7}.status-pill.inreview{background:#fef3c7;color:#d97706}.status-pill.done{background:#dcfce7;color:#16a34a}.priority-pill.highest,.priority-pill.high{background:#fee2e2;color:#ef4444}.priority-pill.medium{background:#fff7ed;color:#ffab00}.priority-pill.low,.priority-pill.lowest{background:#f0fdf4;color:#22c55e}.list-action-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.list-action-btn:hover{background:#fee2e2;color:#ef4444}.no-tasks-message{padding:3rem;text-align:center;color:#64748b;font-style:italic}.task-list-container{display:flex;flex-direction:column;gap:1.5rem;background-color:#fff}.list-controls{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.list-controls{flex-direction:column;gap:1rem;align-items:stretch}.search-box{width:100%!important}}.controls-left{display:flex;gap:.75rem}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:white;border:1px solid #dfe1e6;border-radius:4px;color:#42526e;font-size:.85rem;font-weight:600;cursor:pointer}.search-box{position:relative;width:260px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6b778c}.search-box input{width:100%;padding:.5rem 1rem .5rem 2.25rem;border:1px solid #dfe1e6;border-radius:4px;font-size:.85rem;background-color:#fafbfc}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f4f5f7;border:1px solid #dfe1e6;border-radius:4px;color:#42526e;font-size:.85rem;font-weight:600;cursor:pointer}.table-wrapper{border:1px solid #dfe1e6;border-radius:4px;overflow-x:auto}.task-table{width:100%;border-collapse:collapse;font-size:.85rem}.task-table th{background-color:#fff;color:#6b778c;font-weight:700;text-align:left;padding:.75rem 1rem;border-bottom:2px solid #dfe1e6;white-space:nowrap}.task-table th.sortable{display:flex;align-items:center;gap:.5rem;cursor:pointer}.task-table td{padding:.75rem 1rem;border-bottom:1px solid #dfe1e6;color:#172b4d;vertical-align:middle}.task-id{color:#0052cc;font-weight:600}.project-cell{display:flex;align-items:center;gap:.5rem}.p-icon{width:18px;height:18px;background-color:#36b37e;color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center}.user-badge{display:flex;align-items:center;gap:.75rem}.u-img{width:24px;height:24px;background-color:#ebecf0;color:#6b778c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.bg-blue-badge{background-color:#deebff;color:#0052cc}.priority-select-container{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:4px;transition:background .2s;cursor:pointer}.priority-select-container:hover{background-color:#f4f5f7}.priority-select-minimal{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:#42526e;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;outline:none;padding-right:10px}.status-badge-container{display:inline-flex;align-items:center;position:relative;padding:.1rem .5rem;border-radius:4px;font-weight:700;font-size:.75rem;transition:all .2s;min-width:110px}.status-badge-container.todo{background-color:#f4f5f7;color:#42526e}.status-badge-container.inprogress{background-color:#deebff;color:#0052cc}.status-badge-container.inreview{background-color:#eae6ff;color:#403294}.status-badge-container.done{background-color:#e3fcef;color:#064}.status-select-minimal{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:inherit;font-family:inherit;font-size:.75rem;font-weight:700;width:100%;cursor:pointer;padding:.25rem .5rem;text-transform:uppercase;outline:none}.status-badge-container:hover{filter:brightness(.95)}.select-arrow{position:absolute;right:8px;pointer-events:none;opacity:.7}.text-secondary{color:#6b778c}.action-cell{display:flex;gap:1rem;color:#6b778c;cursor:pointer}.action-cell svg:hover{color:#0052cc}.list-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.footer-left{display:flex;align-items:center;gap:1.5rem}.create-new-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background-color:#0052cc;color:#fff;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer}.entries-info{font-size:.85rem;color:#6b778c}.footer-right{display:flex;align-items:center;gap:2rem}.pagination{display:flex;gap:.5rem}.page-btn{padding:.4rem .75rem;border:1px solid #dfe1e6;background:white;border-radius:4px;font-size:.85rem;font-weight:600;color:#42526e;cursor:pointer;display:flex;align-items:center;gap:.25rem}.page-btn.active{background-color:#0052cc;color:#fff;border-color:#0052cc}.rows-per-page{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#42526e}.rows-per-page select{padding:.25rem .5rem;border:1px solid #dfe1e6;border-radius:4px;background:#fafbfc}.status-legend{display:flex;gap:2rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#42526e;font-weight:500}.l-dot{width:8px;height:8px;border-radius:50%}.l-dot.todo{background-color:#42526e}.l-dot.in-progress{background-color:#0052cc}.l-dot.in-review{background-color:#6554c0}.l-dot.completed{background-color:#36b37e}.l-dot.on-hold{background-color:#ffab00}.timeline-container{display:flex;flex-direction:column;gap:1.5rem;background-color:transparent;height:100%}.timeline-controls{display:flex;justify-content:space-between;align-items:center;background:white;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000000d}.controls-left{display:flex;gap:.75rem;align-items:center}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.control-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.search-box{position:relative;width:280px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-box input{width:100%;padding:.55rem 1rem .55rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;background-color:#f8fafc;transition:all .2s}.search-box input:focus{background-color:#fff;border-color:#0052cc;box-shadow:0 0 0 3px #0052cc1a;outline:none}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;background:#0052cc;border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0052cc33}.export-btn:hover{background:#0747a6;transform:translateY(-1px);box-shadow:0 6px 16px #0052cc4d}.timeline-chart-wrapper{background:white;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow-x:auto;border:1px solid #f1f5f9;position:relative}.chart-header{display:flex;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.description-col{width:220px;min-width:220px;padding:1.25rem 1.5rem;font-weight:800;font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid #e2e8f0}.dates-row{flex:1;display:flex;min-width:800px}.date-marker{flex:1;padding:1.25rem 0;text-align:center;font-size:.8rem;font-weight:700;color:#64748b;border-right:1px solid #f1f5f9}.chart-body{position:relative;min-width:1020px;padding:.5rem 0;background-image:linear-gradient(to right,#f1f5f9 1px,transparent 1px);background-size:calc((100% - 220px)/5) 100%;background-position:220px 0}.grid-lines{display:none}.task-row{display:flex;align-items:center;border-bottom:1px solid #f1f5f9;transition:background .1s}.task-row:hover{background-color:#fcfdfe}.description-cell{width:220px;min-width:220px;padding:1rem 1.5rem;border-right:1px solid #f1f5f9;background:white;z-index:2}.task-summary-text{font-size:.85rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-area{flex:1;position:relative;height:48px;display:flex;align-items:center;padding:0 10px}.gantt-bar{position:absolute;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 .5rem;color:#fff;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 4px 10px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:clip;z-index:1}.gantt-bar:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 15px #00000026;z-index:5}.gantt-bar.blue{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-left:4px solid #1e3a8a}.gantt-bar.dark-blue{background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);border-left:4px solid #075985}.gantt-bar.purple{background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%);border-left:4px solid #581c87}.gantt-bar.green{background:linear-gradient(135deg,#10b981 0%,#047857 100%);border-left:4px solid #064e3b}.timeline-chart-wrapper::-webkit-scrollbar{height:8px}.timeline-chart-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.timeline-chart-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.timeline-chart-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.calendar-tab-container{display:flex;flex-direction:column}.calendar-view-container{background:#0b0f19;border-radius:20px;box-shadow:0 20px 40px #0003;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;margin-bottom:2rem}.calendar-header{background-color:#0f172a;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.cal-nav{display:flex;align-items:center;gap:1.5rem}.cal-nav h2{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.02em;min-width:200px;text-align:center}.cal-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cal-btn:hover{background:rgba(255,255,255,.1)}.cal-actions{display:flex;gap:.75rem}.today-btn,.export-btn{background:white;color:#1e293b;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.today-btn:hover,.export-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.grid-header{display:grid;grid-template-columns:repeat(7,1fr);background-color:#0f172a;border-bottom:1px solid rgba(255,255,255,.05);padding:1rem 0}.grid-header span{text-align:center;font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.1em}.grid-body{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(120px,auto);flex:1}.grid-cell{border-right:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.03);padding:.75rem;display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer;position:relative;background:#0b111e}.grid-cell:hover{background:#0f172a}.grid-cell.other-month{opacity:.3}.grid-cell.current{background:rgba(0,82,204,.1)}.grid-cell.current .day-num{background:#0052cc;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #0052cc66}.cell-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.day-num{font-size:.9rem;font-weight:700;color:#94a3b8}.add-day-task{background:transparent;border:none;color:#64748b;opacity:0;transition:all .2s;cursor:pointer}.grid-cell:hover .add-day-task{opacity:1}.cell-tasks{display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;max-height:80px}.calendar-task-pill{font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-task-pill.todo{background:#3b82f6}.calendar-task-pill.inprogress{background:#f97316}.calendar-task-pill.inreview{background:#a855f7}.calendar-task-pill.done{background:#10b981}.calendar-legend{display:flex;padding:1.25rem 2rem;background-color:#0f172a;border-top:1px solid rgba(255,255,255,.05);gap:2rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:600;color:#94a3b8}.dot{width:10px;height:10px;border-radius:50%}.dot.todo{background-color:#3b82f6}.dot.inprogress{background-color:#f97316}.dot.inreview{background-color:#a855f7}.dot.done{background-color:#10b981}.dot.high-priority{background-color:#ef4444;box-shadow:0 0 8px #ef444480}.members-tab-container{padding:2rem;background:#f8fafc;min-height:calc(100vh - 200px)}.members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-left{display:flex;gap:1.5rem;align-items:center}.members-count-badge{display:flex;align-items:center;gap:.5rem;background:white;padding:.5rem 1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-weight:600;color:#1e293b}.members-search{position:relative;width:300px}.members-search .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8}.members-search input{width:100%;padding:.6rem 1rem .6rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;background:white;transition:all .2s}.members-search input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.member-card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9;transition:transform .2s,box-shadow .2s}.member-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.member-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.member-avatar{width:50px;height:50px;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #6366f14d}.member-info{margin-bottom:1.25rem}.member-name{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.member-role-badge{display:inline-flex;align-items:center;gap:.35rem;background:#f1f5f9;color:#475569;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.member-details{border-top:1px solid #f1f5f9;padding-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.85rem}.member-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#10b981;margin-bottom:1.5rem;font-weight:500}.active-icon{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.member-footer{display:flex;gap:.75rem}.btn-view-profile{flex:1;padding:.6rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-view-profile:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-remove-member{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#ef4444;cursor:pointer;transition:all .2s}.btn-remove-member:hover{background:#fee2e2;color:#dc2626}.loading-state,.empty-members{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:white;border-radius:16px;color:#64748b}.empty-members h3{margin:1rem 0 .5rem;color:#1e293b}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .3s ease}.confirm-modal-container{background:white;width:100%;max-width:400px;border-radius:16px;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.confirm-icon-bg{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.confirm-icon-bg.danger{background:#fee2e2;color:#ef4444}.confirm-icon-bg.warning{background:#fff7ed;color:#f97316}.confirm-icon-bg.info{background:#eef2ff;color:#6366f1}.close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;transition:color .2s}.close-btn:hover{color:#475569}.confirm-modal-content h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.confirm-modal-content p{font-size:.95rem;color:#64748b;line-height:1.5;margin-bottom:1.5rem}.confirm-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-modal-actions button{padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.cancel-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.cancel-btn:hover{background:#e2e8f0}.confirm-btn.danger{background:#ef4444;border:none;color:#fff}.confirm-btn.danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.confirm-btn.info{background:#0052cc;border:none;color:#fff}:root{--primary-blue: #0052cc;--sidebar-width: 260px;--brand-yellow: #ffab00;--secondary-blue: #0747a6;--bg-light: #f4f5f7;--header-height: 64px;--border-color: #dfe1e6;--bg-main: #f8fafc;--text-main: #172b4d;--text-secondary: #5e6c84}*{box-sizing:border-box}.dashboard-wrapper{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-main);color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}.top-navbar{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background-color:#fff;border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:100;box-shadow:0 1px 3px #00000005}.navbar-left{display:flex;align-items:center;gap:1.5rem;width:300px}.mobile-menu-btn{display:none;background:white;border:1.5px solid #e2e8f0;color:var(--text-main);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s;align-items:center;justify-content:center;margin-right:.5rem;box-shadow:0 2px 4px #0000000d}.mobile-menu-btn:hover{background-color:#f8fafc;border-color:var(--primary-blue);color:var(--primary-blue)}.sidebar-toggle-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s}.sidebar-toggle-btn:hover{background-color:#f1f5f9;color:var(--primary-blue)}.navbar-brand{display:flex;align-items:center;gap:.75rem}.navbar-center{flex:1;display:flex;justify-content:center}.navbar-search{display:flex;align-items:center;gap:.75rem;background-color:#f1f5f9;padding:.4rem .8rem;border-radius:10px;width:100%;max-width:320px;border:1px solid #e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1)}.navbar-search:focus-within{background-color:#fff;border-color:var(--primary-blue);box-shadow:0 4px 12px #0052cc1a;max-width:380px}.navbar-search input{background:none;border:none;outline:none;font-size:.85rem;width:100%;color:var(--text-main)}.navbar-search input::placeholder{color:#94a3b8}.search-icon{color:var(--text-secondary)}.navbar-right{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;width:300px}.create-btn{background-color:var(--primary-blue);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.create-btn:hover{background-color:#0747a6}.create-task-btn{display:flex;align-items:center;gap:.5rem;background:#0052cc;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0052cc33}.create-task-btn:hover{background:#0040a3;transform:translateY(-1px);box-shadow:0 6px 16px #0052cc4d}.create-task-btn:active{transform:translateY(0)}.notif-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.notif-btn:hover{background-color:#f1f5f9}.user-profile-wrapper{position:relative}.user-dropdown{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.25rem;border-radius:50%;transition:background .2s}.user-dropdown:hover{background-color:#f1f5f9}.user-avatar-small{width:36px;height:36px;background-color:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-blue);border:1px solid transparent;transition:border-color .2s}.user-dropdown:hover .user-avatar-small{border-color:#bfdbfe}.profile-menu{position:absolute;top:calc(100% + 12px);right:0;width:240px;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:.75rem;z-index:1000}.menu-user-info{padding:.5rem .75rem;display:flex;flex-direction:column}.full-name{font-weight:700;font-size:.9rem;color:var(--text-main);text-transform:uppercase}.username{font-size:.75rem;color:var(--text-secondary);margin-bottom:.15rem}.user-email{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;opacity:.8}.user-email span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-divider{height:1px;background-color:var(--border-color);margin:.5rem 0}.menu-item-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:none;border:none;border-radius:4px;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.menu-item-btn:hover{background-color:#f1f5f9;color:var(--primary-blue)}.dashboard-body{display:flex;flex:1;overflow:hidden;position:relative}.floating-white-sidebar{width:250px;height:calc(100% - 2rem);margin:1rem;background-color:#fff;border-radius:24px;display:flex;flex-direction:column;padding:1.5rem .75rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;flex-shrink:0;z-index:1000;position:relative;border:2px solid transparent;background-image:linear-gradient(white,white),linear-gradient(135deg,#0052cc 0%,#ffab00 100%);background-origin:border-box;background-clip:padding-box,border-box}.sidebar-close-btn{display:none}@media (max-width: 768px){.floating-white-sidebar{position:fixed;left:-300px;top:64px;height:calc(100% - 80px);margin:8px;width:280px;z-index:2000;transition:left .3s cubic-bezier(.4,0,.2,1)}.floating-white-sidebar.mobile-open{left:0}.sidebar-close-btn{display:flex;position:absolute;top:1rem;right:1rem;background:#f1f5f9;border:none;padding:8px;border-radius:50%;color:#64748b;cursor:pointer;z-index:2001}.mobile-menu-btn{display:flex}.navbar-left{width:auto;gap:.5rem}.navbar-search{display:none}.navbar-right{width:auto;gap:.75rem}.create-task-btn span{display:none}.create-task-btn{padding:.5rem;width:38px;height:38px;justify-content:center}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;animation:fadeIn .3s ease-out}}.sidebar-content{flex:1;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;border-radius:12px;color:#64748b;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;margin-bottom:.25rem}.nav-item:hover{color:#1e293b;background:#f8fafc}.nav-item.active{background-color:#0052cc;color:#fff;box-shadow:0 4px 12px #0052cc33}.header-breadcrumbs-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.breadcrumb-separator{margin:0 .5rem;color:#94a3b8;font-size:.9rem}.breadcrumb-current{color:#64748b;font-size:.85rem;font-weight:500}.project-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.sidebar-section{margin-top:1rem}.section-label{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.75rem;font-weight:700;color:#94a3b8;letter-spacing:.05em}.add-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-btn:hover{background:#f1f5f9;color:#1e293b}.section-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border-radius:10px;color:#475569;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.section-header:hover{background:#f8fafc;color:#1e293b}.section-title-group{display:flex;align-items:center;gap:.75rem}.arrow-icon{transition:transform .3s;opacity:.5}.arrow-icon.rotate{transform:rotate(180deg)}.projects-nested-sections{padding-bottom:.5rem}.nested-sub-label{padding:.75rem 1rem .25rem 2.25rem;font-size:.7rem;font-weight:800;color:#2dd4da;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.projects-list,.status-list{padding:.1rem .5rem .1rem 1.5rem;display:flex;flex-direction:column;gap:.1rem}.project-item,.status-item{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem .4rem 1.25rem;border-radius:8px;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.project-item:hover,.status-item:hover{background:#f1f5f9;color:#1e293b}.project-item.active{background:#e6effc;color:#0052cc;font-weight:700}.project-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item-actions{display:none;align-items:center;gap:.25rem;margin-left:auto;flex-shrink:0}.project-item:hover .project-item-actions{display:flex}.project-item-actions span{display:flex;align-items:center;padding:.15rem;border-radius:4px;color:#64748b;transition:all .15s}.project-item-actions span:hover{background:#dbeafe;color:#0052cc}.project-item-actions span:last-child:hover{background:#fee2e2;color:#dc2626}.project-box-icon{width:18px;height:18px;background:#0052cc;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;flex-shrink:0}.project-box-icon.contribution{background:#8b5cf6}.dot{flex-shrink:0}.dot.todo{color:#94a3b8}.dot.in-progress{color:#3b82f6}.dot.on-hold{color:#f59e0b}.empty-text{padding:.5rem 1rem;font-size:.75rem;color:#94a3b8;font-style:italic}.sidebar-footer-actions{padding-top:1rem;margin-top:auto;border-top:1px solid #f1f5f9}.invite-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.invite-button:hover{background:#ffffff;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.main-viewport{flex:1;display:flex;flex-direction:column;height:100%;background-color:#fff;overflow:hidden;min-width:0}.project-header-info{padding:2rem 2.5rem 0}.project-breadcrumb{display:flex;flex-direction:column}.folder-crumb{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.project-title{font-size:1.5rem;font-weight:700;color:#172b4d;letter-spacing:-.01em}.header-top-row{margin-bottom:.75rem}.compact-btn{background:#f4f5f7;border:none;padding:.4rem 1rem;border-radius:4px;font-size:.8rem;font-weight:600;color:#42526e;cursor:pointer}.project-title-row{display:flex;justify-content:space-between;align-items:center}.folder-icon-bg{width:24px;height:24px;background-color:#0052cc;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center}.header-actions{display:flex;gap:.5rem}.action-icon-btn{background:white;border:1px solid #dfe1e6;border-radius:4px;padding:.4rem;color:#42526e;cursor:pointer;display:flex;align-items:center;justify-content:center}.action-icon-btn:hover{background:#f4f5f7}.tabs-navigation{padding:0 2.5rem;display:flex;gap:2rem;border-bottom:1px solid var(--border-color);margin-top:1.5rem}.tab-link{background:none;border:none;padding:.75rem 0;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;position:relative}.tab-link:hover{color:var(--text-main)}.tab-link.active{color:var(--primary-blue)}.tab-link.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary-blue)}.tab-content-area{flex:1;padding:2rem 2.5rem;overflow-y:auto;background-color:#fff}.day-num{font-size:.95rem;font-weight:700;color:#94a3b8;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .2s}.grid-cell.current .day-num{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;box-shadow:0 0 20px #3b82f666}.grid-cell.current:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.grid-cell:after{content:"";position:absolute;bottom:.75rem;width:4px;height:4px;border-radius:50%;background-color:#ffffff1a}.grid-cell.current:after{background-color:#3b82f6;box-shadow:0 0 10px #3b82f6}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-project-modal{background:white;width:95%;max-width:750px;border-radius:20px;box-shadow:0 30px 60px -12px #0000004d;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,82,204,.1);animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(30px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{padding:.5rem 1.5rem;background:linear-gradient(135deg,#0052cc 0%,#0747a6 100%);border-bottom:3px solid #ffab00;display:flex;justify-content:space-between;align-items:center;color:#fff}.modal-header h2{font-size:1.6rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.03em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.modal-header .close-btn{color:#fffc}.modal-header .close-btn:hover{background-color:#ffffff1a;color:#fff}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background-color:#f1f5f9;color:var(--text-main)}.modal-form{padding:2rem 2.5rem;display:flex;flex-direction:column;gap:1.75rem;overflow-y:auto;max-height:75vh;background-color:#fcfdfe}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.8rem;font-weight:700;color:#475569;display:flex;align-items:center;gap:.5rem}.required{color:#ffab00;font-weight:800}.form-group input,.form-group select,.form-group textarea{padding:.8rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.95rem;font-family:inherit;color:#1e293b;background-color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cbd5e1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);background-color:#fff;box-shadow:0 0 0 4px #0052cc14,0 4px 6px -1px #0000000d}.form-group input:disabled,.form-group select:disabled{background-color:#f1f5f9;cursor:not-allowed;color:var(--text-secondary)}.field-hint{font-size:.75rem;color:var(--text-secondary)}.modal-footer{display:flex;justify-content:flex-end;gap:1.25rem;padding:1.5rem 2.5rem;background-color:#fff;border-top:1px solid #e2e8f0}.btn-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-main);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#f1f5f9}.btn-create{background:linear-gradient(135deg,#0052cc 0%,#0747a6 100%);border:none;color:#fff;padding:.8rem 2rem;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0052cc33}.btn-create:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px #0052cc4d}.btn-create:active:not(:disabled){transform:translateY(0)}.btn-create:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.create-task-modal-container{background:white;width:90%;max-width:800px;max-height:90vh;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideUp .3s ease-out;overflow:hidden}.task-form-scrollable{padding:1.5rem 2rem;overflow-y:auto;flex:1}.form-divider{height:1px;background:#f1f5f9;margin:1.5rem 0}.form-row.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.form-row.four-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sticky-footer{position:sticky;bottom:0;background:white;padding:1.25rem 2rem;border-top:1px solid #f1f5f9;margin-left:-2rem;margin-right:-2rem;margin-bottom:-1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:10}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-divider-label{font-size:.7rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 1rem;display:flex;align-items:center;gap:.75rem}.section-divider-label:after{content:"";flex:1;height:1px;background:#f1f5f9}.form-section{margin-bottom:2rem}.advanced-toggle{margin-top:1rem;padding:.75rem 0;color:#0052cc;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;-webkit-user-select:none;user-select:none}.advanced-toggle:hover{color:#0747a6;text-decoration:underline}.advanced-content{background:#f8fafc;padding:1.25rem;border-radius:8px;border:1px dashed #cbd5e1;margin-top:1rem;animation:fadeIn .3s ease-out}.header-mobile-toggle{display:none;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;padding:8px;border-radius:10px;cursor:pointer;transition:all .2s;align-items:center;justify-content:center;margin-right:.5rem}.header-mobile-toggle:hover{background:white;color:var(--primary-blue);border-color:var(--primary-blue)}.project-header-v2{padding:1.5rem 2.5rem;background:white;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}@media (max-width: 768px){.project-header-v2{padding:1rem 1.5rem;flex-direction:row;align-items:center;gap:1rem}.header-mobile-toggle{display:flex}}@media (max-width: 640px){.project-header-v2{flex-direction:column;align-items:flex-start}.project-name-v2{font-size:1.4rem}.tab-btn-v2{padding:1rem .5rem;font-size:.85rem;gap:.4rem}.tabs-container-v2{padding:0 1rem;gap:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}}.header-main-info{display:flex;align-items:center;gap:1.25rem}.project-icon-wrapper{width:52px;height:52px;background:#eef2ff;color:#6366f1;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f11a}.project-title-box{display:flex;flex-direction:column}.project-name-v2{font-size:1.75rem;font-weight:800;color:#1e293b;letter-spacing:-.025em;margin:0}.project-meta-v2{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.meta-item{font-size:.85rem;color:#64748b;font-weight:600;display:flex;align-items:center;gap:.35rem}.meta-divider{width:4px;height:4px;background:#cbd5e1;border-radius:50%}.header-actions-v2{display:flex;align-items:center;gap:1rem}.btn-create-task{background:#0052cc;color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0052cc33}.btn-create-task:hover{background:#0045af;transform:translateY(-1px)}.icon-btn-v2{width:40px;height:40px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn-v2:hover{background:white;color:#1e293b;border-color:#cbd5e1}.tabs-container-v2{padding:0 2.5rem;background:white;display:flex;gap:2rem;border-bottom:1px solid #f1f5f9}.tab-btn-v2{padding:1.25rem .25rem;background:transparent;border:none;color:#64748b;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.6rem;cursor:pointer;position:relative;transition:all .2s}.tab-btn-v2:hover{color:#0052cc}.tab-btn-v2.active{color:var(--primary-blue)!important}.tab-indicator-v2{position:absolute;bottom:-1px;left:0;width:100%;height:4px!important;background:var(--brand-yellow)!important;border-radius:4px 4px 0 0;box-shadow:0 -2px 12px #ffab0099!important;z-index:10}.nav-item.active{background:#eef2ff!important;color:var(--primary-blue)!important;border-right:4px solid var(--brand-yellow)!important}.btn-create-task{background:var(--primary-blue)!important;color:#fff!important;box-shadow:0 4px 12px #0052cc4d!important}@media (max-width: 1024px){.dashboard-main{flex-direction:row}.sidebar-container{width:60px}.nav-item span,.new-project-btn span{display:none}}@media (max-width: 768px){.project-header-v2{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.tabs-container-v2{overflow-x:auto;padding:0 1rem;display:flex;flex-wrap:nowrap}.tab-btn-v2{padding:.75rem 1rem;white-space:nowrap}}@media (max-width: 480px){.sidebar-container{display:none}.main-content{padding:1rem}.navbar-right{gap:.5rem}}.notif-wrapper,.settings-wrapper{position:relative}.notif-btn,.settings-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.notif-btn:hover,.settings-btn:hover,.notif-btn.active,.settings-btn.active{background-color:#f1f5f9;color:var(--primary-blue)}.notif-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background-color:#ef4444;border:2px solid white;border-radius:50%}.notifications-dropdown,.settings-dropdown{position:absolute;top:calc(100% + 15px);right:-10px;width:320px;background:white;border-radius:12px;box-shadow:0 10px 25px #00000026;border:1px solid #e2e8f0;z-index:1000;overflow:hidden;animation:dropdownFade .2s cubic-bezier(.4,0,.2,1)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.dropdown-header h3{font-size:.95rem;font-weight:700;color:var(--text-main)}.mark-all-read{background:none;border:none;font-size:.75rem;color:var(--primary-blue);cursor:pointer;font-weight:600}.notif-list,.settings-list{max-height:400px;overflow-y:auto}.notif-item{padding:1rem 1.5rem;display:flex;gap:1rem;border-bottom:1px solid #f8fafc;cursor:pointer;transition:background .2s}.notif-item:hover{background-color:#f8fafc}.notif-item.unread{background-color:#f0f7ff}.notif-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#f1f5f9;color:#64748b}.notif-icon-circle.bg-blue{background-color:#e0e7ff;color:#4338ca}.notif-icon-circle.bg-green{background-color:#dcfce7;color:#15803d}.notif-icon-circle.bg-purple{background-color:#f3e8ff;color:#7e22ce}.notif-content p{font-size:.85rem;color:var(--text-main);line-height:1.4;margin-bottom:.25rem}.notif-content span{font-size:.75rem;color:var(--text-secondary)}.dropdown-footer{padding:.75rem;border-top:1px solid #f1f5f9;text-align:center}.dropdown-footer button{background:none;border:none;font-size:.8rem;color:var(--text-secondary);font-weight:600;cursor:pointer}.settings-item{width:100%;padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem;border:none;background:none;cursor:pointer;transition:all .2s;text-align:left}.settings-item:hover{background-color:#f8fafc;color:var(--primary-blue)}.settings-item span{font-size:.85rem;font-weight:600}.form-row{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:.5rem}@media (min-width: 768px){.form-row.two-cols{grid-template-columns:repeat(2,1fr)}.form-row.three-cols{grid-template-columns:repeat(3,1fr)}.form-row.four-cols{grid-template-columns:repeat(4,1fr)}}.task-form-optimized{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;max-height:75vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.task-form-optimized::-webkit-scrollbar{width:6px}.task-form-optimized::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.create-task-modal-container{background:white;width:95%;max-width:800px;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalScale .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.more-fields-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;border-top:1px dashed #e2e8f0;border-bottom:1px dashed #e2e8f0;cursor:pointer;color:var(--primary-blue);font-weight:700;font-size:.85rem;transition:all .2s;margin:.5rem 0}.more-fields-toggle:hover{color:#0040a3;background-color:#f8fafc}.advanced-fields-section{animation:slideDown .3s ease-out;display:flex;flex-direction:column;gap:1.25rem;padding-top:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.task-form-optimized{padding:1.25rem}.modal-header h2{font-size:1.25rem}}.status-item{cursor:pointer;transition:all .2s;padding:.5rem .75rem;border-radius:6px;margin:2px 0}.status-item:hover{background-color:#0052cc0d}.status-item.active{background-color:#0052cc1a;color:var(--primary-blue);font-weight:700}.dot.all{color:#64748b}.dot.completed{color:#10b981}.dot.in-progress{color:#f97316}.dot.on-hold{color:#3b82f6}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}#root{width:100%;margin:0;padding:0}.protected-content{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;position:relative}body:not(.dev-mode) .protected-content:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;opacity:.015;z-index:9999;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABC...)}