@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif!important;margin:0;padding:0}body{height:100%;width:100vw}.auth-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;margin:0 auto;max-width:400px;padding:20px}.auth-form{display:flex;flex-direction:column}.auth-form label{margin-bottom:5px}.auth-form input{border:1px solid #ccc;border-radius:5px;margin-bottom:15px;padding:10px}.auth-form button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.google-login{margin-top:20px}.google-login button{background-color:#db4437;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.google-login a{color:#007bff;text-decoration:none}.progress-bar{animation:progressAnimation .9s linear infinite;height:3px;top:50px}.homepage-navbar-login{background-color:#f8f8f8;display:flex;height:10%;width:100%}.homepage-navbar-logo-login{height:100%;width:20%}.homepage-navbar-logo-login .logo-navbar{height:70%;margin-left:20%;margin-top:2px;object-fit:contain;width:60%}.homepage-navbar-support-login{height:100%;margin-left:10px;width:60%}.homepage-navbar-support-list-login{display:flex;margin-top:15px}.homepage-navbar-support-item-login{cursor:pointer;font-size:20px;font-weight:700;list-style-type:none;margin:10px 15px;transition:all .3s ease-in-out}.homepage-navbar-support-item-login a{color:#09ade9}.homepage-navbar-support-item-login:hover{transform:translateY(-2px)}.login-home{display:flex;height:100%;width:100%}.login-home-1{flex-direction:column;height:100%;margin-top:20px;padding:20px;width:50%}.login-home-2-content{display:block;height:25%;margin:-40px 0 40px 20px;width:100%}.login-home-2-content-title{color:#009dc4;display:block;font-size:35px;font-weight:700;height:150px;margin-left:20px;width:80%}.login-form-container{display:block;height:100%;margin-top:40px;width:100%}.login-form{margin-top:-50px}.login-form .login-input{margin-top:20px}.login-form .login-input,.login-form .login-input .input-group{align-items:center;display:flex;flex-direction:column;justify-content:center}.login-form .login-input .input-group{margin-bottom:5px;margin-left:-17%;position:relative;width:80%}.login-form .login-input .input-group input{border:1px solid #085edf;border-radius:10px;font-size:17px;height:30px;margin:10px;outline:none;padding:22px;position:relative;transition:all .3s ease;width:90%}.login-form .login-input .input-group label{animation:none;background-color:#fff;color:#515151!important;font-size:16px;left:50px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.login-form .login-input .input-group input:not(:placeholder-shown)~label,.login-form .login-input .input-group input:valid~label,.login-form .login-input .input-group:focus-within label{color:#050505!important;font-size:15px;margin-left:-5px;margin-top:-30px!important;padding:0 5px!important;transform:translateY(-50%)}.login-form .login-input .input-group input:not(:focus):not(:valid):placeholder-shown~label{color:#085edf;font-size:16px;top:42%!important;transform:translateY(-50%)}.login-button{align-items:center;display:flex;flex-direction:column;height:60px;justify-content:center;margin-left:12px;width:80%}.login-button .btn-login{background-color:#1468f9;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:45px;outline:none;transition:all .3s ease;width:90%}.login-button .btn-login:hover{background-color:#005eff;transform:translateY(-2px)}.divider{margin:20px 0;position:relative;text-align:center;width:100%}.divider:after,.divider:before{border-top:1px solid #000;content:"";position:absolute;top:50%;width:10%}.divider:before{left:26%}.divider:after{right:44%}.divider span{background-color:#fff;color:#000;display:inline-block;font-size:16px;margin-left:-18%;padding:0 10px}.login-google{align-items:center;display:flex;height:40px;justify-content:center;margin:10px 0 0 10px;width:80%}.login-google .btn-google img{height:25px;margin-right:15px;margin-top:2px;width:25px}.login-google .btn-google{align-items:center;background-color:#fff;border:none;border-radius:10px;box-shadow:5px 5px 5px #cecece,-1px -1px 5px #cecece;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:45px;justify-content:center;outline:none;transition:all .3s ease;width:90%}.login-google .btn-google:hover{background-color:#fefefe;transform:translateY(-2px)}.register{align-items:center;color:#0c7ae7;display:flex;flex-direction:column;justify-content:center;margin:10px;width:80%}.register a{color:#0c7ae7;text-decoration:none}.register a:hover{text-decoration:underline}.login-home-2{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:130%;margin-top:50px;padding:20px;width:55%}.login-home-2 .login-home-2-content-example{height:100%;margin-top:70px;overflow:hidden;position:relative;width:100%}.login-home-2 .login-home-2-content-example .example{height:100%;object-fit:cover;width:100%}.error-message{margin:5px 0 0 10px!important}.err{height:15px;margin-bottom:8px;margin-top:-12px;width:90%}.err-general{height:auto;margin-left:40px;margin-top:-5px;width:70%}.input-group.shake{animation:shake .5s}.success-notification{animation:slideIn .5s ease-out,slideOut .5s ease-in 1.5s forwards;background-color:#4caf50;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;padding:15px 20px;position:fixed;right:20px;top:90px;z-index:1000}.success-content,.success-notification{align-items:center;display:flex}.success-circle{height:40px;margin-right:10px;width:40px}.checkmark{height:100%;width:100%}.checkmark-circle{stroke:#fff;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke:#fff;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}.btn-login-container{display:flex;flex-direction:column;height:auto;padding:0 0 10px;width:100%}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.success-notification p{font-size:16px;font-weight:500;margin:0}@media (max-width:768px){.homepage-navbar-login{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px 0}.homepage-navbar-logo-login{width:200px}.homepage-navbar-register-btn{margin-left:10px;margin-top:10px;width:160px!important}.homepage-navbar-support-list-login{align-items:center;display:flex;flex-direction:column;justify-content:center}.login-home-1{width:100%}.login-form{display:flex;flex-direction:column}.login-home-2-content-title{height:110px;margin-left:5px;width:95%}.login-home-2-content-title p{font-size:24px}.login-form .login-input .input-group input{margin-left:90px;width:410px}.login-button{margin-left:0!important;width:455px!important}.divider:before{left:33%}.divider:after{right:33%}.divider span{background-color:#fff;color:#000;display:inline-block;font-size:16px;margin-left:0;padding:0 10px}.login-google{margin-left:0!important;width:455px}.register{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px 0;width:100%}.login-home-2{display:none}}.container{height:100vh;margin:0;padding:0;width:100%}.content-container{display:flex;height:calc(100% - 50px);width:100%}.content-container .sidebar{border-right:.5px solid #0000004d;display:flex;flex-direction:column;transition:transform .3s ease-in-out,width .3s ease-in-out;width:15%}.main-container{overflow-y:scroll;transition:width .3s ease-in-out;width:85%}.sidebar.hidden{border-right:none;overflow:hidden;transform:translateX(-100%);width:0}.main-container.full{width:100%}.welcome-header{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;margin-bottom:10px;padding:20px}.welcome-title{color:#333;font-size:1.8em;font-weight:700;margin-bottom:8px}.welcome-subtitle{color:#666;font-size:1em;font-weight:400}.dashboard-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:20px 5px 25px}.overview-card{background-color:#fff;border-radius:10px;border-top:3px solid blue;box-shadow:0 4px 12px #0000001a;height:150px;padding:10px 20px;transition:transform .3s ease,box-shadow .3s ease}.overview-card:hover{box-shadow:0 6px 16px #0003;transform:translateY(-5px)}.overview-card h2{color:#151515;font-size:1.3em;font-weight:600;margin-bottom:10px;width:170px}.count{color:#202020;font-size:1.8em;font-weight:700}.overdue-task,.total-members,.total-projects,.total-tasks{display:flex;width:100%}.overdue-task .color-block-overdue,.total-members .color-block-members,.total-projects .color-block-projects,.total-tasks .color-block-task{border-radius:10px;height:40px;margin-left:150px;width:40px}.total-projects .color-block-projects{background-color:#c6faff}.total-members .color-block-members{background-color:#bdfddc}.total-tasks .color-block-task{background-color:#f6f080}.overdue-task .color-block-overdue{background-color:#ffdcd1}.chart-progress{display:flex;flex-direction:column;gap:20px;margin:10px 0;width:100%}.progress-overview{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:0 5px;padding:20px;width:100%}.progress-overview h2{color:#333;font-size:1.5em;font-weight:600;margin-bottom:20px;width:50%}.chart-container{height:400px;width:100%}.chart-wrapper{height:100%;width:100%}.chart-container canvas{height:100%!important;width:100%!important}.project-export{display:flex;height:40px;width:100%}.export-member,.export-project{align-items:center;cursor:pointer;display:flex;justify-content:end;width:50%}.export-member button,.export-project button{background-color:initial;border:.5px solid #969696cc;border-radius:3px;cursor:pointer;margin-right:30px;padding:3px 5px;width:auto}@media (max-width:1024px){.dashboard-overview{grid-template-columns:repeat(2,1fr)}.chart-container{height:350px}}@media (max-width:768px){.content-container .sidebar{background-color:#fff;height:calc(100% - 50px);position:absolute;width:50%;z-index:1000}.main-container{transition:width .3s ease-in-out;width:100%}.overdue-task .color-block-overdue,.total-members .color-block-members,.total-projects .color-block-projects,.total-tasks .color-block-task{margin-left:50%}.dashboard-overview{grid-template-columns:1fr}.chart-progress{flex-direction:column}.progress-overview{margin:0;width:100%}.chart-container{height:300px}}body.dark-mode .sidebar{background-color:#2a2a2a;border-right-color:#fff3}body.dark-mode .main-container{background-color:#1e1e1e}body.dark-mode .overview-card{background-color:#2a2a2a}body.dark-mode .overview-card h2{color:#fff}body.dark-mode .count{color:#bbdefb}body.dark-mode .recent-tasks{background-color:#2a2a2a}body.dark-mode .recent-tasks h2{color:#fff}body.dark-mode .task-title{color:#ddd}body.dark-mode .task-due{color:#bbb}body.dark-mode .progress-overview{background-color:#2a2a2a}body.dark-mode .progress-overview h2{color:#fff}.sidebar-container{display:flex;flex-direction:column;height:100%;margin-top:20px;transition:transform .3s ease-in-out,width .3s ease-in-out;width:100%}.sidebar-item{color:#0e0e0ecc;cursor:pointer;display:flex;height:35px;margin:2px 0 5px;text-decoration:none}.sidebar-item.focused,.sidebar-item:hover,.sidebar-project-list.focused{background-color:#8be2fd33;border-right:2px solid blue}.sidebar-item .sidebar-icon{align-items:center;border-radius:5px;display:flex;font-size:17px;height:35px;justify-content:center;margin-left:20px;width:35px}.sidebar-item p{color:#0a0a0acc;font-size:17px;height:25px;margin:5px 0 0 8px;padding:0 5px;text-decoration:none;width:auto}hr{margin-top:15px}.sidebar-common-project{cursor:pointer;display:flex;height:35px;margin-top:10px}.sidebar-common-project.focused,.sidebar-common-project:hover{background-color:#8be2fd33;border-right:2px solid blue}.sidebar-icon-project{display:flex;width:85%}.sidebar-icon-project .sidebar-icon{align-items:center;border-radius:5px;display:flex;font-size:17px;height:35px;justify-content:center;margin-left:20px;width:35px}.sidebar-common-project-title{color:#000;font-size:17px;height:25px;margin:5px 0 0 8px;padding:0 5px;text-decoration:none;width:auto}.sidebar-add-project{width:15%}.sidebar-add-project,.sidebar-add-project p{align-items:center;display:flex;justify-content:center}.sidebar-add-project p{border-radius:50%;cursor:pointer;font-size:28px;height:25px;width:25px}.sidebar-add-project p:hover{background-color:#5ad1f566}.sidebar-display-project{height:100%;margin-left:8%;margin-top:10px;width:90%}.sidebar-project-list{cursor:pointer;display:flex;height:40px;margin:0 0 8px 20px;padding:2px;width:93%}.sidebar-project-list:hover{background-color:#87e8fc33}.sidebar-project-item{align-items:center;display:flex;height:35px;justify-content:center;margin:1px 5px 0;width:35px}.sidebar-project-name{font-size:17px;height:30px;margin:5px 5px 0 0;overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap;width:auto}@media (max-width:768px){.sidebar-container{background-color:#fff;border-right:1px solid #2323231a;box-shadow:2px 0 5px #0000001a;left:0;padding:20px 0 0;position:fixed;top:30px;transition:width .3s ease-in-out;width:250px;z-index:1000}}.navbar-container{border-bottom:.5px solid #23232366;display:flex;height:50px;position:relative;width:100%}.navbar-icon-fa-angles{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:22px;height:35px;justify-content:center;margin:7px 10px 0 25px;transition:all .3s ease-in-out;width:35px}.navbar-icon-fa-angles:hover{background-color:#d8d8d880}.navbar-icon-fa-angles svg{opacity:.7}.navbar-logo{border-radius:5px;cursor:pointer;display:flex;height:35px;margin:7px 0 0;transition:all .3s ease-in-out;width:100px}.navbar-logo:hover{background-color:#e0dfdf80}.navbar-logo .logo{border:5px;height:33px;margin:1px 5px 0 3px;object-fit:contain;width:100px}.navbar-input{border:1px solid #c5c5c5;border-radius:5px;display:flex;height:35px;margin:7px 0 0 100px;width:500px}.navbar-input .icon-find{font-size:16px!important;height:25px;margin:5px 5px 0 10px;opacity:.7;width:25px}.navbar-input input{background-color:#0000;border:none;height:30px;margin:2px 0 0;outline:none;width:450px}.profile-container{height:35px;margin:7px 0 0;position:absolute;right:35px;width:350px}.profile-item{cursor:pointer;display:flex;height:100%;justify-content:end;width:100%}.profile-item .profile-icon{align-items:center;border-radius:5px;display:flex;height:35px;justify-content:center;margin:0 0 0 7px;opacity:.7;position:relative;width:35px}.notification-dropdown{background-color:#fff;border:1px solid #2323231a;border-radius:5px;box-shadow:0 2px 5px #0000001a;height:300px;overflow-y:scroll;padding:10px 0;position:absolute;right:0;scrollbar-width:thin;top:45px;width:400px;z-index:1000}.no-notifications{align-items:center;display:flex;height:270px;justify-content:center;width:100%}.notification-avatar{border-radius:50%;height:40px;margin:20px 0 0 10px;width:40px}.notification-avatar img{border:1px solid #1111114d;border-radius:50%;height:40px;object-fit:cover;width:40px}.notification-actions{display:flex;gap:10px;margin-top:10px}.accept-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.accept-button:hover{background-color:#218838}.decline-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.decline-button:hover{background-color:#c82333}.notification-item{background-color:#f7f7f7;cursor:pointer;display:flex}.notification-content{flex-direction:column}.notification-content p{font-size:15px}.notification-content .notification-time{width:100%}.number-notification{background-color:red;border-radius:50%;color:#fff;font-size:12px;height:15px;margin:0 5px;position:absolute;right:-3px;top:3px;width:15px}.number-notification,.profile-item .profile-name{align-items:center;display:flex;justify-content:center}.profile-item .profile-name{border-radius:5px;height:35px;margin:0 0 0 7px;padding:0 5px;width:auto}.profile-item .profile-avatar{background-color:#f0f8ff;border-radius:50%;height:33px;margin:1px 10px 0;width:33px}.profile-avatar #avatar{border-radius:50%;height:35px;object-fit:cover;width:35px}.profile-item .profile-icon:hover,.profile-item .profile-name:hover{background-color:#e0dfdf66}.profile-dropdown{background-color:#fff;border:1px solid #2323231a;border-radius:5px;box-shadow:0 2px 5px #0000001a;height:200px;padding:10px 0;position:absolute;right:0;top:45px;width:380px;z-index:1000}.profile-dropdown-info{background-color:#f2f2f280;border-radius:5px;display:flex;height:80px;margin:0 0 0 10px;width:94%}.profile-dropdown-img{border-radius:50%;height:60px;margin:10px 15px 0 10px;width:60px}.profile-dropdown-img #avatar-info{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-dropdown-name{height:60px;margin:10px 0 0;overflow-y:hidden;padding:0 5px;width:auto}.profile-dropdown-name h3{color:#000;font-size:18px;font-weight:600}.profile-dropdown-name p{font-size:15px}.profile-dropdown ul{list-style:none;margin:5px 0 0!important;padding:0}.profile-dropdown-list{border-radius:5px;height:150px;margin:5px 0 0 10px;width:94%}.profile-dropdown-list .profile-dropdown-list-item{border-radius:5px;cursor:pointer;padding:10px 15px;transition:background-color .2s ease}.profile-dropdown-list .profile-dropdown-list-item svg{margin:0 15px 0 0}.profile-dropdown-list .profile-dropdown-list-item:hover{background-color:#f6f6f6}.theme-form{background-color:#fff;border:.5px solid #2323231a;box-shadow:0 2px 5px #0000001a;margin-top:5px;position:absolute;right:0;top:70%;width:200px;z-index:1001}.theme-form,.theme-option{border-radius:5px;padding:10px}.theme-option{align-items:center;cursor:pointer;display:flex;transition:background-color .2s ease}.theme-option:hover{background-color:#f3f3f3}.theme-option svg{margin-right:10px}body.dark-mode{background-color:#1a1a1a;color:#f4f4f9!important}body.dark-mode .navbar-container{border-bottom-color:#fff3}body.dark-mode .navbar-icon-fa-angles:hover,body.dark-mode .profile-dropdown-list-item:hover,body.dark-mode .theme-option:hover{background-color:#333}body.dark-mode .profile-dropdown,body.dark-mode .theme-form{background-color:#2a2a2a;border-color:#fff3}body.dark-mode .profile-dropdown-list-item svg,body.dark-mode .theme-option svg{color:#f4f4f9}@media (max-width:768px){.profile-container{right:10px;width:35px}.profile-container .menu-icon{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;transition:all .3s ease-in-out;width:35px}.profile-container .menu-icon:hover{background-color:#d8d8d880}.profile-response{display:flex;margin-left:-60px;width:80px}.profile-response .profile-icon{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:center;position:relative;width:35px}.profile-response .profile-icon:hover{background-color:#e6e6e6}.profile-response .profile-icon .number-notification{position:absolute}.profile-container .profile-item{display:none}.navbar-input{border:1px solid #c5c5c5;border-radius:5px;display:flex;height:35px;margin:7px 0 0 15px;width:200px}.navbar-input input{margin-left:-5px;padding:0 3px;width:150px}.profile-dropdown{width:380px}.profile-dropdown.active{animation:slideIn .3s ease-in-out;display:block}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}body.dark-mode .menu-icon:hover{background-color:#333}}body{box-sizing:border-box;font-family:Poppins,sans-serif!important;margin:0;padding:0}.progress-bar{background-color:#0349fa;height:4px;top:0}.register-home{display:flex;height:85vh;width:100%}.register-home-1{display:flex;flex-direction:column;height:100%;padding:20px;width:50%}.register-home-1-content{height:150px;margin:-50px 0 -20px 15px;width:94%}.register-home-1-content-title{color:#009dc4;font-size:30px;font-weight:700;margin-left:20px;width:100%}.register-home-1 .register-home-1-content-example{height:75%;margin-top:80px;overflow:hidden;position:relative;width:100%}.register-home-1 .register-home-1-content-example .example{height:100%;margin-top:15px;object-fit:cover;width:100%}.register-home-2{flex-direction:column;height:100%;padding:20px;width:50%}.register-form-container{display:block;height:100%;margin-right:20px;margin-top:30px;width:100%}.register-form{width:90%}.register-form .register-input{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.register-form .register-input .input-group-register{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:5px;position:relative;width:100%}.register-form .register-input .input-group-register input{border:1px solid #085edf;border-radius:10px;font-size:17px;height:30px;margin:10px;outline:none;padding:22px;position:relative;transition:all .3s ease;width:90%}.register-form .register-input .input-group-register label{background-color:#fff;color:#515151!important;font-size:16px;left:50px;padding:0 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-75%)!important;transition:all .3s ease}.register-form .register-input .input-group-register input:not(:placeholder-shown)~label,.register-form .register-input .input-group-register input:valid~label,.register-form .register-input .input-group-register:focus-within label{color:#050505!important;font-size:15px;margin-left:0;margin-top:-23px!important;transform:translateY(-50%)}.register-form .register-input .input-group-register input:not(:focus):not(:valid):placeholder-shown~label{color:#085edf;font-size:16px;top:50%;transform:translateY(-50%)}.register-button{align-items:center;display:flex;height:40px;justify-content:center;margin-top:10px;width:100%}.register-button .btn-register{background-color:#03c83b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:45px;outline:none;transition:all .3s ease;width:90%}.register-button .btn-register:hover{background-color:#03bf1c;transform:translateY(-2px)}.login{align-items:center;color:#0c7ae7;display:flex;flex-direction:column;justify-content:center;margin-top:32px}.login a{color:#0c7ae7;text-decoration:none}.login a:hover{text-decoration:underline}.error-message{color:red;margin:5px 0 0;text-align:left}.shake{animation:shake .5s}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.input-group-register.shake{animation:shake .1s}.success-message{background-color:#e0ffe0;border-radius:5px;color:green;font-size:16px;margin-top:10px;padding:10px;text-align:center}@media (max-width:768px){.homepage-navbar-login-btn{margin-left:10px;margin-top:10px;width:130px!important}.register-home-1{display:none;width:0}.register-home-2{width:100%}.register-home-1-content-title{margin-left:0;padding:3px;width:100%}.register-form{width:100%}.register-home-1-content-title p{font-size:24px}}.main-container-task{display:flex;gap:2rem;margin:10px;width:100%}.main-container-task h2{color:#0d78f1;font-size:26px;margin:0 0 10px}.project{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000000d;display:flex;flex-direction:column;font-size:1.1rem;line-height:1.5;padding:1.5rem 2rem;-webkit-user-select:none;user-select:none;width:20%}.project-item{cursor:pointer;margin:5px 0;padding:3px 10px;width:100%}.project-item.selected,.project-item:hover{color:#1698ef;text-decoration:underline}.sprint{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000000d;display:flex;flex-direction:column;padding:1.5rem 2rem;width:25%}.sprint-item{cursor:pointer;margin:5px 0;padding:3px 10px;width:100%}.sprint-item.selected,.sprint-item:hover{color:#1698ef;text-decoration:underline}.my-task-list{background-color:#fff;border-radius:12px;box-shadow:0 12px 20px #00000014;display:flex;flex:1 1;flex-direction:column;padding:1.5rem 2rem;width:33.33333%}.my-task-list.task-header{align-items:center;background-color:#a1b7f3;display:flex;flex-direction:column;justify-content:start;margin-bottom:1rem;width:100%}.task-header .filter-container{display:flex;gap:10px;margin:5px 0 10px}.filter-btn-all-active,.filter-btn-high-active,.filter-btn-low-active,.filter-btn-medium-active{align-items:center;background:#f8fafd;border:1px solid #d0d7df;border-radius:6px;color:#5a5a5a;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:4px 12px;transition:background-color .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.filter-btn-all-active.active{background-color:#d1d5db;border:none;color:#1f2937}.filter-btn-low-active.active{background-color:#1af46a;border:none;color:#fff}.filter-btn-medium-active.active{background-color:#f89f3f;border:none;color:#fff}.filter-btn-high-active.active{background-color:#f83737;border:none;color:#fff}.filter-btn-all-active svg,.filter-btn-hight-active svg,.filter-btn-low-active svg,.filter-btn-medium-active svg{fill:#5a5a5a;height:14px;width:14px}.task-list-map{display:flex;flex:1 1;flex-direction:column;gap:12px}.task-list-map .my-task-item{align-items:center;background-color:#f8fafc;border-radius:8px;box-shadow:inset 0 0 0 2px #f8fafc;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:36px;justify-content:start;padding:12px 16px;-webkit-user-select:none;user-select:none;width:100%}.my-task-css{background-color:#09adf4!important;color:#fff!important}.my-task-item-title{width:55%}.my-task-item-priority-div{align-items:center;display:flex;justify-content:end;width:15%}.my-task-item-priority{border-radius:15px;color:#fff;cursor:default;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:3px 11px;text-transform:lowercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.my-task-item-priority.hight{background-color:#ef4444}.my-task-item-priority.medium{background-color:#f97316}.my-task-item-priority.low{background-color:#22c55e}.my-task-item-status{align-items:center;display:flex;justify-content:end;width:30%}.empty-my-task{display:none}@media (max-width:768px){.main-container-task{display:flex;flex-direction:column}.main-container-task .project,.my-task-list,.sprint{width:100%}.empty-my-task{display:flex;height:50px!important;width:100%!important}.empty-my-task p{opacity:0}.task-list-map .my-task-css,.task-list-map .my-task-item{font-size:13px}}.my-project-container{height:100vh;width:100%}.my-project-content{flex:1 1;height:100%;margin:0 auto;overflow-y:scroll;padding:10px 32px;width:100%}.project-list-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:32px}.project-list-container .page-header{display:flex;margin-bottom:10px;width:100%}.project-list-container .page-title-section{width:50%}.project-list-container .page-actions-container{align-items:center;display:flex;justify-content:end;width:50%}.section-title{color:#172b4d;font-size:2rem!important;margin-bottom:0}.projects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#fff;border:1px solid #dfe1e6;border-radius:6px;cursor:pointer;height:230px;padding:20px;transition:all .2s}.project-card:hover{border-color:#b3d4ff;box-shadow:0 2px 8px #00000026}.project-card-title{color:#172b4d;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b778c;display:-webkit-box;font-size:14px;line-height:1.4;margin-bottom:16px;overflow:hidden}.project-card-footer{display:flex;flex-direction:column;gap:5px;margin:-8px 0 5px}.project-type-badge{align-items:center;border-radius:12px;display:flex;font-size:11px;font-weight:500;justify-content:center;letter-spacing:.5px;padding:0 2px 4px;text-transform:uppercase}.project-card-date{color:#97a0af;font-size:12px}.project-lead .lead-avatar{font-size:14px;opacity:.8}@media (max-width:768px){.content{padding:16px}.project-list-container{padding:20px}.projects-grid{grid-template-columns:1fr}.controls-section .controls-left{display:flex;flex-direction:column;width:100%}.dropdown,.search-container{width:100%!important}}.dropdown{margin:0 5px!important;position:relative;width:24%}.dropdown-button{align-items:center;background:#fff;border:1px solid #dfe1e6;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px;width:100%}.dropdown-button.active{border-color:#0052cc}.dropdown-menu{background:#fff;border:1px solid #dfe1e6;border-radius:4px;box-shadow:0 2px 8px #00000026;left:0;position:absolute;right:0;top:100%;z-index:10}.stats-bar{display:flex;gap:16px;margin-bottom:24px}.stat-item{background:#f4f5f7;border-radius:6px;flex:1 1;padding:16px;text-align:center}.stat-number{color:#172b4d;font-size:24px;font-weight:600}.stat-label{color:#6b778c;font-size:14px}.view-toggle{display:flex;gap:8px}.view-toggle button{background:#fff;border:1px solid #dfe1e6;border-radius:4px;cursor:pointer;padding:8px 12px}.view-toggle button.active{background:#0052cc;border-color:#0052cc;color:#fff}.btn-create{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.btn-primary-create{background:#0052cc;border:none;color:#fff;width:200px}.btn-secondary{background:#f4f5f7;border:1px solid #dfe1e6}.action-menu{background:#fff;border:1px solid #dfe1e6;border-radius:4px;box-shadow:0 2px 8px #00000026;position:absolute;z-index:10}.action-button{display:block;padding:8px 12px;text-align:left;width:100%}.action-button:hover{background:#f4f5f7}.modal-overlay{background:#00000080;z-index:100}.confirm-dialog{border-radius:6px}.form-buttons{gap:8px;justify-content:flex-end}.cancel-button,.confirm-button{border-radius:4px;cursor:pointer;padding:8px 16px}.cancel-button{background:#f4f5f7;border:1px solid #dfe1e6}.confirm-button{background:#0052cc}.team-label{color:#6b778c;font-size:14px;margin-bottom:8px}.team-avatars{display:flex;gap:4px}.team-avatar{align-items:center;background:#dfe1e6;border-radius:50%;color:#172b4d;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.team-more{background:#f4f5f7}.action-delete-change{cursor:pointer;position:absolute;right:-8px;top:-8px}.empty-state,.loading-state{color:#6b778c;padding:32px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f4f5f7;border-radius:50%;border-top-color:#0052cc;height:32px;margin:0 auto 16px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.controls-section .controls-left{display:flex;height:auto;margin-bottom:20px;width:100%}.controls-section .controls-left .dropdown{margin:5px 0}.name-button-change{display:flex;width:100%}.project-card-type-badge{align-items:center;display:flex;gap:5px;justify-content:start;width:50%}.project-card-status{align-items:center;display:flex;justify-content:end;width:50%}.project-card-status .project-card-status-content{border-radius:10px;color:#fff;font-size:11px;height:auto;margin-top:-5px;padding:2px 8px;width:auto}.project-card-status .project-active{background-color:#fc9b0a}.project-card-status .project-completed{background-color:#06b400}.name-button-change .btn-delete-card{align-items:center;display:flex;justify-content:end;width:50%}.btn-edit-delete-project{display:flex;width:100%}.btn-edit-delete-project .btn-edit-card-project{align-items:center;display:flex;justify-content:end;margin-right:10px}.btn-edit-delete-project .btn-edit-card-project button{background-color:#05b15ecc;border:none;border-radius:3px;box-shadow:1px 1px 3px #00ab6acc;color:#fff;cursor:pointer;margin:8px 0 0;outline:none;padding:5px;width:auto}.btn-edit-delete-project .btn-edit-card-project button:hover{background-color:#009c5e}.btn-delete-card button{background-color:#fb3232cc;border:none;border-radius:3px;box-shadow:1px 1px 3px #fa2a2acc;color:#fff;cursor:pointer;margin:8px 0 0;outline:none;padding:5px;width:auto}.btn-delete-card button:hover{background-color:#f90606cc}.confirm-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;max-width:400px;padding:20px;text-align:center;width:100%}.confirm-dialog h3{color:#333;font-size:1.5rem;margin:0 0 15px}.confirm-dialog p{color:#555;font-size:1rem;margin:0 0 20px}.form-buttons{display:flex;gap:10px;justify-content:center}.cancel-button{background:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:1rem;padding:5px 16px;transition:background .2s}.cancel-button:hover{background:#e0e0e0}.confirm-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:5px 16px;transition:background .2s}.confirm-button:hover{background:#c82333}.project-team{display:flex;gap:10px}.form-group-edit-project{display:flex;flex-direction:column;height:auto;margin-bottom:10px;padding:3px 5px;width:100%}.form-group-edit-project input{height:35px}.form-group-edit-project input,.form-group-edit-project textarea{border:1px solid #0000004d;border-radius:4px;color:#000000b3;font-size:15px;margin:5px 0 0;outline:none;padding:10px;width:100%}.form-group-edit-project input:focus,.form-group-edit-project textarea:focus{border:1px solid #0888d1cc}.start-end-edit-project{display:flex;width:100%}@media (max-width:768px){.page-header{display:flex;flex-direction:column}.page-header .page-actions-container,.page-header .page-title-section{margin-bottom:10px;width:100%}.controls-section .controls-left{gap:10px}}.create-project-container{border-radius:10px;height:auto;margin-top:30px;padding:30px;width:100%}.create-project-header{align-items:center;border:1px solid #b6b4b499;border-radius:5px;display:flex;height:580px;justify-content:center;padding:10px 10px 20px;width:100%}.create-project-title{border-radius:5px;color:#000c;margin:-100px 60px 20px 0;padding:2px 5px}.create-project-title h2{font-size:30px}.create-project-title p{font-size:15px}.create-project-header-image{height:300px;width:500px}.create-project-header-image img{height:300px;object-fit:cover;width:500px}.create-project-input{display:flex;flex-direction:column;gap:8px;margin:10px 0}.create-project-input-time{display:flex;flex-direction:column;gap:8px;width:100%}.create-project-input label,.create-project-input-time label{font-size:17px}.create-project-input input,.create-project-input-time input{border:1px solid #b4b4b4;border-radius:8px;font-size:16px;height:40px;margin-bottom:10px;outline:none;padding:10px}.create-project-input input:focus,.create-project-input-time textarea:focus{border:1px solid #0ca1ce}.pro-des{display:flex;flex-direction:column;width:100%}.create-project-input-time textarea{border:1px solid #b4b4b4;border-radius:8px;font-size:16px;margin-bottom:10px;margin-top:10px;outline:none;padding:10px;width:100%}.project-type-group{border-radius:8px;box-shadow:1px 1px 1px gray;display:flex;gap:10px;padding:10px;width:100%}.project-type-group #project-type{cursor:pointer;margin-top:-20px;transform:scale(1.5)}.project-button{display:flex;justify-content:end;margin-top:20px;width:100%}.project-button .btn-add{background-color:#0a93f5;border:1px solid #3695f5;border-radius:5px;box-shadow:1px 1px 3px #6abdf5;color:#fff;cursor:pointer;font-size:18px;font-weight:450;height:38px;transition:all .3s ease-in-out;width:110px}.project-button .btn-add:hover{background-color:#0664e9;transform:translateY(-2px)}.date{display:flex;margin-bottom:20px;width:100%}.start-date{margin-right:20px}.end-date,.start-date{display:flex;flex-direction:column;gap:6px;width:100%}@media (max-width:768px){.create-project-header{display:flex;flex-direction:column;height:auto;width:100%}.create-project-header-image{display:none}.create-project-title{margin:10px 0}}.progress-bar{animation:progressAnimation 1.5s linear infinite;background-color:#0349fa!important;display:none;height:3px!important;left:0;margin-top:0!important;position:fixed;width:0;z-index:1000}@keyframes progressAnimation{0%{width:0}to{width:100%}}.homepage-container{height:100vh;width:100%}.homepage-container .homepage-navbar{display:flex;height:10%;width:100%}.homepage-navbar-logo{height:100%;margin-left:20px;width:20%}.homepage-navbar-logo .logo{height:90%;margin-top:2px;object-fit:contain;width:90%}.homepage-navbar-support{height:100%;margin-left:10px;width:55%}.homepage-navbar-support-list{display:flex;margin-top:10px}.homepage-navbar-support-item{cursor:pointer;font-size:20px;font-weight:700;list-style-type:none;margin:10px 15px;transition:all .3s ease-in-out}.homepage-navbar-support-item a{color:#09ade9}.homepage-navbar-support-item:hover{transform:translateY(-2px)}.homepage-navbar-login-btn{align-items:center;display:flex;justify-content:center;width:10%}.homepage-navbar-login-btn .homepage-btn-login{background-color:#09ade9;border:none;border-radius:20px;box-shadow:1.5px 1.5px 1.5px #bababa;color:#fff;font-size:16px;font-weight:700;height:40px;outline:none;padding:10px;transition:all .3s ease-in-out;width:150px}.homepage-navbar-login-btn .homepage-btn-login:hover{background-color:#02a3cb;transform:translateY(-2px)}.homepage-navbar-register-btn{align-items:center;display:flex;justify-content:center;width:12%}.homepage-navbar-register-btn .homepage-btn-register{background-color:#02d738;border:none;border-radius:20px;box-shadow:1.5px 1.5px 1.5px #bababa;color:#fff;font-size:16px;font-weight:700;height:40px;outline:none;padding:10px;transition:all .3s ease-in-out;width:150px}.homepage-navbar-register-btn .homepage-btn-register:hover{background-color:#01d135;transform:translateY(-2px)}.homepage-illustration{height:90%;position:relative;width:100%}.homepage-illustration .bg{height:100%;position:relative;width:100%}.homepage-illustration .bg img{height:100%;object-fit:cover;width:100%}.bg-overlay{background-color:#01010140;border-radius:25px;box-shadow:-12px 12px 1px #0006;color:#fff;height:400px;left:7%;padding:30px;position:absolute;top:15%;width:45%}.bg-overlay-content-title h1{font-size:40px;margin-bottom:20px}.bg-overlay-content-title p{font-size:20px;width:90%}.bg-overlay-content-buttons{height:50px;margin-top:65px}.bg-overlay-content-buttons .homepage-btn-login{background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin:3px 10px;outline:none;padding:10px;transition:all .3s ease-in-out;width:400px}.bg-overlay-content-buttons .homepage-btn-login:hover{transform:translateY(-2px)}.register-suport{height:100vh;position:relative;width:100%}.register-suport .register-suport-overlay{background-color:#a3dffb;height:70%;left:0;position:relative;top:50%;transform:translateY(-50%);width:100%}.register-suport .register-suport-2{display:flex;height:50%;position:relative;width:100%}.register-suport .register-suport-2-context{align-items:center;display:flex;font-size:28px;font-weight:700;justify-content:center;margin-left:50px;width:40%}.register-suport .register-suport-2-img{height:120%;position:absolute;right:0;top:15%;width:60%}.register-suport .feature2{box-shadow:0 1px 1px gray;height:100%;margin-left:20%;object-fit:contain;width:70%}.register-suport .register-suport-1{display:flex;height:50%;position:relative;width:100%}.register-suport .register-suport-1-img{height:120%;position:absolute;top:-25%;width:60%}.register-suport .feature1{box-shadow:0 -2px 2px gray;height:100%;margin-left:50px;object-fit:contain;width:70%}.register-suport .register-suport-1-context{align-items:center;display:flex;font-size:28px;font-weight:700;justify-content:center;position:absolute;right:10%;top:10%;width:40%}.register-suport .register-suport-1-context p{margin-right:100px;width:70%}.footer{background-color:#f3f3f3;bottom:0;color:#000;padding:40px 0;width:100%}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-around;margin-left:150px;max-width:1500px}.footer-column{flex:1 1;margin:20px;min-width:300px}.footer-column h3{color:#000;font-size:18px;margin-bottom:15px}.footer-column p,.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#000;text-decoration:none;transition:color .3s ease}.footer-column ul li a:hover{color:#0e83ea}.footer-logo{height:auto;margin-bottom:10px;width:100px}@media (max-width:768px){.homepage-container{height:100%;width:100%}.homepage-navbar{align-items:center;display:flex;flex-direction:column;height:300px!important;justify-content:center;padding:10px 0;position:relative}.homepage-navbar-logo{width:200px}.homepage-navbar-register-btn{margin-left:10px;margin-top:10px;width:130px!important}.homepage-navbar-support-list{align-items:center;display:flex;flex-direction:column;justify-content:center}.homepage-illustration{height:300px;width:100%}.bg-overlay{height:250px;margin-top:-30px;width:85%}.bg-overlay-content-title h1{font-size:20px;width:100%}.bg-overlay-content-title p{font-size:14px;margin:-10px 0 10px;width:100%}.bg-overlay-content-buttons{margin:5px 0 0 -10px}.bg-overlay-content-buttons .homepage-btn-login{font-size:15px;height:40px;width:250px}.register-suport{height:600px}.register-suport-1{display:flex;flex-direction:column}.register-suport-1-img{height:180px!important;margin-top:-20px;width:500px!important}.register-suport-1-context{height:100px;margin-top:100px;width:400px!important}.register-suport-1-context p{font-size:20px!important;height:100px;margin-left:20px;width:400px!important}.register-suport-2{position:relative}.register-suport-2-img{height:180px!important;left:0;position:absolute;top:42%!important;width:500px!important}.register-suport-2-context{position:absolute;width:400px!important}.register-suport-2-context p{font-size:20px!important}.footer{width:100%}.footer-container{margin-left:0;width:100%}.footer-column{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}}.aboutus-container{background:linear-gradient(135deg,#f0f4f8,#fff);border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:1200px;padding:40px 20px}.aboutus-header{background:linear-gradient(135deg,#3869bf,#2a52be);border-radius:10px;color:#fff;margin-bottom:40px;padding:60px 0;text-align:center}.aboutus-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.aboutus-subtitle{font-size:1.2rem;font-weight:400;opacity:.9}.aboutus-content{display:flex;flex-direction:column;gap:50px}.aboutus-features,.aboutus-mission,.aboutus-team,.aboutus-vision{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.aboutus-features:hover,.aboutus-mission:hover,.aboutus-team:hover,.aboutus-vision:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.aboutus-features h2,.aboutus-mission h2,.aboutus-team h2,.aboutus-vision h2{border-bottom:2px solid #2a5298;color:#1e3a8a;font-size:1.8rem;margin-bottom:20px;padding-bottom:10px}.aboutus-mission p,.aboutus-team p,.aboutus-vision p{color:#4a5568;font-size:1rem;line-height:1.6}.aboutus-features .feature-cards{display:flex;gap:20px;justify-content:space-between}.feature-card{background:#f9fafb;border-radius:10px;flex:1 1;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.feature-image{border-radius:10px;height:150px;margin-bottom:15px;object-fit:cover;width:100%}.feature-card h3{color:#2a5298;font-size:1.3rem;margin-bottom:10px}.feature-card p{color:#64748b;font-size:.9rem;line-height:1.5}.aboutus-team .team-members{display:flex;gap:20px;justify-content:space-between;margin-top:20px}.team-member{background:#f9fafb;border-radius:10px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.team-member:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.member-avatar{background:#e2e8f0;background-position:50%;background-size:cover;height:100px;margin:0 auto 15px;width:100px}.team-member h4{color:#1e3a8a;font-size:1.2rem;margin-bottom:5px}.team-member p{color:#64748b;font-size:.9rem}@media (max-width:1024px){.aboutus-container{padding:30px 15px}.aboutus-header{padding:40px 0}.aboutus-header h1{font-size:2rem}.aboutus-subtitle{font-size:1rem}.aboutus-features .feature-cards{flex-direction:column}.aboutus-team .team-members{align-items:center;flex-direction:column}}@media (max-width:768px){.aboutus-header{padding:30px 0}.aboutus-header h1{font-size:1.8rem}.aboutus-features,.aboutus-mission,.aboutus-team,.aboutus-vision{padding:20px}.feature-card,.team-member{padding:15px}.feature-image{height:120px}}@media (max-width:480px){.aboutus-container{padding:20px 10px}.aboutus-header{padding:20px 0}.aboutus-header h1{font-size:1.5rem}.aboutus-subtitle{font-size:.9rem}.aboutus-features h2,.aboutus-mission h2,.aboutus-team h2,.aboutus-vision h2{font-size:1.5rem}.feature-card h3,.team-member h4{font-size:1.1rem}}.profile-container-cover{background-color:#fff;box-shadow:1px 1px 3px gray;height:650px;margin-top:-10px;padding:20px}.cover-image,.profile-container-cover{border-radius:15px;position:relative;width:100%}.cover-image{align-items:center;background-color:#f1f1f1;border:none;display:flex;height:40%;justify-content:center;margin-top:15px;overflow:hidden}.cover-image:hover{background-color:#8f8f8f}.cover-img{border-radius:15px;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;width:100%}.cover-img.visible{opacity:1}.cover-buttons{display:flex;gap:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.cover-image:hover .add-cover-btn,.cover-image:hover .remove-cover-btn{background-color:#0000;border:1px solid #fff;box-shadow:1px 1px 1px #fff;color:#fff;opacity:1;pointer-events:auto;visibility:visible}.add-cover-btn,.remove-cover-btn{align-items:center;background-color:#ffffffe6;border:1px solid #979797;border-radius:8px;box-shadow:1px 1px 1px gray;color:#333;cursor:pointer;display:flex;font-weight:500;gap:5px;opacity:0;padding:8px 16px;pointer-events:none;transition:all .3s ease;visibility:hidden;width:160px}.add-cover-btn svg,.remove-cover-btn svg{margin-right:5px}.add-cover-btn:hover,.remove-cover-btn:hover{background-color:#fff;box-shadow:2px 2px 8px #0003;transform:translateY(-2px)}.profile-container-info{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-wrap:wrap;width:100%}.profile-person{border-right:1px solid #e0e0e0;max-width:300px;padding:30px;position:relative;text-align:center;width:100%}.personal-img{background-color:#fff;border:.5px solid #00000080;border-radius:50%;height:150px;margin-left:15%;margin-top:-35%;position:absolute;width:150px}.profile-img{border-radius:50%;height:145px;margin-bottom:20px;margin-left:-48.5%;margin-top:2px;object-fit:cover;position:absolute;width:145px}.edit-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:60px;padding:7px 25px;transition:background-color .3s;width:230px}.edit-btn:hover{background-color:#0056b3}.edit-btn-info{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:7px 25px;transition:background-color .3s;width:230px}.edit-btn-info:hover{background-color:#0056b3}.profile-info{flex:1 1;padding:30px}.profile-info h2{color:#333;font-size:26px;margin-bottom:20px}.info-field{margin-bottom:15px}.info-field label{display:block;margin-bottom:5px}.info-field label,.info-field span{color:#555;font-size:16px}.modal{background-color:#00000080;height:100%;width:100%;z-index:1000}.modal-content-update-name{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;text-align:center;width:300px}.modal-content-update-name h3{margin-bottom:15px}.modal-content-update-name input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:8px;width:100%}.modal-content-update-name button{border:none;border-radius:4px;cursor:pointer;margin:5px;padding:8px 16px}.modal-content-update-name button:first-child{background-color:#007bff;color:#fff}.modal-content-update-name button:last-child{background-color:#dc3545;color:#fff}@media (max-width:768px){.container{flex-direction:column}.profile-person{border-bottom:1px solid #e0e0e0;border-right:none;max-width:100%}.personal-img{margin-left:23.5%;margin-top:-26%}.cover-image:hover .add-cover-btn,.cover-image:hover .remove-cover-btn{background-color:#0000;border:1px solid #fff;box-shadow:1px 1px 1px #fff;color:#fff;opacity:1;pointer-events:auto;visibility:visible;width:160px}.profile-container-cover{height:850px;margin-bottom:50px}.space{height:50px;width:100%}}.create-task-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.create-task-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;scrollbar-width:thin;width:100%}.create-task-modal-header{align-items:center;border-bottom:1px solid #dfe1e6;display:flex;justify-content:space-between;padding:24px}.create-task-modal-title{color:#172b4d;font-size:20px;font-weight:600}.create-task-modal-close{background:none;border:none;border-radius:8px;color:#6b778c;cursor:pointer;padding:8px;transition:background-color .2s}.create-task-modal-close:hover{background-color:#f4f5f7}.create-task-modal-content{align-items:center;display:flex;flex-direction:column;padding:24px}.create-task-form-group{margin-bottom:24px;width:100%}.create-task-form-label{color:#172b4d;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.create-task-form-input,.create-task-form-select,.create-task-form-textarea{border:1px solid #dfe1e6;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.create-task-form-input:focus,.create-task-form-select:focus,.create-task-form-textarea:focus{border-color:#0052cc}.create-task-form-textarea{min-height:100px;resize:vertical}.create-task-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.create-task-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;width:100%}.create-task-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s}.create-task-btn-primary{background-color:#0052cc;color:#fff}.create-task-btn-primary:hover{background-color:#0747a6}.create-task-btn-secondary{background-color:#f4f5f7;color:#172b4d}.create-task-btn-secondary:hover{background-color:#dfe1e6}.create-task-comment-section{margin-bottom:24px}.create-task-comment-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.create-task-comment-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:256px;overflow-y:auto}.create-task-comment-item{background-color:#f4f5f7;border-radius:8px;padding:12px}.create-task-comment-meta{display:flex;justify-content:space-between;margin-bottom:8px}.create-task-comment-author{color:#172b4d;font-size:14px;font-weight:500}.create-task-comment-time{color:#6b778c;font-size:12px}.create-task-comment-text{color:#172b4d;font-size:14px}.create-task-comment-input-group{display:flex;gap:8px}.create-task-comment-input{border:1px solid #dfe1e6;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.create-task-comment-input:focus{border-color:#0052cc}.create-task-comment-btn{background-color:#0052cc;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.create-task-comment-btn:hover{background-color:#0747a6}.create-task-error{padding:0 20px}@media (max-width:768px){.create-task-form-grid{grid-template-columns:1fr}.create-task-comment-input-group{flex-direction:column}.create-task-comment-input{width:100%}.create-task-modal{max-width:90%}}:root{--modal-overlay-bg:#00000080;--modal-bg:#fff;--modal-border-radius:8px;--modal-max-width:500px;--modal-max-height:90vh;--modal-padding:24px;--header-bg:#fff;--header-border:#dfe1e6;--header-padding:24px;--title-font-size:20px;--title-font-weight:600;--title-color:#172b4d;--close-btn-color:#6b778c;--close-btn-hover-color:#172b4d;--close-btn-bg-hover:#f4f5f7;--form-padding:24px;--form-spacing:16px;--label-font-size:14px;--label-font-weight:500;--label-color:#172b4d;--input-border:#dfe1e6;--input-focus-border:#0052cc;--input-focus-shadow:#0052cc33;--input-bg:#fff;--input-bg-focus:#f4f5f7;--input-padding:8px 12px;--btn-padding:8px 16px;--btn-border-radius:4px;--btn-font-size:14px;--btn-font-weight:500;--btn-primary-bg:#0052cc;--btn-primary-hover-bg:#003087;--btn-secondary-bg:#fff;--btn-secondary-border:#dfe1e6;--btn-secondary-hover-bg:#f4f5f7;--btn-secondary-hover-border:#0052cc;--btn-secondary-hover-color:#0052cc}.create-sprint-modal-overlay{align-items:center;background-color:#00000080;background-color:var(--modal-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:24px;padding:var(--modal-padding);position:fixed;right:0;top:0;z-index:1000}.create-sprint-modal{background-color:#fff;background-color:var(--modal-bg);border-radius:8px;border-radius:var(--modal-border-radius);box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-height:var(--modal-max-height);overflow-y:auto;width:450px}.create-sprint-form-group .create-sprint-form-select{border:1px solid #cfcfcfcc;border-radius:3px;height:38px;outline:none;width:100%}.create-sprint-modal-header{align-items:center;background-color:#fff;background-color:var(--header-bg);border-bottom:1px solid #dfe1e6;border-bottom:1px solid var(--header-border);display:flex;justify-content:space-between;padding:24px;padding:var(--header-padding);position:-webkit-sticky;position:sticky;top:0;width:100%}.create-sprint-modal-title{color:#172b4d;color:var(--title-color);font-size:20px;font-size:var(--title-font-size);font-weight:600;font-weight:var(--title-font-weight)}.create-sprint-modal-close{background:none;border:none;border-radius:var(--border-radius-sm);color:#6b778c;color:var(--close-btn-color);cursor:pointer;padding:var(--spacing-sm);transition:background-color .2s,color .2s}.create-sprint-modal-close:hover{background-color:#f4f5f7;background-color:var(--close-btn-bg-hover);color:#172b4d;color:var(--close-btn-hover-color)}.create-sprint-modal-content{align-items:center;display:flex;flex-direction:column;padding:24px 0;padding:var(--form-padding) 0;width:100%}.create-sprint-form-group{margin-bottom:16px;margin-bottom:var(--form-spacing);max-width:400px;width:100%}.create-sprint-form-label{color:var(--label-color);font-size:var(--label-font-size);font-weight:var(--label-font-weight);margin-bottom:var(--spacing-xs);text-align:left}.create-sprint-form-input{background-color:#fff;background-color:var(--input-bg);border:1px solid #dfe1e6;border:1px solid var(--input-border);border-radius:var(--border-radius);font-size:var(--text-base);outline:none;padding:8px 12px;padding:var(--input-padding);transition:border-color .2s,box-shadow .2s,background-color .2s}.create-sprint-form-input:focus{background-color:#f4f5f7;background-color:var(--input-bg-focus);border-color:#0052cc;border-color:var(--input-focus-border);box-shadow:0 0 0 2px #0052cc33;box-shadow:0 0 0 2px var(--input-focus-shadow)}.create-sprint-form-actions,.create-sprint-form-grid{gap:16px;gap:var(--form-spacing);padding:0 25px;width:100%}.create-sprint-form-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-lg)}.create-sprint-btn{align-items:center;border:none;border-radius:4px;border-radius:var(--btn-border-radius);cursor:pointer;display:flex;font-size:14px;font-size:var(--btn-font-size);font-weight:500;font-weight:var(--btn-font-weight);gap:var(--spacing-sm);min-width:100px;padding:8px 16px;padding:var(--btn-padding);transition:all .2s ease-in-out}.create-sprint-btn-primary{background-color:#0052cc;background-color:var(--btn-primary-bg);color:var(--text-white)}.create-sprint-btn-primary:hover{background-color:#003087;background-color:var(--btn-primary-hover-bg);transform:translateY(-1px)}.create-sprint-btn-secondary{background-color:#fff;background-color:var(--btn-secondary-bg);border:1px solid #dfe1e6;border:1px solid var(--btn-secondary-border);color:var(--text-primary)}.create-sprint-btn-secondary:hover{background-color:#f4f5f7;background-color:var(--btn-secondary-hover-bg);border-color:#0052cc;border-color:var(--btn-secondary-hover-border);color:#0052cc;color:var(--btn-secondary-hover-color);transform:translateY(-1px)}.create-sprint-error{padding:0 20px}@media (max-width:768px){.create-sprint-modal{max-width:90%;width:90%}.create-sprint-modal,.create-sprint-modal-header{padding:var(--spacing-md)}.create-sprint-modal-content{padding:var(--spacing-md) 0}.create-sprint-form-grid{grid-template-columns:1fr;max-width:100%}.create-sprint-form-actions{flex-direction:column;gap:var(--spacing-sm);max-width:100%}.create-sprint-btn{justify-content:center;width:100%}}@media (max-width:480px){.create-sprint-modal-title{font-size:var(--text-lg)}.create-sprint-modal-close{padding:var(--spacing-xs)}}:root{--primary-color:#0052cc;--primary-dark:#0747a6;--success-color:#00875a;--success-dark:#064;--danger-color:#de350b;--danger-dark:#bf2600;--text-white:#fff;--text-primary:#172b4d;--text-muted:#5e6c84;--bg-white:#fff;--bg-light:#f4f5f7;--bg-lighter:#dfe1e6;--border-color:#e5e7eb;--focus-shadow:#0052cc33;--shadow-color:#091e4240;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--text-xs:11px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--font-medium:500;--font-semibold:600;--border-radius:8px;--border-radius-sm:3px;--overlay-opacity:0.54;--z-index-modal:1000;--modal-max-width:400px;--avatar-size:24px}.backlog-container{background:var(--bg-light);padding:16px;padding:var(--spacing-md)}.backlog-header{display:flex;margin-bottom:24px;margin-bottom:var(--spacing-lg);width:100%}.backlog-header-content-1{width:50%}.btn-create-sprint-1{align-items:center;display:flex;justify-content:end;width:50%}.backlog-title{color:var(--text-primary);font-weight:var(--font-semibold);margin:0 0 8px;margin:0 0 var(--spacing-xs) 0}.backlog-subtitle{color:#5e6c84;color:var(--text-muted);font-size:var(--text-base);margin:0}.sprints-section{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.sprint-block{background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);margin-bottom:var(--spacing-md);overflow:hidden}.sprint-header{background:#f4f5f7;background:var(--bg-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:16px;padding:var(--spacing-md)}.sprint-name{color:var(--text-primary);font-size:18px;font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 8px;margin:0 0 var(--spacing-xs) 0}.sprint-summary{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.task-count{color:#5e6c84;color:var(--text-muted);font-size:11px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium)}.status-counts{gap:12px;gap:var(--spacing-sm)}.status-count{font-size:11px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);text-transform:uppercase}.status-count.todo{color:#5e6c84;color:var(--text-muted)}.status-count.progress{color:#0052cc;color:var(--primary-color)}.status-count.in-review{color:#ffab00}.status-count.done{color:#00875a;color:var(--success-color)}.btn-start-sprint,.sprint-actions{gap:8px;gap:var(--spacing-xs)}.btn-start-sprint{align-items:center;background:linear-gradient(90deg,#0052cc,#4c78dd);background:linear-gradient(90deg,var(--primary-color),#4c78dd);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:11px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);padding:8px 12px;padding:var(--spacing-xs) var(--spacing-sm);transition:background .2s}.btn-start-sprint:hover:not(.disabled){background:linear-gradient(90deg,#0747a6,#3b5cbb);background:linear-gradient(90deg,var(--primary-dark),#3b5cbb)}.btn-start-sprint.disabled{background:var(--bg-lighter);color:#5e6c84;color:var(--text-muted)}.btn-start-sprint svg{height:12px;width:12px}.sprint-menu-button{align-items:center;border-radius:3px;border-radius:var(--border-radius-sm);display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.sprint-menu-button:hover{background:#f4f5f7;background:var(--bg-light)}.sprint-menu-button svg{color:#5e6c84;color:var(--text-muted);height:16px;width:16px}.sprint-dropdown-menu{background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:0 4px 8px #091e4240;box-shadow:0 4px 8px var(--shadow-color);min-width:140px;z-index:var(--z-index-modal)}.dropdown-item{color:var(--text-primary);font-size:var(--text-base);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s}.dropdown-item:hover{background:var(--bg-light)}.dropdown-item.delete-item{color:#de350b;color:var(--danger-color)}.dropdown-item.delete-item:hover{background:#ffebe6}.dropdown-item svg{height:16px;width:16px}.sprint-tasks{padding:0}.task-row{border-bottom:1px solid #f4f5f7;border-bottom:1px solid var(--bg-light);display:flex!important;gap:12px;gap:var(--spacing-sm);min-height:40px;padding:var(--spacing-xs) var(--spacing-md);width:100%!important}.task-row:hover{background:#f4f5f7;background:var(--bg-light)}.task-row .checkbox-task-id{display:flex;gap:20px;margin:0 20px 0 0;width:30%!important}.task-row .status-assignee-icon{align-items:center;display:flex;gap:20px;justify-content:end;width:70%}.task-id{color:#5e6c84;color:var(--text-muted);font-size:11px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium)}.task-title{color:var(--text-primary);font-size:var(--text-base);font-weight:400}.task-status-dropdown{position:relative;width:150px}.status-select{-webkit-appearance:none;appearance:none;background:#f4f5f7;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:#5e6c84;color:var(--text-muted);cursor:pointer;font-size:11px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);padding:8px 16px 8px 8px;padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-xs);text-transform:uppercase;width:100%}.status-select:hover{background:#ebecf0}.status-select:focus{outline:2px solid #0052cc;outline:2px solid var(--primary-color);outline-offset:2px}.status-dropdown-icon{height:12px;pointer-events:none;position:absolute;right:8px;right:var(--spacing-xs);top:50%;transform:translateY(-50%);width:12px}.epic-button,.status-dropdown-icon{color:#5e6c84;color:var(--text-muted)}.epic-button{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:3px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:11px;font-size:var(--text-xs);gap:8px;gap:var(--spacing-xs);max-width:100px;overflow:hidden;padding:8px 12px;padding:var(--spacing-xs) var(--spacing-sm);text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.epic-button:hover{background:#f4f5f7;background:var(--bg-light);border-color:#c1c7d0}.epic-button svg{flex-shrink:0;height:12px;width:12px}.task-assignee{justify-content:center}.assignee-avatar{align-items:center;background:#0052cc;background:var(--primary-color);color:#fff;color:var(--text-white);color:#5e6c84;color:var(--text-muted);display:flex;font-size:11px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);justify-content:center;transition:background-color .2s}.assign-user-button,.assignee-avatar{height:var(--avatar-size);width:var(--avatar-size)}.assign-user-button{background:#f4f5f7;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);transition:all .2s}.assign-user-button:hover{background:#ebecf0;border-color:#c1c7d0}.assign-user-button svg{color:#5e6c84;color:var(--text-muted);height:12px;width:12px}.task-menu-button{align-items:center;border-radius:3px;border-radius:var(--border-radius-sm);display:flex;height:24px;justify-content:center;transition:background-color .2s;width:24px}.task-menu-button:hover{background:#f4f5f7;background:var(--bg-light)}.task-menu-button svg{color:#5e6c84;color:var(--text-muted);height:16px;width:16px}.task-dropdown-menu{background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:0 4px 8px #091e4240;box-shadow:0 4px 8px var(--shadow-color);z-index:var(--z-index-modal)}.btn-create-task-in-backlog,.btn-create-task-in-sprint{align-items:center;background:none;border:none;color:#5e6c84;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-size:var(--text-base);gap:8px;gap:var(--spacing-xs);padding:8px 16px;padding:var(--spacing-xs) var(--spacing-md);text-align:left;transition:all .2s;width:100%}.btn-create-task-in-backlog:hover,.btn-create-task-in-sprint:hover{background:#f4f5f7;background:var(--bg-light);color:#172b4d;color:var(--text-primary)}.btn-create-task-in-backlog svg,.btn-create-task-in-sprint svg{height:16px;width:16px}.btn-create-sprint{align-items:center;background:#f4f5f7;background:var(--bg-light);border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:8px;border-radius:var(--border-radius);color:#5e6c84;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);gap:8px;gap:var(--spacing-xs);padding:16px;padding:var(--spacing-md);transition:all .2s;width:150px}.btn-create-sprint:hover{background-color:#024cba!important;border-color:#a5adba;color:#fff}.btn-create-sprint svg{height:16px;width:16px}.backlog-section{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius)}.backlog-section-header{background:#f4f5f7;background:var(--bg-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:16px;padding:var(--spacing-md)}.backlog-section-title{color:var(--text-primary);font-size:18px;font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.backlog-count{color:#5e6c84;color:var(--text-muted);font-size:11px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium)}.backlog-tasks{padding:0}.modal-overlay{background:#091e428a;background:rgba(9,30,66,var(--overlay-opacity));z-index:var(--z-index-modal)}.delete-modal{background:#fff;background:var(--bg-white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 8px 16px #091e4240;box-shadow:0 8px 16px var(--shadow-color);max-height:90vh;max-width:400px;max-width:var(--modal-max-width);overflow-y:auto;width:90%}.delete-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-md)}.delete-modal-title{color:#172b4d;color:var(--text-primary);font-size:20px;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold);margin:0}.modal-close-btn{align-items:center;border-radius:3px;border-radius:var(--border-radius-sm);display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.modal-close-btn:hover{background:#f4f5f7;background:var(--bg-light)}.modal-close-btn svg{color:#5e6c84;color:var(--text-muted);height:16px;width:16px}.delete-modal-content{padding:16px;padding:var(--spacing-md)}.sprint-info,.task-info{margin-bottom:16px;margin-bottom:var(--spacing-md)}.sprint-name-display,.task-count-display,.task-status-display,.task-title-display{color:#172b4d;color:var(--text-primary);font-size:14px;font-size:var(--text-base);margin:0 0 8px;margin:0 0 var(--spacing-xs) 0}.checkbox-container{margin-top:16px;margin-top:var(--spacing-md)}.checkbox-label{cursor:pointer;gap:var(--spacing-xs)}.checkbox-input{accent-color:#0052cc;accent-color:var(--primary-color);height:16px;width:16px}.checkbox-text{color:var(--text-primary);font-size:var(--text-base)}.delete-modal-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;gap:8px;gap:var(--spacing-xs);justify-content:flex-end;padding:16px;padding:var(--spacing-md)}.btn-cancel{background:none;border-radius:8px;border-radius:var(--border-radius);color:#5e6c84;color:var(--text-muted);cursor:pointer;font-size:14px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);padding:8px 12px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s}.btn-cancel:hover{background:#f4f5f7;background:var(--bg-light)}.btn-delete-sprint,.btn-delete-task{background:#de350b;background:var(--danger-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:var(--text-white);cursor:pointer;font-size:14px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);padding:8px 12px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s}.btn-delete-sprint:hover,.btn-delete-task:hover{background:#bf2600;background:var(--danger-dark)}@media (max-width:768px){.backlog-container{padding:12px;padding:var(--spacing-sm)}.task-row{gap:8px;gap:var(--spacing-xs);grid-template-columns:60px 1fr 80px 60px 32px 32px;padding:8px;padding:var(--spacing-xs)}.sprint-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--spacing-sm)}.sprint-summary{align-items:flex-start}.sprint-summary,.status-counts{flex-direction:column;gap:8px;gap:var(--spacing-xs)}.epic-button{max-width:60px}}@media (max-width:480px){.task-row{gap:8px;gap:var(--spacing-xs);grid-template-columns:1fr;padding:12px;padding:var(--spacing-sm)}.task-row>*{grid-column:1}.task-id{order:1}.task-title{order:2}.task-status-dropdown{order:3}.epic-button{max-width:none;order:4}.task-assignee{justify-content:flex-start;order:5}.task-menu-container{align-self:flex-start;order:6}.delete-modal-actions{flex-direction:column}.btn-cancel,.btn-delete-sprint,.btn-delete-task{justify-content:center;width:100%}}.backlog-container{background:#f4f5f7;min-height:100vh;padding:20px}.backlog-header{margin-bottom:20px}.backlog-title{color:#172b4d;font-size:24px;font-weight:600}.backlog-subtitle{color:#6b778c;font-size:14px}.sprint-block{background:#fff;border-radius:3px;box-shadow:0 1px 0 #091e4240;margin-bottom:16px}.sprint-header{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.sprint-name{color:#172b4d;font-weight:600}.sprint-actions{align-items:center;display:flex;gap:12px}.btn-complete-sprint,.btn-start-sprint{align-items:center;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:6px 12px}.btn-start-sprint{background-color:#0052cc}.btn-complete-sprint{background-color:#008f2d}.btn-start-sprint:hover{background:#003087}.btn-complete-sprint:hover{background-color:#008728}.btn-start-sprint.disabled{background:#dfe1e6;color:#6b778c;cursor:not-allowed}.sprint-menu-container{position:relative}.sprint-menu-button{background:none;border:none;cursor:pointer}.sprint-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 8px #00000026;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item:hover{background:#f4f5f7}.delete-item{color:#d04437}.backlog-tasks,.sprint-tasks{padding:12px 16px}.task-row{grid-template-columns:80px 1fr 150px 100px 80px 40px;padding:8px 0}.task-id{color:#6b778c}.task-status-dropdown{align-items:center;display:flex}.status-select{border:1px solid #e0e0e0;border-radius:3px;font-size:14px;padding:4px}.status-dropdown-icon{margin-left:4px}.assign-user-button,.assignee-avatar{border:none;border-radius:50%;cursor:pointer;height:32px;width:32px}.task-menu-container{position:relative}.task-menu-button{background:none;border:none;cursor:pointer}.task-dropdown-menu{border:1px solid #e0e0e0;border-radius:3px}.btn-create-sprint,.btn-create-task-in-backlog,.btn-create-task-in-sprint{align-items:center;background:#0052cc;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;gap:4px;margin-top:12px;padding:8px 12px}.btn-create-sprint:hover,.btn-create-task-in-backlog:hover,.btn-create-task-in-sprint:hover{background-color:#004cbe;color:#fff}.empty-state{color:#6b778c;font-size:14px;padding:12px 0}.backlog-section-header{align-items:center;background:#fff;border-radius:3px;box-shadow:0 1px 0 #091e4240;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.backlog-section-title{color:#172b4d;font-size:16px;font-weight:600}.backlog-count{color:#6b778c;font-size:12px}.assignee-modal-overlay{background:#0000001a}.assignee-modal{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 8px #00000026;height:400px;overflow-y:auto;padding:8px;scrollbar-width:thin;width:50%!important;z-index:1001}.assignee-suggestion-list{list-style:none;width:auto}.assignee-suggestion-item{cursor:pointer;display:flex;padding:8px 12px}.assignee-suggestion-item:hover{background:#f4f5f7}.search-input{border:1px solid #e0e0e0;border-radius:3px;margin-bottom:8px}.unassign-btn{background:none;border:none;color:#d04437;cursor:pointer;display:block;padding:8px;text-align:left;width:100%}.unassign-btn:hover{background:#f4f5f7}.modal-overlay{background:#0000001a}.delete-modal,.edit-dates-modal{background:#fff;border-radius:3px;box-shadow:0 2px 8px #00000026;padding:16px;width:400px}.delete-modal-header,.edit-dates-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.delete-modal-title,.edit-dates-modal-title{color:#172b4d;font-size:16px;font-weight:600}.delete-modal-content,.edit-dates-modal-content{margin-bottom:16px}.sprint-info,.task-info{color:#172b4d;font-size:14px}.checkbox-container{margin-top:12px}.checkbox-label{align-items:center;display:flex;gap:8px}.checkbox-text{color:#172b4d;font-size:14px}.delete-modal-actions,.edit-dates-modal-actions{display:flex;gap:8px;justify-content:flex-end}.btn-cancel,.btn-delete-sprint,.btn-delete-task,.btn-save-dates{border:none;border-radius:3px;cursor:pointer;padding:8px 12px}.btn-cancel{background:#dfe1e6}.btn-cancel:hover{background:#c1c7d0}.btn-delete-sprint,.btn-delete-task{background:#d04437;color:#fff}.btn-delete-sprint:hover,.btn-delete-task:hover{background:#a7352b}.btn-save-dates{background:#0052cc;color:#fff}.btn-save-dates:hover{background:#003087}.create-sprint-form-group{margin-bottom:12px}.create-sprint-form-label{color:#172b4d;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.create-sprint-form-input{border:1px solid #e0e0e0;border-radius:3px;padding:8px;width:100%}.sprint-header{background:#fff;border-bottom:1px solid #e0e0e0}.sprint-info{align-items:center;display:flex;gap:12px}.task-count{color:#6b778c;font-size:12px}.add-dates-btn{align-items:center;background:none;border:none;color:#0052cc;cursor:pointer;display:flex;font-size:14px;gap:4px}.add-dates-btn:hover{color:#003087}.status-counts{color:#6b778c;display:flex;font-size:12px;gap:8px}.status-count.todo:before{color:#dfe1e6;content:"●";margin-right:4px}.status-count.progress:before{color:#0052cc;content:"●";margin-right:4px}.status-count.in-review:before{color:#ffab00;content:"●";margin-right:4px}.status-count.done:before{color:#36b37e;content:"●";margin-right:4px}.task-row{align-items:center;border-bottom:1px solid #e0e0e0;display:grid;grid-template-columns:24px 80px 1fr 150px 80px 40px;padding:8px 16px}.task-checkbox{height:16px;width:16px}.task-id{color:#0052cc;font-size:14px}.task-title{color:#172b4d}.task-epic{color:#6b778c;font-size:14px;text-align:center}.assignee-avatar{background:none;border:none;cursor:pointer}.assignee-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.assignee-initials{color:#fff;font-size:12px}.assign-user-button,.assignee-initials{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.assign-user-button{background:none;border:1px solid #e0e0e0;cursor:pointer}.assign-user-button:hover{background:#f4f5f7}.unassigned-icon{color:#6b778c;height:16px;opacity:.5;width:16px}.assignee-modal-overlay-list{align-items:center;background:#0000001a;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.assignee-modal-overlay-list .assignee-modal-list{background:#fff;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 8px #00000026;height:400px;overflow-y:auto;padding:8px;position:relative;width:400px;z-index:1001}.assignee-modal-overlay-list .search-input-member{border:1px solid #e0e0e0;border-radius:3px;font-size:14px;margin-bottom:0;margin-top:5px;padding:8px;width:100%}.assignee-modal-overlay-list .search-input-member:focus{outline:2px solid #0f67eb}.assignee-modal-overlay-list .assignee-suggestion-list-member{background:#fff;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 8px #00000026;left:0;list-style:none;margin:5px;max-height:280px;overflow-y:auto;padding:0;position:absolute;right:0;scrollbar-width:thin;top:25%;z-index:1002}.assignee-modal-overlay-list .assignee-suggestion-item-member{cursor:pointer;display:flex;padding:5px}.assignee-modal-overlay-list .assignee-suggestion-item-member:hover{background:#f4f5f7}.assignee-modal-overlay-list .assignee-avatar-container{border-radius:50px;height:35px;margin:5px;width:35px}.assignee-modal-overlay-list .assignee-avatar-container .assignee-avatar-member{border-radius:50px;height:35px;object-fit:cover;width:35px}.assignee-modal-overlay-list .assignee-info-member{display:flex;flex-direction:column}.assignee-modal-overlay-list .assignee-info-member .assignee-name-member{font-size:15px;font-weight:600}.assignee-modal-overlay-list .assignee-info-member .assignee-email-member{font-size:14px}.assignee-modal-overlay-list .assignee-options-actions{display:flex;justify-content:space-between;margin-top:8px}.assignee-modal-overlay-list .auto-assign-btn-auto,.assignee-modal-overlay-list .unassign-btn-yet{background:#f4f5f7;border:none;border-radius:3px;color:#172b4d;cursor:pointer;font-size:14px;padding:8px;text-align:center;width:48%}.assignee-modal-overlay-list .auto-assign-btn-auto:hover,.assignee-modal-overlay-list .unassign-btn-yet:hover{background:#dfe1e6}.assignee-modal-overlay-list .no-results-member{color:#6b778c;font-size:14px;padding:8px;text-align:center}.sprint-active{display:flex;gap:10px}.dragging{background:#f0f0f0;border:1px dashed #ccc;opacity:.7}.droppable{background:#fff;border-radius:4px;min-height:100px;padding:8px}.task-row:hover{background:#f5f5f5}@media (max-width:768px){.backlog-header{display:flex;flex-direction:column}.backlog-header-content-1{width:100%}.btn-create-sprint-1{align-items:center;display:flex;justify-content:start;width:100%}.task-row{display:flex;flex-direction:column;width:100%}.task-row .checkbox-task-id{width:100%!important}.task-row .status-assignee-icon{align-items:center;display:flex;justify-content:start;width:100%}.sprint-header{display:flex;flex-direction:column}.sprint-actions,.sprint-header .sprint-info{display:flex;width:100%}.sprint-actions{flex-direction:column}.sprint-actions .status-counts,.sprint-active{width:100%}}.modal-overlay{align-items:flex-start;background:#0006}.task-modal{background:#fff;border-radius:6px;box-shadow:0 2px 8px #091e4240;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:90vh;max-width:960px;overflow-y:auto;width:100%}.modal-header{align-items:flex-start;background:#f4f5f7}.modal-title-section{height:40px;width:100%}.modal-title-section .modal-title{align-items:center;display:flex;height:100%;justify-content:center;margin:10px;padding:0 10px;width:auto}.modal-subtitle{align-items:center;color:#6b778c;display:flex;gap:4px;margin-top:8px}.modal-close{background:none;color:#6b778c;padding:4px}.modal-close:hover{color:#0052cc}.modal-tabs{background:#fff;border-bottom:1px solid #dfe1e6;display:flex;flex-direction:column;padding:0 24px 10px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6b778c;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px}.tab-btn:hover{color:#0052cc}.tab-btn.active{border-bottom:2px solid #0052cc;color:#0052cc}.modal-content-details{display:flex;gap:10px;padding:24px;width:100%}.documents-comments-section{margin-right:20px;width:60%}.task-details{width:38%}.task-details h3{margin:0 0 10px}.task-details .detail-item{align-items:flex-start;display:flex;margin-bottom:10px}.detail-label{color:#44546f;line-height:20px;width:140px}.detail-value{border-radius:3px;flex:1 1;line-height:20px;padding:4px 8px}.detail-value.description{white-space:pre-wrap;word-break:break-word}.text-red-600{color:#d04437}.bg-red-50{background-color:#fff1f0}.text-yellow-600{color:#f4b400}.bg-yellow-50{background-color:#fffbe6}.text-green-600{color:#36b37e}.bg-green-50{background-color:#e3fcef}.text-blue-600{color:#0052cc}.bg-blue-50{background-color:#deebff}.text-gray-600{color:#6b778c}.bg-gray-100{background-color:#f4f5f7}.comments-section,.documents-section{margin-top:24px}.comments-header,.documents-header-details{align-items:center;color:#172b4d;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px}.file-text-documents{display:flex;gap:10px;width:50%}.btn-upload-input{align-items:center;display:flex;justify-content:end;width:50%}.comments-list,.documents-list{max-height:400px;overflow-y:auto}.document-item-details{align-items:center;border-bottom:1px solid #dfe1e6;display:flex;justify-content:space-around;padding:12px 0}.document-comments-details{margin-bottom:24px}.file-info{align-items:center;gap:12px}.file-icon{color:#44546f;font-size:24px;line-height:1}.file-name{color:#0052cc;cursor:pointer;font-size:14px;font-weight:500;margin:0}.file-name:hover{text-decoration:underline}.file-meta{color:#6b778c;font-size:12px;gap:12px;margin-top:4px}.file-actions{margin-right:10px}.file-action-btn{background:none;border:none;color:#6b778c;padding:4px}.file-action-btn:hover{color:#0052cc}.file-remove{color:#d04437}.file-remove:hover{color:#b32d22}.comment-item{gap:12px;margin-bottom:16px}.comment-avatar{background:#dfe1e6;color:#172b4d;font-size:14px;font-weight:500}.comment-content{background:#f4f5f7;border-radius:3px;flex:1 1;padding:8px 12px}.comment-header{color:#172b4d;font-size:12px;justify-content:space-between;margin-bottom:4px}.comment-input-container{border:1px solid #dfe1e6;border-radius:3px;padding:8px}.current-user-avatar{align-items:center;background:#dfe1e6;border-radius:50%;color:#172b4d;display:flex;font-size:12px;font-weight:500;height:24px;justify-content:center;width:24px}.comment-input{background:none;color:#172b4d}.comment-input::placeholder{color:#6b778c}.btn-send-comment{background:none;color:#0052cc}.btn-send-comment:disabled{color:#6b778c}.btn-upload-file-details{align-items:center;background:#055fe6;border:none;border-radius:3px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:4px;padding:6px 12px}.btn-upload-file-details:hover{background:#0558d4}.no-results{color:#6b778c;margin:5px 0 -15px!important}.modal-container{border-radius:6px;box-shadow:0 2px 8px #091e4240;max-width:600px;padding:16px;width:100%}.modal-header{margin-bottom:16px}.modal-header h2{color:#172b4d;font-size:16px}.modal-close-btn{color:#6b778c}.modal-close-btn:hover{color:#0052cc}.modal-body{margin-bottom:16px}.task-search-input{border:1px solid #dfe1e6;border-radius:3px;color:#172b4d;padding:8px 12px}.task-search-input::placeholder{color:#6b778c}.task-dropdown{position:relative}.task-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #dfe1e6;border-radius:3px;color:#172b4d;font-size:14px;padding:8px 12px;width:100%}.task-select:focus{border-color:#0052cc;outline:none}.modal-footer{gap:8px;justify-content:flex-end}.btn{border-radius:3px;padding:6px 12px}.btn-cancel{background:#f4f5f7;color:#172b4d}.btn-cancel:hover{background:#dfe1e6}.btn-primary{background:#0052cc}.btn-primary:hover{background:#0747a6}.btn-primary:disabled{background:#dfe1e6;color:#6b778c;cursor:not-allowed}.file-count{color:#6b778c;font-size:12px;margin-top:8px}.kanban-board{padding:0}.kanban-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-container{display:flex;flex:1 1;position:relative;width:350px!important}.search-container .member-avatar-progress{align-items:center;display:flex;height:32px;justify-content:center;margin:0 2px;width:auto}.search-container .search-input{margin:0 5px 0 0;width:250px}.search-container .member-avatar-img-progress{border-radius:50px;height:30px;object-fit:cover;width:30px}.search-container .assignee-initials{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:100%;justify-content:center;width:100%}.search-icon{height:20px;width:20px}.search-input{border:1px solid #dfe1e6;border-radius:8px;outline:none;padding:8px 12px 8px 40px;transition:border-color .2s}.search-input:focus{border-color:#0052cc}.dropdown-filters{display:flex;gap:10px}.grouping-dropdown{margin-left:25px}.filter-select{border:1px solid #dfe1e6;border-radius:8px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.filter-select:focus{border-color:#0052cc}.progress-filters{display:flex;gap:10px}.member-avatars{display:flex;gap:8px}.kanban-columns{display:flex;gap:20px;overflow-x:auto;padding-bottom:20px}.kanban-column{background-color:#fff;border:1px solid #dfe1e6;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex:1 1;min-width:250px;padding:16px}.column-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.column-title{color:#5e6c84;font-size:14px;font-weight:600;text-transform:uppercase}.add-task-btn{background:none;border:none;color:#2563eb;cursor:pointer;transition:color .2s}.add-task-btn:hover{color:#1e40af}.column-tasks{display:flex;flex-direction:column;gap:10px;min-height:300px}.board-task-card{background-color:#fff;border:1px solid #dfe1e6;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:12px;transition:all .2s}.board-task-card.dragging{background:#f0f0f0;border:1px dashed #ccc;opacity:.7}.kanban-column{background:#fff;border-radius:4px;min-height:100px;padding:8px}.board-task-card:hover{background:#f5f5f5;box-shadow:0 4px 8px #00000026}.board-task-title{color:#172b4d;font-size:14px;font-weight:500;margin-bottom:8px}.board-task-meta{align-items:center;display:flex;justify-content:space-between}.board-task-desc{color:#6b7280;font-size:12px;margin-bottom:8px}.task-more-btn{background:none;border:none;color:#9ca3af;cursor:pointer;transition:color .2s}.task-more-btn:hover{color:#6b7280}.task-dropdown-menu{background:#fff;border:1px solid #dfe1e6;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:150px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:#172b4d;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:left;width:100%}.dropdown-item:hover{background-color:#f4f5f7}.task-type-priority{display:flex;gap:8px}.task-type{border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px}.type-story{background-color:#d1fae5;color:#065f46}.type-bug{background-color:#fee2e2;color:#991b1b}.type-task{background-color:#dbeafe;color:#1e40af}.type-default{background-color:#f4f5f7;color:#374151}.task-priority{border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px}.priority-high{color:#dc2626}.priority-medium{color:#f97316}.priority-low{color:#08bc4a}.priority-default{color:#6b7280}.task-assignee{align-items:center;display:flex}.assignee-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.assignee-initials{color:#374151;font-size:10px;font-weight:600}.progress-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:24px}.progress-content{margin-bottom:24px}.no-active-sprint{color:#64748b;font-size:14px;padding:20px;text-align:center}.modal-overlay{background-color:#00000080;bottom:0;padding:16px;right:0}.centered-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #dfe1e6;padding:24px}.modal-title{color:#172b4d;font-size:20px}.close-button{border-radius:8px;color:#6b778c;padding:8px;transition:background-color .2s}.close-button:hover{background-color:#f4f5f7}.modal-content{align-items:center;display:flex;flex-direction:column}.form-group{margin-bottom:24px;width:100%}.form-label{color:#172b4d;margin-bottom:8px}.form-input,.form-select,.form-textarea{border:1px solid #dfe1e6;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0052cc}.form-textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn{align-items:center;border:none;display:flex;gap:8px;transition:background-color .2s}.btn-primary{background-color:#0052cc;color:#fff}.btn-primary:hover{background-color:#0747a6}.btn-secondary{background-color:#f4f5f7;color:#172b4d}.btn-secondary:hover{background-color:#dfe1e6}.task-details{margin-bottom:24px}.task-detail-title{color:#172b4d;font-size:16px;font-weight:600;margin-bottom:8px}.task-detail-desc{color:#6b7280;font-size:14px}.task-meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.task-meta-item{display:flex;flex-direction:column}.task-meta-title{color:#172b4d;font-size:14px;font-weight:500;margin-bottom:4px}.task-meta-value{color:#6b7280;font-size:14px}.comment-section{margin-bottom:24px}.comment-header{gap:8px;margin-bottom:16px}.comment-icon{color:#9ca3af;height:20px;width:20px}.comment-title{color:#172b4d;font-size:16px;font-weight:600}.comment-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:256px;overflow-y:auto}.comment-item{background-color:#f4f5f7;padding:12px}.comment-meta{display:flex;justify-content:space-between;margin-bottom:8px}.comment-user{color:#172b4d;font-size:14px;font-weight:500}.comment-time{color:#6b778c;font-size:12px}.comment-text{color:#172b4d}.comment-input-container{gap:8px}.comment-input{border:1px solid #dfe1e6;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s}.comment-input:focus{border-color:#0052cc}.comment-submit{background-color:#0052cc;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.comment-submit:hover{background-color:#0747a6}.assignee-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.assignee-modal{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0003;max-width:450px;padding:24px;width:100%}.status-dropdown-menu{background:#fff;border:1px solid #dfe1e6;border-radius:4px;box-shadow:0 2px 8px #00000026;left:100%;margin-left:5px;min-width:120px;position:absolute;top:0;z-index:1010}.status-change-menu{display:inline-block}.status-suggestion-list{list-style:none;margin:0;padding:0}.status-suggestion-item{border-radius:4px;cursor:pointer;padding:8px 12px;transition:background .2s}.status-suggestion-item:hover{background:#f0f0f0}@media (max-width:768px){.kanban-columns{flex-direction:column}.kanban-column{min-width:100%}.kanban-header{flex-direction:column;gap:16px}.search-container{max-width:100%}.grouping-dropdown{margin-left:0}.member-avatars{justify-content:center}.progress-filters{flex-direction:column;gap:8px}.modal{max-width:90%}.form-group.grid,.task-meta-grid{grid-template-columns:1fr}.comment-input-container{flex-direction:column}.comment-input{width:100%}.dropdown-filters{display:flex;flex-direction:column;width:100%}.dropdown-filters .grouping-dropdown .filter-select,.search-container{width:100%}.search-container .search-icon{display:none}.search-container .search-input{width:160px}}.members-button-container-chat{bottom:20px;position:fixed;right:20px;z-index:1000}.members-button-chat{align-items:center;background-color:#0c7df5;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;height:50px;justify-content:center;overflow:visible;position:relative;transition:background-color .3s ease;width:50px}.members-button-chat:hover{background-color:#1e82ed}.members-button-chat:after,.members-button-chat:before{animation:ripple 2.5s ease-out infinite;background:#0c7df566;border-radius:50%;content:"";height:50px;position:absolute;width:50px;z-index:-1}.members-button-chat:after{animation-delay:1.25s}.members-button-icon-chat{color:#fff;font-size:25px}.members-dropdown-chat{background:#f5f5f5;border-radius:8px;bottom:60px;box-shadow:0 4px 12px #0003;display:flex;height:450px;overflow-y:auto;padding:10px;position:absolute;right:0;width:700px;z-index:1001}.members-dropdown-header-chat{align-items:center;background-color:#fff;border-radius:5px 5px 0 0;display:flex;justify-content:space-between;padding:5px 10px;width:100%}.members-dropdown-title-chat{color:#172b4d;font-size:17px;font-weight:600;margin:0}.search-input-chat{background-color:#fff;height:auto;padding:0 5px;width:100%}.search-input-chat input{background-color:#f5f5f5;border:none;border-radius:10px;outline:none;padding:8px 10px;width:100%}.close-button{background:none;border:none;color:#5e6c84;cursor:pointer;font-size:16px;padding:5px}.close-button:hover{color:#172b4d}.members-list-chat{list-style:none;margin:0;padding:0}.members-chat-message-send{display:flex;flex-direction:column;width:38%}.members-chat-list-focus{background-color:#fff;border-radius:0 0 5px 5px;height:390px;overflow-y:scroll;scrollbar-width:thin;width:100%}.member-item-chat{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-top:5px;padding:8px 10px}.member-item-chat:hover{background-color:#f4f5f7}.member-item-chat.selected{background-color:#e6f0ff}.member-avatar-chat{border-radius:50%;height:32px;margin-right:10px;overflow:hidden;width:32px}.member-avatar-img-chat{height:100%;object-fit:cover;width:100%}.member-initials-chat{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.member-info-chat{display:flex;flex-direction:column}.member-name-chat{color:#172b4d;font-size:14px;font-weight:500;margin:0}.no-members-chat{color:#5e6c84;font-size:14px;padding:10px;text-align:center}.members-chat-message-chat{background-color:#fff;border-radius:5px;margin-left:10px;position:relative;width:60%}.members-chat-message-chat-name{align-items:center;border-bottom:1px solid #d1d1d1;display:flex;font-size:17px;font-weight:600;justify-content:space-between;margin-bottom:10px;padding:5px 10px;width:100%}.members-chat-message-chat-name .name-x{width:90%}.members-chat-message-chat-content{height:340px;overflow-y:auto;padding:5px 10px;scrollbar-width:thin}.message-left-right{border-radius:18px;margin-bottom:10px;max-width:70%}.right-chat{justify-content:end;margin-left:auto}.left-chat,.right-chat{align-items:center;display:flex;height:auto;width:auto}.left-chat{justify-content:start;margin-right:auto}.right-chat p{background-color:#0454de;color:#fff}.left-chat p,.right-chat p{border-radius:10px;font-size:15px!important;height:auto;padding:5px 10px;width:auto}.left-chat p{background-color:#f3f3f3;color:#000}.members-chat-message-chat-mess{bottom:0;display:flex;height:40px;position:absolute;width:100%}.no-member-selected{align-items:center;color:#666;display:flex;font-size:16px;font-weight:500;height:100%;justify-content:center}.members-button-chat.unread{background-color:#ff4d4f;border-color:#ff4d4f}.member-item-chat.unread{background-color:#ff4d4f1a;border-left:3px solid #ff4d4f}.members-chat-message-chat-mess-content{padding:0 10px;width:88%}.members-chat-message-chat-mess-content input{background-color:#e7e7e7;border:none;border-radius:10px;height:auto;outline:none;padding:8px 10px;width:100%}.chat-icon-send{align-items:center;border-radius:50px;cursor:pointer;display:flex;justify-content:center;margin-left:0;margin-right:5px;width:10%}.hamburger-button{background:none;border:none;color:#172b4d;cursor:pointer;display:none;font-size:24px;left:10px;position:absolute;top:10px;z-index:1002}@media (max-width:768px){.members-dropdown-chat{height:400px;width:90vw}.hamburger-button{display:block;margin:5px 10px}.members-chat-message-send{background:#fff;border-radius:10px;height:100%;left:-100%;padding:10px;position:absolute;top:0;transition:left .3s ease;width:80%;z-index:1001}.members-chat-message-send.open{left:0}.members-chat-message-chat{display:flex;flex-direction:column;height:100%;margin-left:0;width:100%}.members-dropdown-header-chat{margin:5px 30px;width:100px}.members-chat-message-chat-content,.members-chat-message-chat-mess,.members-chat-message-chat-name{width:100%}.mobile-overlay{background:#00000080;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.members-button-chat{bottom:10px;right:10px}.members-chat-message-send:not(.open){display:none}.name-x{margin-left:35px}}.ai-button-container{bottom:120px;position:fixed;right:20px;z-index:1000}.ai-button{align-items:center;background-color:#28a745;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;height:50px;justify-content:center;overflow:visible;position:relative;transition:background-color .3s ease;width:50px}.ai-button:hover{background-color:#218838}.ai-button:after,.ai-button:before{animation:ripple 2.5s ease-out infinite;background:#28ed5680;border-radius:50%;content:"";height:50px;position:absolute;width:50px;z-index:-1}.ai-button:after{animation-delay:1.25s}@keyframes ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.ai-button-icon{border-radius:50%;height:50px;object-fit:cover;width:50px;z-index:1}.ai-create-icon{cursor:pointer;font-size:20px}.ai-dropdown{background:#f8f9fa;border-radius:8px;bottom:60px;box-shadow:0 4px 12px #0003;display:flex;height:450px;overflow-y:auto;padding:10px;position:absolute;right:0;width:700px;z-index:1001}.ai-dropdown-header{align-items:center;background-color:#fff;border-radius:5px 5px 0 0;display:flex;justify-content:space-between;padding:5px 10px;width:100%}.ai-dropdown-title{color:#172b4d;font-size:17px;font-weight:600;margin:0}.ai-search-input{background-color:#fff;height:auto;padding:0 5px;width:100%}.ai-search-input input{background-color:#f5f5f5;border:none;border-radius:10px;outline:none;padding:8px 10px;width:100%}.ai-close-button{background:none;border:none;color:#5e6c84;cursor:pointer;font-size:16px;padding:5px}.ai-close-button:hover{color:#172b4d}.ai-members-list-items{list-style:none;margin:0;padding:0}.ai-members-list{display:flex;flex-direction:column;width:38%}.ai-members-list-focus{background-color:#fff;border-radius:0 0 5px 5px;height:390px;overflow-y:scroll;scrollbar-width:thin;width:100%}.ai-member-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-top:5px;padding:8px 10px}.ai-member-item:hover{background-color:#f4f5f7}.ai-member-item.selected{background-color:#d4edda}.ai-member-avatar{margin-right:10px;overflow:hidden}.ai-member-avatar,.ai-member-initials{border-radius:50%;height:32px;width:32px}.ai-member-initials{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}.ai-member-info{display:flex;flex-direction:column}.ai-member-name{color:#172b4d;font-size:14px;font-weight:500;margin:0}.ai-no-members{color:#5e6c84;font-size:14px;padding:10px;text-align:center}.ai-chat-content{background-color:#fff;border-radius:5px;margin-left:10px;position:relative;width:60%}.ai-chat-header{align-items:center;border-bottom:1px solid #d1d1d1;display:flex;font-size:17px;font-weight:600;justify-content:space-between;margin-bottom:10px;padding:5px 10px;width:100%}.ai-chat-header .ai-chat-name{width:90%}.ai-chat-messages-chat{height:340px;overflow-y:auto;padding:5px 10px;scrollbar-width:thin}.ai-message{border-radius:18px;margin-bottom:10px;max-width:70%}.ai-message-right{justify-content:end;margin-left:auto}.ai-message-left,.ai-message-right{align-items:center;display:flex;height:auto;width:auto}.ai-message-left{justify-content:start;margin-right:auto}.ai-message-right p{background-color:#28a745;color:#fff}.ai-message-left p,.ai-message-right p{border-radius:10px;font-size:15px;height:auto;padding:5px 10px;width:auto}.ai-message-left p{background-color:#f3f3f3;color:#000}.ai-chat-input{display:flex;margin:0 10px;padding:0 10px;width:99%}.ai-chat-input-content{width:89%}.ai-send-icon{align-items:center;cursor:pointer;display:flex;justify-content:center;width:10%}.ai-chat-input input{background-color:#e7e7e7;border:none;border-radius:10px;height:auto;outline:none;padding:8px 10px;width:100%}.ai-no-selection{align-items:center;color:#666;display:flex;font-size:16px;font-weight:500;height:100%;justify-content:center}.ai-hamburger-button{background:none;border:none;color:#172b4d;cursor:pointer;display:none;font-size:24px;left:10px;position:absolute;top:10px;z-index:1002}.ai-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1002}.ai-popup-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;padding:20px;width:300px}.ai-popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ai-popup-title{color:#172b4d;font-size:17px;font-weight:600;margin:0}.ai-popup-content input{background-color:#f5f5f5;border:none;border-radius:10px;margin-bottom:10px;outline:none;padding:8px 10px;width:100%}.ai-popup-actions{display:flex;gap:10px;justify-content:flex-end}.ai-popup-create-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.ai-popup-create-button:hover{background-color:#218838}.ai-popup-cancel-button{background-color:#e7e7e7;border:none;border-radius:5px;color:#172b4d;cursor:pointer;font-size:14px;padding:8px 16px}.ai-popup-cancel-button:hover{background-color:#d1d1d1}.ai-typing-indicator{display:inline-block;height:20px;position:relative;width:40px}.ai-typing-indicator span{animation:typing 1.4s ease-in-out infinite;background-color:#999;border-radius:50%;height:6px;position:absolute;width:6px}.ai-typing-indicator span:first-child{animation-delay:0s;left:0}.ai-typing-indicator span:nth-child(2){animation-delay:.2s;left:10px}.ai-typing-indicator span:nth-child(3){animation-delay:.4s;left:20px}.ai-chat-messages-chat{background-color:#f9f9f9;width:100%}.ai-chat-messages-chat .no-chat-mess{background-color:#218838!important;height:100px;width:100%}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:768px){.ai-dropdown{height:400px;width:90vw}.ai-hamburger-button{display:block;margin:5px 10px}.ai-members-list{background:#fff;border-radius:10px;height:100%;left:-100%;padding:10px;position:absolute;top:0;transition:left .3s ease;width:80%;z-index:1001}.ai-members-list.open{left:0}.ai-chat-content{display:flex;flex-direction:column;height:100%;margin-left:0;width:100%}.ai-dropdown-header{margin:5px 30px;width:150px}.ai-dropdown-header .ai-dropdown-title-chat{margin-right:10px;width:200px!important}.ai-chat-header,.ai-chat-input,.ai-chat-messages-chat{width:100%}.ai-mobile-overlay{background:#00000080;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.ai-members-list:not(.open){display:none}.ai-chat-name{margin-left:35px}}.summary-container{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:24px}.project-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.project-avatar{align-items:center;background-color:#0052cc;border-radius:8px;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.project-title{color:#0f172a;margin-bottom:5px}.project-key-large{color:#5e6c84;font-size:14px}.filters-section{background:#fff;border:1px solid #dfe1e6;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:16px}.search-input{position:relative}.search-input input{background:#f4f5f7;border:1px solid #dfe1e6;border-radius:8px;font-size:14px;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.search-input input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon{color:#5e6c84;height:16px;width:16px}.tabs-container{margin-bottom:24px}.tabs-nav{background:#fff;border-bottom:2px solid #dfe1e6;border-radius:8px 8px 0 0;display:flex;overflow-x:auto;padding:0 16px}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#5e6c84;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px 24px;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#f4f5f7;color:#3b82f6}.tab-button.active{background:#f8fafc;border-bottom-color:#3b82f6;color:#3b82f6}.summary-content{padding:24px}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:30px}.summary-card{background:#fff;border:1px solid #dfe1e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .2s ease}.summary-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.summary-card h3{color:#172b4d;font-size:16px;font-weight:600;margin-bottom:15px}.stat-value{color:#0f172a;font-size:32px}.stat-value.text-green{color:#36b37e}.stat-value.text-blue{color:#0052cc}.stat-value.text-purple{color:#9747ff}.summary-details{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.detail-section{background:#f8fafc;border:1px solid #dfe1e6;border-radius:12px;margin-bottom:10px;padding:24px}.detail-section h3{color:#0f172a;font-size:20px;font-weight:600;margin-bottom:16px}.detail-list{margin:0}.detail-item{border-bottom:1px solid #f4f5f7;padding:12px 0}.detail-label{color:#5e6c84;font-weight:500}.detail-value{color:#172b4d}.team-members{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.team-member{align-items:center;background:#f4f5f7;border-radius:4px;display:flex;gap:8px;padding:4px 8px}.member-avatar{background:#dfe1e6;font-size:10px;height:24px;width:24px}.member-avatar,.member-name{color:#172b4d;font-weight:500}.member-name{font-size:12px}.member-role{color:#5e6c84;font-size:10px}.progress-bar{background:#dfe1e6;border-radius:4px;height:8px;margin-top:8px;overflow:hidden;width:100%}.progress-fill{background:#36b37e;height:100%;transition:width .3s ease}.text-sm{font-size:14px}.text-gray{color:#5e6c84}.error-message{font-size:14px}@media (max-width:1024px){.summary-details{grid-template-columns:1fr}}@media (max-width:768px){.summary-grid{grid-template-columns:1fr}.summary-container{padding:16px}.project-header{align-items:flex-start;flex-direction:column;gap:10px}.tabs-nav{padding:0 8px}.tab-button{font-size:13px;padding:12px 16px}}@media (max-width:480px){.detail-section,.summary-card,.summary-content{padding:16px}}.timeline{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;margin:20px;padding:30px}.section-title-timeline{margin-bottom:10px}.timeline-controls{align-items:center;background:linear-gradient(135deg,#275ee9,#054ade);border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-weight:600;gap:12px;padding:12px 20px}.timeline-controls svg{height:18px;width:18px}.timeline-table{border-collapse:collapse;width:100%}.timeline-table .timeline-col-task{width:14%}.timeline-table .timeline-col-assignee{width:26%}.timeline-table .timeline-col-start{width:11%}.timeline-table .timeline-col-duration,.timeline-table .timeline-col-end{width:10%}.timeline-table .timeline-col-progress{width:15%}.timeline-table .timeline-col-status{width:10%}.timeline-grid-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1a202c;display:table-row;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.timeline-grid-header th{border-bottom:2px solid #f1f5f9;padding:15px 20px;text-align:left}.timeline-body{display:table-row-group}.timeline-item-tr{background:linear-gradient(135deg,#fff,#f8fafc);cursor:pointer;display:table-row;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-item-tr td{border-bottom:1px solid #f1f5f9;padding:15px 20px}.timeline-item-tr:hover{background:linear-gradient(135deg,#f8fafc,#fff);box-shadow:0 4px 15px #667eea1a}.timeline-item-tr:hover:before{transform:scaleX(1)}.timeline-task-info{align-items:center;display:flex;gap:15px;height:70px}.timeline-task-info-inner{align-items:center;display:flex;gap:15px;width:100%}.task-priority-indicator{border-radius:50%;box-shadow:0 0 10px currentColor;flex-shrink:0;height:12px;width:12px}.priority-high{background:#f56565;color:#f56565}.priority-medium{background:#ed8936;color:#ed8936}.priority-low{background:#48bb78;color:#48bb78}.timeline-task-details{flex:1 1;min-width:0}.timeline-task-title{color:#1a202c;font-size:16px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-task-type{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.timeline-date{color:#64748b;font-size:14px;font-weight:500;text-align:center}.timeline-duration{align-items:center;color:#667eea;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center}.timeline-duration svg{height:16px;width:16px}.timeline-bar-container{border-radius:20px;height:30px!important;overflow:hidden;position:relative;width:150px}.timeline-bar{background:linear-gradient(90deg,#3c5df0,#194eed);border-radius:20px;box-shadow:0 2px 8px #667eea4d;height:40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-bar.status-todo{background:linear-gradient(90deg,#718096,#4a5568);box-shadow:0 2px 8px #7180964d}.timeline-bar.status-in_progress{background:linear-gradient(90deg,#4299e1,#3182ce);box-shadow:0 2px 8px #4299e14d}.timeline-bar.status-in_review{background:linear-gradient(90deg,#ed8936,#d69e2e);box-shadow:0 2px 8px #ed89364d}.timeline-bar.status-done{background:linear-gradient(90deg,#48bb78,#38a169);box-shadow:0 2px 8px #48bb784d}.timeline-status{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;letter-spacing:.5px;text-transform:uppercase}.timeline-summary{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-top:40px}.sprint-timeline{display:flex;flex-direction:column;gap:15px}.sprint-timeline-item{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f1f5f9;border-radius:12px;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.sprint-timeline-item:hover{border-color:#e2e8f0;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.sprint-info{flex:1 1}.sprint-name{color:#1a202c;font-size:16px;font-weight:700;margin-bottom:4px}.sprint-dates{color:#64748b;font-size:12px;font-weight:500}.task-progress-summary{display:flex;flex-direction:column;gap:15px}.progress-item{align-items:center;display:flex;gap:15px;justify-content:space-between}.progress-label{color:#4a5568;font-size:14px;font-weight:600;min-width:100px}.progress-container{align-items:center;display:flex;flex:1 1;gap:15px}.progress-bar-small{background:#f1f5f9;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill-small{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill-small.status-todo{background:linear-gradient(90deg,#718096,#4a5568)}.progress-fill-small.status-inprogress{background:linear-gradient(90deg,#4299e1,#3182ce)}.progress-fill-small.status-inreview{background:linear-gradient(90deg,#ed8936,#d69e2e)}.progress-fill-small.status-done{background:linear-gradient(90deg,#48bb78,#38a169)}.progress-count{background:#667eea1a;border-radius:8px;color:#667eea;font-size:16px;font-weight:700;min-width:40px;padding:6px 12px;text-align:center}.timeline-duration-fix span,.timeline-timeline span{margin:-5px 0 0 5px!important}@media (max-width:768px){.timeline{background-color:#194eed!important;margin:10px;overflow-x:scroll;padding:20px;width:100%}.timeline-table{width:1100px}.timeline-grid-header th,.timeline-item td{padding:15px;text-align:left}.timeline-duration,.timeline-task-assignee{justify-content:flex-start}.timeline-bar-container{margin-top:15px}.timeline-summary{gap:20px;grid-template-columns:1fr}}@media (max-width:480px){.timeline-header{align-items:flex-start;flex-direction:column;gap:15px}.timeline-controls{align-self:stretch;justify-content:center}.timeline-task-title{font-size:14px}.sprint-timeline-item{align-items:flex-start;flex-direction:column;gap:10px}}.comments-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.comments-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding:24px;transition:all .2s ease}.comments-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.comments-card h3{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0 0 8px}.comments-card p{color:#64748b;font-size:.875rem;margin:4px 0}.comments-card textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;margin-bottom:12px;min-height:80px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.comments-card textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.error-message{color:#dc2626;font-size:.875rem;margin-top:16px}.section-header-documents .section-title-documents{margin-bottom:10px}.upload-area{background:linear-gradient(135deg,#fff,#f8fafc);border:3px dashed #cbd5e0;border-radius:16px;cursor:pointer;margin-bottom:30px;overflow:hidden;padding:40px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-area:before{content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.upload-area:hover:before{left:100%}.upload-area:hover{background:#b1b1b11a;border-color:#1b43f6;transform:translateY(-3px)}.upload-area svg{color:#1840f4;height:48px;margin-bottom:20px;width:48px}.upload-text{color:#1a202c;font-size:18px;font-weight:600;margin-bottom:15px}.upload-subtext{color:#64748b;font-size:14px;font-weight:500}.upload-link{color:#1840f4;cursor:pointer;font-weight:700;text-decoration:underline;transition:color .3s ease}.upload-link:hover{color:#172df0}.file-input{display:none}.upload-controls{display:flex;gap:15px}.upload-btn{align-items:center;background:#2250f5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;margin-bottom:20px;overflow:hidden;padding:7px 15px;position:relative;transition:all .3s ease}.upload-btn:hover{background:#0a22f5;box-shadow:0 4px 12px #002bea4d;transform:translateY(-2px)}.documents-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;margin-bottom:30px;padding:30px}.documents-header{border-bottom:2px solid #f1f5f9;margin-bottom:25px;padding-bottom:20px}.documents-header,.documents-title{align-items:center;display:flex;justify-content:space-between}.documents-title{width:100%}.documents-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#4a5568);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:20px;font-weight:800}.sort-controls{display:flex;gap:10px}.sort-btn{background:#166def;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.sort-btn:hover{background:#264df8;transform:translateY(-1px)}.file-list-document{display:flex;flex-direction:column!important;gap:20px}.search-container-document{height:auto;width:auto}.search-container-document .search-input-document{border:1px solid #0009;border-radius:4px;font-size:1;height:100%;outline:none;padding:5px 10px;width:200px}.document-item{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f1f5f9;border-radius:16px;display:flex;flex-direction:column;justify-content:start;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.document-item:hover{border-color:#27a4f2;box-shadow:0 12px 30px #667eea26;transform:translateY(-3px)}.document-item:before{background:#1ea2f5;content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.document-item:hover:before{transform:scaleX(1)}.document-header{justify-content:space-between;margin-bottom:20px;width:100%}.document-header,.file-info{align-items:flex-start;display:flex}.file-info{flex:1 1;gap:15px}.file-icon{align-items:center;background:linear-gradient(135deg,#28df7e,#04c84f);border-radius:12px;box-shadow:0 4px 15px #03ad5e4d;color:#fff;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;width:56px}.file-details{flex:1 1;min-width:0}.file-name{color:#1a202c;font-size:18px;font-weight:700;margin-bottom:8px;word-break:break-word}.file-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.file-uploader{font-weight:600}.file-date{align-items:center;display:flex;gap:4px}.file-size{background:#667eea1a;color:#667eea}.file-size,.file-task{border-radius:12px;font-weight:600;padding:2px 8px}.file-task{background:#48bb781a;color:#48bb78}.file-actions{display:flex;flex-shrink:0;gap:8px}.file-action-btn{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.file-action-btn:hover{background:#667eea33;transform:scale(1.1)}.file-remove{background:#f565651a!important;border-color:#f5656533!important;color:#f56565!important}.file-remove:hover{background:#f5656533!important}.file-action-btn svg{height:16px;width:16px}.assigments-comments{display:flex;gap:10px;width:100%}.document-assignments{background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;margin-bottom:20px;padding:16px;width:30%}.assignments-header-btn-add{display:flex;gap:20px;margin-bottom:10px}.assignment-header{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.assigned-users{flex-direction:column;gap:12px;justify-content:start;min-height:350px;overflow-y:scroll;scrollbar-width:thin;width:100%}.assigned-user,.assigned-users{align-items:center;display:flex}.assigned-user{background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:8px;padding:8px 12px;transition:all .3s ease}.assigned-user:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;justify-content:center}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:#1a202c;font-size:13px;font-weight:600}.user-role{border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.role-owner{background:#f6ad5533;color:#d69e2e;width:80px}.role-reviewer{background:#4299e133;width:80px}.remove-assignment{align-items:center;background:#f565651a;border:none;border-radius:4px;color:#f56565;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .3s ease}.remove-assignment:hover{background:#f5656533;transform:scale(1.1)}.assign-user-dropdown{position:relative}.btn-assign-user{align-items:center;background:#3354e9;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease}.btn-assign-user:hover{background:#293df3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.assign-dropdown-menu{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;left:0;min-width:300px;padding:16px;position:absolute;top:100%;z-index:1001}.dropdown-header{color:#4a5568;font-size:14px;font-weight:600;margin-bottom:12px}.dropdown-section{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.dropdown-section:last-child{border-bottom:none}.member-info{gap:8px}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:11px;font-weight:600;height:28px;justify-content:center;width:28px}.member-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.member-name{color:#1a202c;font-size:14px;font-weight:600}.role-buttons{display:flex;gap:4px}.role-btn{border:1px solid;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase;transition:all .2s ease}.role-btn.role-owner{background:#f6ad551a;border-color:#f6ad554d;color:#d69e2e}.role-btn.role-owner:hover{background:#f6ad5533}.role-btn.role-reviewer{background:#4299e11a;border-color:#4299e14d;color:#3182ce}.role-btn.role-reviewer:hover{background:#4299e133}.assignee-modal-overlay-document{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.assignee-modal-document{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:500px;padding:16px;position:relative;width:100%;z-index:1001}.assignee-modal-document .search-input-document{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;margin-bottom:12px;padding:10px;width:100%}.assignee-suggestion-list-document{list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0;scrollbar-width:thin}.assignee-suggestion-item-document{align-items:center;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px}.assignee-suggestion-item-document:last-child{border-bottom:none}.assignee-suggestion-item-document:hover{background:#f5f5f5}.assignee-info-document{display:flex;gap:8px}.name-email-document-column{display:flex;flex-direction:column}.assignee-avatar-document{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:28px;justify-content:center;width:28px}.assignee-avatar-document img{border-radius:50%;height:100%;margin-top:10px;object-fit:cover;width:100%}.assignee-name-document{color:#1a202c;font-size:14px;font-weight:600}.assignee-email-document{color:#64748b;font-size:12px}.document-comments{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;width:68%}.comments-header{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px}.comments-list{display:flex;flex-direction:column;height:auto;margin-bottom:10px;max-height:310px;overflow-y:scroll;scrollbar-width:thin}.comment-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:5px;padding:5px 10px}.comment-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.comment-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.comment-header{align-items:center;display:flex;gap:12px;margin-bottom:6px}.comment-author{color:#1a202c;font-size:14px;font-weight:600}.comment-time{color:#64748b;font-size:11px}.comment-text{color:#4a5568;font-size:14px;line-height:1.5;margin:0}.comment-form{margin-top:16px}.comment-input-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:12px 16px;transition:all .3s ease}.comment-input-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.comment-input-container .current-user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.comment-input-container .current-user-avatar img{border-radius:50px;height:100%;object-fit:cover;width:100%}.comment-input{background:#0000;border:none;color:#1a202c;flex:1 1;font-size:15px;outline:none;padding:10px 0}.comment-input::placeholder{color:#a0aec0}.btn-send-comment{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:10px 16px;transition:all .3s ease}.btn-send-comment:hover:not(:disabled){background:#5a67d8;transform:scale(1.05)}.btn-send-comment:disabled{background:#cbd5e0;cursor:not-allowed}.document-modal{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.modal-header{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:16px 16px 0 0;padding:16px 24px}.modal-title-section{align-items:center;display:flex;gap:12px}.file-icon-large{align-items:center;background:linear-gradient(135deg,#28e755,#01c649);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.modal-title-info{flex:1 1}.modal-title{color:#1a202c;font-weight:700;margin:0}.modal-subtitle{color:#64748b;font-size:12px;margin:4px 0 0}.modal-close{align-items:center;background:#7180961a;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.modal-close:hover{background:#f565651a;color:#f56565;transform:scale(1.1)}.modal-content{padding:0}.document-preview{background:#f8fafc;border-radius:12px;margin:24px;padding:40px;text-align:center}.preview-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px}.preview-icon{color:#64748b;font-size:48px}.document-details{padding:24px}.detail-item,.document-details{border-bottom:1px solid #e2e8f0}.detail-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#64748b;font-size:14px;font-weight:600}.detail-value{color:#1a202c;font-size:14px;font-weight:500}.uploader-info{align-items:center;display:flex;gap:8px}.uploader-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;width:24px}.uploader-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.file-type-badge{background:#667eea1a!important;border-radius:6px!important;color:#667eea!important;font-size:12px!important;font-weight:600!important;padding:4px 8px!important}.btn-download{align-items:center;background:#3658ed;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-download:hover{background:#293df0;box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.modal-comments-section{background:#f8fafc;border-top:1px solid #e2e8f0;padding:24px}.modal-comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.modal-comment-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:12px}.modal-comment-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:16px}.modal-comment-form .comment-input-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:12px 16px;transition:all .3s ease}.modal-comment-form .comment-input-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-comment-form .current-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.modal-comment-form .comment-input{background:#0000;border:none;color:#1a202c;flex:1 1;font-size:15px;outline:none;padding:10px 0}.modal-comment-form .comment-input::placeholder{color:#a0aec0}.modal-comment-form .btn-send-comment{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:10px 16px;transition:all .3s ease}.modal-comment-form .btn-send-comment:hover:not(:disabled){background:#5a67d8;transform:scale(1.05)}.modal-comment-form .btn-send-comment:disabled{background:#cbd5e0;cursor:not-allowed}.no-results{color:#64748b;font-size:14px;padding:10px;text-align:center}.documents-summary{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.file-types{display:flex;flex-direction:column;gap:15px}.file-type-item{align-items:center;background:#667eea0d;border-radius:12px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.file-type-item:hover{background:#667eea1a;transform:translateX(5px)}.file-type-label{color:#4a5568;font-size:14px;font-weight:600}.file-type-count{background:#667eea1a;border-radius:8px;color:#667eea;font-size:16px;font-weight:700;min-width:30px;padding:6px 12px;text-align:center}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-upload{background:linear-gradient(135deg,#48bb78,#38a169)}.activity-download{background:linear-gradient(135deg,#4299e1,#3182ce)}.empty-state{background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #e2e8f0;border-radius:20px;color:#64748b;padding:60px 40px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state-title{color:#1a202c;font-size:20px;font-weight:700;margin-bottom:10px}.empty-state-description{color:#64748b;font-size:16px;margin-bottom:25px}.modal-overlay{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-container{background:#fff;border-radius:10px;box-shadow:0 5px 20px #0003;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;padding:0;width:500px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.modal-header h2{color:#1a202c;font-size:18px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:8px;transition:all .3s ease}.modal-close-btn:hover{background:#f565651a;color:#f56565}.modal-body{padding:16px}.task-search-input{border-radius:6px;padding:10px;width:100%}.task-dropdown,.task-search-input{border:1px solid #e2e8f0;font-size:14px;margin-bottom:12px}.task-dropdown{background:#fff;border-radius:6px;color:#1a202c;cursor:pointer;display:flex;justify-content:space-between;padding:12px}.task-dropdown:hover{border-color:#667eea}.task-list-ui{background:#fff;border:1px solid #e2e8f0;border-radius:6px;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.task-item-ui{align-items:center;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.task-item-ui:last-child{border-bottom:none}.task-item-ui:hover{background-color:#f5f5f5}.task-item-ui.selected{background-color:#e6f7ff;border-left:4px solid #667eea;font-weight:600}.task-title{color:#1a202c;font-size:14px;font-weight:600}.task-status{background:#667eea1a;border-radius:12px;color:#64748b;font-size:12px;font-weight:600;padding:2px 8px}.file-picker{align-items:center;display:flex;flex-direction:column;margin-top:12px}.file-picker p{color:#1a202c;font-size:14px;margin-top:8px}.upload-section{margin-top:20px;text-align:center}.btn-upload{background-color:#3154f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-upload:hover{background-color:#2e41f1;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.modal-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.btn-cancel{background-color:#f0f0f0;border:none;color:#1a202c}.btn-cancel:hover{background-color:#e2e8f0}.delete-document-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-document-modal-container{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:90%;padding:20px;text-align:center;width:400px}.delete-document-modal-container h3{color:#333;font-size:1.5em;margin:0 0 10px}.delete-document-modal-container p{color:#555;margin:0 0 20px}.delete-document-modal-actions{display:flex;justify-content:space-around}.delete-document-cancel-btn,.delete-document-confirm-btn{border:none;border-radius:4px;cursor:pointer;font-size:1em;padding:10px 20px}.delete-document-cancel-btn{background:#ccc;color:#333}.delete-document-cancel-btn:hover{background:#bbb}.delete-document-confirm-btn{background:#ff4d4f;color:#fff}.delete-document-confirm-btn:hover{background:#e63946}.arrow{color:#64748b;font-size:12px}@media (max-width:768px){.documents-summary{gap:20px;grid-template-columns:1fr}.documents-header,.documents-title{align-items:flex-start;flex-direction:column;gap:15px}.sort-controls{align-self:stretch;justify-content:center}.document-item{padding:20px}.document-header{align-items:flex-start;flex-direction:column;gap:15px}.file-actions{align-self:flex-end}.upload-area{padding:30px 20px}.file-meta{gap:8px}.assigned-users,.file-meta{align-items:flex-start;flex-direction:column}.assignee-modal,.document-modal,.modal-container{margin:20px;width:95%}.modal-comment-form .comment-input-container{gap:12px;padding:10px 12px}.assigments-comments{display:flex;flex-direction:column}.assigments-comments .document-assignments,.assigments-comments .document-comments{width:100%}}@media (max-width:480px){.documents-container{padding:20px}.upload-area{padding:25px 15px}.file-name,.upload-text{font-size:16px}.document-assignments,.document-comments{padding:12px}.comment-item{padding:8px}.activity-item{align-items:flex-start;flex-direction:column;gap:10px}.role-buttons-owner-reviewer{display:flex;flex-direction:column!important;gap:4px;width:200px}.role-buttons-owner-reviewer .role-btn{text-align:center;width:200px!important}.modal-comment-form .current-user-avatar{font-size:12px;height:32px;width:32px}.modal-comment-form .comment-input{font-size:14px}.modal-comment-form .btn-send-comment{font-size:13px;padding:8px 12px}}.people-section{display:flex;flex-direction:column;gap:30px}.add-people-form{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;margin-bottom:10px;overflow:hidden;padding:30px;position:relative}.add-people-form:before{background:linear-gradient(90deg,#3b5ae6,#1b55f3 50%,#062af5);content:"";height:4px;left:0;position:absolute;right:0;top:0}.add-people-form h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#4a5568);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:20px;font-weight:800;margin-bottom:25px}.form-row{display:flex;gap:10px}.form-group-add-member{display:flex;width:auto}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{color:#4a5568}.form-input,.form-select{border:1px solid #e2e8f0;border-radius:8px;padding:12px 15px}.email-suggestions-add{height:180px;overflow-y:scroll;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.form-actions-inline{align-items:center;display:flex;gap:10px;justify-content:center;width:270px}.form-actions-inline .btn-primary{background:#01b638;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 15px;transition:all .3s ease}.form-actions-inline .btn-primary:hover{background:#00ac34;box-shadow:0 4px 12px #02b3514d}.btn-secondary{background:#e2e8f0;border:none;border-radius:10px;color:#4a5568;cursor:pointer;font-weight:500;padding:10px 15px;transition:all .3s ease}.btn-secondary:hover{background:#cbd5e0;box-shadow:0 2px 8px #0000001a}.action-menu-people{background:#fff;border:1px solid #ccc;box-shadow:0 2px 5px #0003;margin-left:-60px;margin-right:40px;position:absolute;top:0;width:auto!important;z-index:1000}.people-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;padding:30px}.people-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.section-title{flex:1 1}.add-member-btn{align-items:center;background:linear-gradient(90deg,#4380e9,#166be1);border:none;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.add-member-btn:hover{background:linear-gradient(90deg,#2d55e7,#142eef);box-shadow:0 4px 8px #1e6eef4d}.add-member-btn .btn-icon{height:16px;width:16px}.people-list{display:flex;flex-direction:column;gap:20px}.person-item{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f1f5f9;border-radius:16px;display:flex;justify-content:space-between;overflow:hidden;padding:25px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.person-item:before{background:linear-gradient(90deg,#294ded,#2260e7 50%,#065fee);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.person-item:hover:before{transform:scaleX(1)}.person-item:hover{border-color:#0b5cf2;box-shadow:0 12px 30px #667eea26;transform:translateY(-3px)}.person-info-section{align-items:center;display:flex;flex:1 1;gap:20px}.person-avatar{align-items:center;border:1px solid #5c5c5c;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:56px;justify-content:center;position:relative;width:56px}.person-avatar:before{border-radius:50%;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}.person-avatar img{border-radius:50%;height:56px;object-fit:cover;width:56px}.person-info{flex:1 1;min-width:0}.person-name-section{align-items:center;display:flex;gap:12px;margin-bottom:8px}.person-name{color:#1a202c;font-size:18px;font-weight:700}.role-icon{height:20px;width:20px}.role-lead{color:#f6ad55}.role-reviewer{color:#4299e1}.role-member{color:#48bb78}.person-contact{align-items:center;display:flex;gap:8px}.person-contact svg{color:#64748b;height:16px;width:16px}.person-email{color:#64748b;font-size:14px;font-weight:500}.person-stats{align-items:center;display:flex;gap:20px}.person-task-stats{background:#667eea0d;border-radius:12px;min-width:80px;padding:12px 16px;text-align:center}.stat-value{color:#1a202c;font-size:16px;font-weight:700;margin-bottom:4px}.stat-label{color:#64748b;font-size:12px;font-weight:500}.person-role{border:1px solid;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.role-lead{background:#f6ad551a;border-color:#f6ad5533;color:#d69e2e}.role-member{background:#48bb781a;border-color:#48bb7833;color:#38a169}.role-reviewer{background:#4299e11a;border-color:#4299e133;color:#3182ce}.person-actions{display:flex;gap:10px}.person-action-btn{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.person-action-btn:hover{background:#667eea33;transform:scale(1.1)}.person-action-btn svg{height:16px;width:16px}.people-summary{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}.role-distribution{display:flex;flex-direction:column;gap:15px}.role-item{align-items:center;background:#667eea0d;border-radius:12px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.role-item:hover{background:#667eea1a;transform:translateX(5px)}.role-info{align-items:center;display:flex;gap:12px}.role-label{color:#4a5568;font-size:14px;font-weight:600}.role-count{background:#667eea1a;border-radius:8px;color:#667eea;font-size:16px;font-weight:700;min-width:30px;padding:6px 12px;text-align:center}.activity-item{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f1f5f9;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.activity-item:hover{border-color:#e2e8f0;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.activity-icon{align-items:center;border-radius:10px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.activity-success{background:linear-gradient(135deg,#48bb78,#38a169)}.activity-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.activity-icon svg{height:20px;width:20px}.activity-details{flex:1 1}.activity-title{color:#1a202c;font-size:14px;font-weight:700;margin-bottom:4px}.activity-time{color:#64748b;font-size:12px;font-weight:500}@media (max-width:768px){.sidebar{box-shadow:10px 0 30px #0000004d;height:100vh;left:-320px;position:fixed;top:70px;transition:left .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:999}.sidebar.open{left:0}.content{border-radius:0;margin-left:0}.people-summary{gap:20px;grid-template-columns:1fr}.form-row{gap:15px;grid-template-columns:1fr}.form-actions-inline{justify-content:center}.person-item{align-items:flex-start;flex-direction:column;gap:20px}.person-stats{align-self:stretch;justify-content:space-between}.person-actions{align-self:flex-end}.add-people-form{padding:20px}.add-people-form .form-row{display:flex;flex-direction:column!important}.people-header{align-items:flex-start;flex-direction:column;gap:15px}.add-member-btn{justify-content:center;width:100%}.email-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.email-chip{background:#e0e0e0;border-radius:16px;font-size:14px;padding:4px 8px}.email-chip,.email-chip button{align-items:center;display:flex}.email-chip button{background:none;border:none;cursor:pointer;margin-left:8px;padding:0}}@media (max-width:480px){.add-people-form,.people-container{padding:20px}.person-info-section{align-items:flex-start;flex-direction:column;gap:15px}.person-avatar{font-size:16px;height:48px;width:48px}.person-name{font-size:16px}.person-stats{align-items:flex-start;flex-direction:column;gap:15px}.people-header{gap:10px}.add-member-btn{font-size:14px;padding:10px}}@media (max-width:360px){.add-people-form,.people-container{padding:15px}.add-member-btn{font-size:12px;padding:8px}}body{color:#2f3e5e;font-family:Inter,sans-serif}.admin-users{background-color:#ededed}.admin-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:12px 24px}.admin-header,.header-logo{align-items:center;display:flex}.header-logo{gap:12px}.logo-img{height:45px;width:45px}.logo-title{color:#2f3e5e;font-size:24px;font-weight:800;line-height:1}.logo-subtitle{color:#7b8ca1;font-size:9px;font-weight:600;margin-top:-4px}.header-nav{gap:24px}.header-nav,.nav-button{align-items:center;display:flex}.nav-button{background:none;border:none;color:#7b8ca1;cursor:pointer;font-size:14px;gap:8px}.nav-button.active{background-color:#b9d9ff;border-radius:6px;color:#0a5ed9;font-weight:600;padding:8px 16px}.nav-button:hover{color:#0a5ed9}.admin-main{padding:24px}.search-section{background-color:#fff;border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:16px}@media (min-width:768px){.search-section{align-items:center;flex-direction:row;justify-content:space-between}}.section-title{color:#111827;font-size:16px;font-weight:600}.section-subtitle{color:#6b7280;font-size:12px}.search-form{display:flex;flex-direction:column;gap:12px;width:100%}@media (min-width:640px){.search-form{align-items:center;flex-direction:row;gap:12px;width:auto}}.search-input-container{position:relative;width:250px}.search-input{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;padding:8px;width:100%}.search-input::placeholder{color:#9ca3af}.search-input:focus{border-color:#0a5ed9;box-shadow:0 0 0 1px #0a5ed9;outline:none}.search-icon{color:#9ca3af;font-size:12px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.filter-button{align-items:center;background:none;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;height:43px;margin-top:-10px;padding:8px}.filter-button:hover{background-color:#f3f4f6}.table-section{overflow-x:auto}table{border-collapse:initial;border-spacing:0 8px;width:100%}thead tr{background-color:#f4f4f4;margin-bottom:0}thead th{color:#94a3b8;font-size:12px;font-weight:400;padding:8px 16px;text-align:left}tbody td{padding:12px 16px;vertical-align:middle}.table-row{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.table-cell{color:#4b5563;font-size:14px}.user-cell{align-items:center;color:#374151;display:flex;font-weight:600;gap:12px}.user-avatar{border-radius:50%;height:28px;object-fit:cover;width:28px}.email-cell i{font-size:12px}.created-cell{align-items:center;color:#6b7280;display:flex;gap:8px}.created-cell i{font-size:12px}.account-type-badge{border-radius:9999px;display:inline-block;font-size:9px;font-weight:600;padding:2px 8px;-webkit-user-select:none;user-select:none}.badge-google{background-color:#d7f1d9;color:#2e8b3b}.badge-email{background-color:#d7e4ff;color:#4a6ed1}.action-button{background:none;border:none;cursor:pointer;font-size:14px;margin-right:8px}.edit-button{color:#2563eb}.edit-button:hover{color:#1e40af}.delete-button{color:#dc2626}.delete-button:hover{color:#b91c1c}.modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{background:#fff;border-radius:8px;max-width:400px;padding:24px;width:100%}.modal-title{color:#111827;font-size:18px;font-weight:600}.form-group,.modal-title{margin-bottom:16px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.form-input,.form-select{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;padding:8px 12px;width:100%}.form-input:focus,.form-select:focus{border-color:#0a5ed9;box-shadow:0 0 0 1px #0a5ed9;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px}.save-button{background-color:#0a5ed9;color:#fff}.save-button:hover{background-color:#1e40af}.cancel-button{background-color:#6b7280;color:#fff}.cancel-button:hover{background-color:#4b5563}.notification{position:fixed;right:20px;top:20px;z-index:1000}.notification-content{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:12px;padding:16px}.notification-content.success{background-color:#d4edda;color:#155724}.notification-content.error{background-color:#f8d7da;color:#721c24}.notification-close{background:none;border:none;cursor:pointer;font-weight:600}.project-container-select{height:100vh;width:100%}.project-detail{display:flex;flex-direction:column;height:100%;width:100%}.project-header-name{display:flex;margin-bottom:5px;width:100%}.project-header-tittle-bg{display:flex;width:50%!important}.project-completed-leader{align-items:center;display:flex;justify-content:end;margin-right:25px;width:50%}.project-completed-leader .btn-complete-project-leader{background-color:#00a71f;border:none;border-radius:5px;color:#fff;cursor:pointer;height:auto;outline:none;padding:6px 8px;transition:all .3s ease-in-out;width:auto}.project-completed-leader .btn-complete-project-leader:hover{background-color:#03be25;box-shadow:1px 1px 3px #03e92db3,-1px -1px 3px #02e92cb3}.project-header-bg{align-items:center;display:flex;height:30px;justify-content:center;margin-right:5px;width:30px}.project-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:24px 24px 0}.project-title-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;width:100%}.project-title{color:#172b4d;font-family:Arial,sans-serif;font-size:24px;font-weight:700;margin-bottom:4px}.project-key-display{color:#6b778c;font-family:Arial,sans-serif;font-size:14px}.tab#overview .tab-icon{background-color:#d1d5db}.tab#summary .tab-icon{background-color:#3b82f6}.tab#backlog .tab-icon{background-color:#7f4ce7}.tab#board .tab-icon{background-color:#a155e9}.tab#timeline .tab-icon{background-color:#8b5cf6}.tab#documents .tab-icon{background-color:#bfdbfe}.tab#people .tab-icon{background-color:#c4b5fd}.project-action-bellow-navbar{align-items:center;background-color:#fff;border-bottom:1px solid #dfe1e6;display:flex;height:45px;margin:5px 0;padding:5px 20px;width:100%}.project-action-bellow-navbar .project-action-find{align-items:center;background-color:#f4f5f7;border:1px solid #d1d5db;border-radius:5px;display:flex;margin-right:15px;width:220px}.project-action-bellow-navbar .project-action-find svg{color:#6b7280;margin:0 10px}.project-action-bellow-navbar .project-action-find input{background-color:initial;border:none;color:#374151;font-family:Arial,sans-serif;font-size:14px;height:28px;outline:none;width:180px}.project-action-name-list{align-items:center;display:flex}.project-action-name-list .member-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px #0000001a;height:30px;margin-left:-8px;object-fit:cover;width:30px}.project-content{flex:1 1;overflow:auto}.modal-overlay-completed{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirm-modal-completed{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:90%;padding:20px;text-align:center;width:400px}.confirm-modal-completed h3{color:#000c;font-size:1.4rem;margin-bottom:10px}.confirm-modal-completed p{color:#4a5568;font-size:.9rem;margin-bottom:20px}.modal-actions-completed{display:flex;justify-content:space-around}.btn-cancel-completed,.btn-confirm-completed{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.btn-cancel-completed{background-color:#eff1f5;color:#f83636}.btn-cancel-completed:hover{background-color:#cbd5e0}.btn-confirm-completed{background-color:#00a23b;color:#fff}.btn-confirm-completed:hover{background-color:#00ae31}@media (max-width:768px){.project-header{height:auto;padding:15px 15px 0;width:100%}.project-header .project-title-section{align-items:flex-start;flex-direction:column;gap:10px}.tabs{flex-direction:row;overflow-x:auto;padding:0 10px;white-space:nowrap}.tab{font-size:14px;padding:4px 12px}.project-action-bellow-navbar{flex-direction:column;height:auto;padding:10px}.project-action-bellow-navbar .project-action-find{margin-bottom:10px;width:100%}.project-action-name-list{justify-content:flex-start;margin-left:0}.tab-content{padding:0 10px 15px}}@media (max-width:480px){.project-header .project-title{font-size:20px}.project-header .project-key-display{font-size:14px}.tabs{padding:0 5px}.tab{font-size:13px;padding:4px 10px}.project-action-bellow-navbar .project-action-find{width:100%}.project-action-name-list .member-avatar{height:25px;width:25px}.tab-content{padding:0 5px 10px}}.tabs{background-color:#fff;border-bottom:1px solid #e5e7eb;margin:0;padding:0 20px}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;gap:6px;margin-right:5px;margin-top:2px;outline:none;padding:6px 10px;transition:all .2s ease}.tab.active,.tab:focus,.tab:hover{border-bottom:3px solid #3b82f6;color:#3b82f6}.tab-icon{border-radius:50%;height:16px;width:16px}.tab#backlog .tab-icon,.tab#board .tab-icon,.tab#documents .tab-icon,.tab#people .tab-icon,.tab#summary .tab-icon,.tab#timeline .tab-icon{background-color:initial}.tab-content{padding:0 20px 20px}@media (max-width:768px){.tabs{overflow-x:scroll;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin;width:450px}}.cursor-dot,.cursor-ring{pointer-events:none;position:fixed;transform:translate(-50%,-50%);z-index:9999}.cursor-dot{background-color:red;border-radius:50%;height:10px;width:10px}.cursor-ring{animation:rotate .4s linear infinite;border:1px solid #f00c;border-radius:50%;height:40px;width:40px}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}body{cursor:default}
/*# sourceMappingURL=main.48ad02cb.css.map*/