*{box-sizing:border-box;padding:0;margin:0;scrollbar-width:none!important}body,html{max-width:100vw;overflow:hidden}body{color:var(--primary-font-color);scrollbar-width:none;-ms-overflow-style:none}.app__container,.themeContainer{display:flex;width:100%;height:100vh}.themeContainer{position:relative;transition:.3s;background:var(--background-color);z-index:0}.themeContainer.light{--background:#f3f6f8;--background-color:linear-gradient(120deg,#f3f6f8,#f1f5e6);--card-color:hsla(180,8%,97%,.451);--secondary-card-color:#d9d9d9;--background-color-secondary:#fffefe;--primary-font-color:#141515;--secondary-font-color:rgba(20,21,21,.702);--tertiary-font-color:rgba(20,21,21,.4);--primary-light-font-color:#f8f9f9;--secondary-light-font-color:hsla(180,8%,97%,.702);--accent-color:#8bc858;--secondary-accent-color:#e3e3e3;--border-color:rgba(20,21,21,.102);--success-color:#74d048;--warning-color:#fc0;--high-color:orange;--error-color:#ff4d4d;--error-color-transparent:rgba(255,77,77,.2);--warning-color-transparent:rgba(255,204,0,.2);--high-color-transparent:rgba(255,165,0,.2);--success-color-transparent:rgba(116,208,72,.2);--shimmer-color:linear-gradient(100deg,rgba(220,224,230,.4) 20%,hsla(0,0%,98%,.7) 50%,rgba(220,224,230,.4) 80%)}.themeContainer.dark{--background:#1c1c1c;--background-color:linear-gradient(120deg,#1c1c1c,#1c1c1c);--card-color:rgba(42,42,42,.451);--secondary-card-color:#d9d9d9;--background-color-secondary:#fffefe;--primary-font-color:#fff;--secondary-font-color:hsla(0,0%,100%,.702);--tertiary-font-color:hsla(0,0%,100%,.4);--primary-light-font-color:#141515;--secondary-light-font-color:rgba(20,21,21,.702);--accent-color:#6da34d;--secondary-accent-color:rgba(20,21,21,.9);--border-color:hsla(0,0%,100%,.102);--success-color:#4a9833;--warning-color:#fb3;--high-color:#f80;--error-color:#d63c3c;--error-color-transparent:rgba(214,60,60,.2);--warning-color-transparent:rgba(255,187,51,.2);--high-color-transparent:rgba(255,136,0,.2);--success-color-transparent:rgba(74,152,51,.2);--shimmer-color:linear-gradient(100deg,rgba(60,60,60,.4) 20%,hsla(0,0%,39%,.6) 50%,rgba(60,60,60,.4) 80%)}a{color:inherit;text-decoration:none}button{padding:10px;background:var(--secondary-accent-color);border-radius:10px;cursor:pointer;border:none}button,input,textarea{color:var(--secondary-font-color);outline:none}input,textarea{padding:2px 10px;border-radius:10px;border:1px solid var(--border-color);background:transparent}input::placeholder,textarea::placeholder{color:var(--tertiary-font-color)}input:disabled,textarea:disabled{opacity:.7}input[type=checkbox]{background:transparent;accent-color:transparent;color:var(--secondary-font-color);height:18px;width:18px}.select-container{position:relative!important;width:200px}.select-container.disabled{opacity:.7;pointer-events:none}.select-container .select-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:10px;border:1px solid var(--border-color);color:var(--secondary-font-color);background:transparent;cursor:pointer;transition:.3s}.select-container .select-header:hover{opacity:.8}.select-container .select-header .dropdown-icon{transition:.3s}.select-container .select-header .dropdown-icon.open{rotate:180deg}.select-container ul.select-options{position:absolute;top:120%;left:0;width:100%;background-color:var(--primary-light-font-color);border:1px solid var(--border-color);border-radius:5px;max-height:150px;overflow-y:auto;z-index:99999!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;pointer-events:none;transition:.3s;overflow:auto}.select-container ul.select-options.visible{opacity:1;pointer-events:auto}.select-container ul.select-options li.select-option{display:flex;align-items:center;gap:7px;padding:10px;cursor:pointer;transition:.2s}.select-container ul.select-options li.select-option:hover{opacity:.8}.select-container ul.select-options li.select-option.selected{opacity:.7}.select-container ul.select-options li.select-option.disabled{opacity:.7;pointer-events:none}.select-container .prioritySelect,.select-container .roleSelect{display:flex;align-items:center;gap:7px}.select-container .prioritySelect.low svg,.select-container .roleSelect.low svg{color:var(--success-color)}.select-container .prioritySelect.medium svg,.select-container .roleSelect.medium svg{color:var(--warning-color)}.select-container .prioritySelect.high svg,.select-container .roleSelect.high svg{color:var(--high-color)}.select-container .prioritySelect.urgent svg,.select-container .roleSelect.urgent svg{color:var(--error-color)}.select-container .prioritySelect.member,.select-container .roleSelect.member{color:var(--secondary-font-color)}.select-container .prioritySelect.admin,.select-container .prioritySelect.owner,.select-container .roleSelect.admin,.select-container .roleSelect.owner{color:var(--high-color)}.sidebar{display:flex;flex-direction:column;width:100px;padding:50px 0 50px 30px;gap:30px;box-sizing:border-box;transition:.3s}.sidebar:hover{position:absolute;width:300px;height:100vh;z-index:99;padding-right:30px}.sidebar:hover .logo{justify-content:unset}.sidebar:hover .logo h1{display:block;color:var(--primary-font-color)}.sidebar:hover nav{align-items:unset}.sidebar:hover nav p{opacity:1}.sidebar:hover nav ol>li{width:auto}.sidebar:hover nav ol>li span,.sidebar:hover nav ol>li svg:nth-child(3){display:block}.sidebar:hover .userContainer .user{justify-content:unset}.sidebar:hover .userContainer .logoutBtnContainer,.sidebar:hover .userContainer .userDetails{display:flex!important}.sidebar:hover~main{margin-left:300px}.sidebar:hover~main .projectPage .projectsList{display:none}.sidebar .logo{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;width:100%}.sidebar .logo h1{font-size:36px;display:none}.sidebar nav{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.sidebar nav p{font-size:18px;font-weight:600;color:var(--secondary-font-color);opacity:0}.sidebar nav ol{display:flex;flex-direction:column;gap:10px;max-height:500px;list-style-type:none;transition:.3s}.sidebar nav ol li{display:flex;flex-direction:row;padding:10px;width:60px;border-radius:10px;color:var(--secondary-font-color);cursor:pointer;transition:.3s}.sidebar nav ol li.active{background:var(--accent-color)}.sidebar nav ol li.active .navElement .icon{background:var(--background-color)}.sidebar nav ol li.active .navElement span{color:var(--secondary-light-font-color)}.sidebar nav ol li a{width:100%}.sidebar nav ol li span{display:none}.sidebar nav ol li .navElement{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.sidebar nav ol li .navElement .icon{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:5px;aspect-ratio:1/1;box-sizing:border-box}.sidebar nav ol li .navElement .icon svg:first-child{height:19px;color:var(--accent-color)!important}.sidebar nav ol li .navElement span{font-size:20px;font-weight:600;width:100%}.sidebar nav ol li .navElement svg:nth-child(3){display:none;margin-right:7px}.sidebar nav ol li:hover{opacity:.8}.sidebar .userContainer{display:flex;flex-direction:column;justify-content:flex-end;height:100%;width:100%}.sidebar .userContainer .user{display:flex;justify-content:center;width:100%;gap:7px}.sidebar .userContainer .user img{width:40px;height:40px;border-radius:5px}.sidebar .userContainer .user .userDetails{display:none;flex-direction:column}.sidebar .userContainer .user .userDetails p{font-size:18px;font-weight:700;margin:0;color:var(--primary-font-color)}.sidebar .userContainer .user .userDetails span{font-size:10px;color:var(--secondary-font-color)}.sidebar .userContainer .logoutBtnContainer{display:none;align-items:center;justify-content:center;flex-grow:1;padding:0;margin:0;width:auto}.sidebar .userContainer .logoutBtnContainer button{display:flex;align-items:center;justify-content:center;height:35px;width:35px;aspect-ratio:1/1;background:var(--card-color);color:var(--secondary-font-color);box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:5px;transition:.3s}.sidebar .userContainer .logoutBtnContainer button:hover{background:#ff4d4d;color:var(--primary-light-font-color)}.sidebar .userContainer .logoutBtnContainer button svg{width:12px}.blurCircle{position:absolute;width:400px;height:400px;background:var(--accent-color);filter:blur(100px);opacity:.15;z-index:-1;transition:.3s;animation:breathe 5s infinite}.blurCircle:nth-child(3){top:200px;left:170px}.blurCircle:nth-child(4){right:100px;bottom:100px}.blurCircle:nth-child(5){right:30%;top:50px}main{position:relative;display:flex;flex-direction:column;justify-content:stretch;gap:20px;height:100%;max-height:100%;padding:50px 30px;box-sizing:border-box;color:var(--secondary-font-color)}main,main .header{width:100%}main .header h1{font-size:68px}main .header h1,main .header h2{color:var(--primary-font-color);margin:0}main .header h2{font-size:42px;max-width:100%}main .header h2,main .header p{word-break:break-word!important}main .header p{font-size:20px;font-weight:500;max-width:50%;color:var(--secondary-font-color);margin:0}main .header .percentage{display:flex;align-items:center;width:100%;gap:10px}main .header .percentage progress[value]{width:35%;height:8px;background-color:var(--border-color);border-radius:50px;border:none}main .header .percentage progress[value]::-webkit-progress-bar{border-radius:50px;background:var(--tertiary-font-color)}main .header .percentage progress[value]::-webkit-progress-value{background-color:var(--accent-color);border-radius:50px}main .header .percentage progress[value]::-moz-progress-bar{background-color:var(--accent-color);border-radius:50px}main .header .percentage p{font-size:16px;flex-grow:1}main .header .percentage .projectMembers{display:flex;justify-content:flex-end;height:100%;flex-grow:1}main .header .percentage .projectMembers .avatar{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%}main .header .percentage .projectMembers .avatar.bg{background:var(--accent-color)}main .header .percentage .projectMembers .avatar:first-child{transform:translateX(0);z-index:10}main .header .percentage .projectMembers .avatar:nth-child(2){transform:translateX(-15px);z-index:12}main .header .percentage .projectMembers .avatar:nth-child(3){transform:translateX(-30px);z-index:13}main .header .percentage .projectMembers .avatar:nth-child(4){transform:translateX(-45px);z-index:14}main .header .percentage .projectMembers .avatar:nth-child(5){transform:translateX(-60px);z-index:15}main .header .percentage .projectMembers .avatar:nth-child(6){transform:translateX(-75px);z-index:16}main .header .percentage .projectMembers .avatar:nth-child(7){transform:translateX(-90px);z-index:17}main .header .percentage .projectMembers .avatar:nth-child(8){transform:translateX(-105px);z-index:18}main .header .percentage .projectMembers .avatar:nth-child(9){transform:translateX(-120px);z-index:19}main .header .percentage .projectMembers .avatar:nth-child(10){transform:translateX(-135px);z-index:20}main .header .percentage .projectMembers .avatar:hover p{opacity:1;pointer-events:auto}main .header .percentage .projectMembers .avatar img{border-radius:50%;width:40px;height:40px;aspect-ratio:1/1;border:2px solid var(--card-color)}main .header .percentage .projectMembers .avatar p{position:absolute;width:max-content;min-width:-moz-fit-content;min-width:fit-content;padding:2px 4px;text-align:center;background:var(--card-color);border:1px solid var(--border-color);border-radius:5px;transition:.3s;opacity:0;pointer-events:none;top:120%;white-space:nowrap}main .dashboardContainer{display:flex;gap:20px;flex-direction:column;height:100%;width:100%}main .row-between{position:relative;display:flex;align-items:flex-start;gap:20px;box-sizing:border-box}main .row-between.full{max-height:650px;flex-grow:1}main .row-between .row-col{display:flex;flex-direction:column;gap:20px;width:100%;height:100%;max-height:100%}main .row-between .row-col .card{flex:1 1 auto;max-height:100%;height:-moz-fit-content;height:fit-content}main .row-between .card{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;width:100%;max-height:100%;border-radius:10px;background:var(--card-color);box-shadow:0 4px 10px rgba(0,0,0,.1)}main .row-between .card p{font-size:16px;font-weight:700;color:var(--secondary-font-color)}main .row-between .card .num{display:flex;flex-direction:row;gap:7px}main .row-between .card .num .icon{display:flex;align-items:center;justify-content:center;background:var(--primary-light-font-color);border:1px solid var(--tertiary-font-color);padding:10px;aspect-ratio:1/1!important;border-radius:50%}main .row-between .card .num .icon svg{font-size:14px;color:var(--tertiary-font-color)}main .row-between .card .num p{font-size:27px;font-weight:700;color:var(--primary-font-color)}main .row-between .card .chartContainer{position:relative;display:flex;height:100%;width:100%;max-height:250px;align-items:center;justify-content:center;color:var(--secondary-font-color);font-weight:700;font-family:inherit}main .row-between .card .chartContainer .completedChart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column}main .row-between .card .chartContainer .completedChart p{font-size:36px;font-weight:700;color:var(--primary-font-color)}main .row-between .card .chartContainer .completedChart span{font-size:14px;color:var(--secondary-font-color)}main .row-between .card .tasksScroll{display:flex;flex-direction:column;overflow:scroll;scrollbar-width:none!important;height:100%;max-height:700px}main .row-between .card .tasksScroll .noTasks{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;width:100%;height:-moz-fit-content;height:fit-content;text-align:center}main .row-between .card .tasksScroll .noTasks svg{height:50px;color:var(--success-color);margin-bottom:8px}main .row-between .card .tasksScroll .noTasks span{color:var(--tertiary-font-color);font-size:14px;padding:0 10px}main .row-between .card .tasksScroll .uncompletedTask{display:flex;width:100%;padding:10px;gap:10px}main .row-between .card .tasksScroll .uncompletedTask.low .icon{background:var(--success-color-transparent);color:var(--success-color);box-shadow:0 2px 10px var(--success-color)}main .row-between .card .tasksScroll .uncompletedTask.medium .icon{background:var(--warning-color-transparent);color:var(--high-color);box-shadow:0 2px 10px var(--warning-color)}main .row-between .card .tasksScroll .uncompletedTask.high .icon{background:var(--high-color-transparent);color:var(--high-color);box-shadow:0 2px 10px var(--high-color)}main .row-between .card .tasksScroll .uncompletedTask.urgent .icon{background:var(--error-color-transparent);color:var(--error-color);box-shadow:0 2px 10px var(--error-color)}main .row-between .card .tasksScroll .uncompletedTask .icon{display:flex;align-items:center;justify-content:center;border-radius:5px;aspect-ratio:1/1;width:50px;height:50px;background:var(--error-color);color:var(--tertiary-font-color);border:1px solid var(--tertiary-font-color)}main .row-between .card .tasksScroll .uncompletedTask .icon svg{font-size:18px}main .row-between .card .tasksScroll .uncompletedTask .details{display:flex;flex-direction:column;gap:12px;width:100%}main .row-between .card .tasksScroll .uncompletedTask .details .detailsHeader h2{font-size:22px;color:var(--primary-font-color)}main .row-between .card .tasksScroll .uncompletedTask .details .detailsHeader p{font-size:14px;columns:var(--secondary-font-color)}main .row-between .card .tasksScroll .uncompletedTask .details .taskDetails{display:flex;justify-content:space-between;width:100%}main .row-between .card .tasksScroll .uncompletedTask .details .taskDetails .col{flex-grow:1}main .row-between .card .tasksScroll .uncompletedTask .details .taskDetails .col span{text-transform:capitalize!important}main .tooltip{display:flex;align-items:center;justify-content:center;padding:5px 10px;background:var(--background-color);border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.1)}main .todoContainer{position:relative!important;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;width:100%;height:100%;box-sizing:border-box;overflow:hidden}main .todoContainer .cardCol{position:relative;display:flex;flex-direction:column;background:var(--card-color);border-radius:10px;border:1px dashed var(--tertiary-font-color);padding:20px;height:100%;gap:15px}main .todoContainer .cardCol .colHeader{position:relative;display:flex;align-items:center;gap:7px}main .todoContainer .cardCol .colHeader h1{color:var(--primary-font-color);font-weight:600;font-size:28px;text-transform:capitalize}main .todoContainer .cardCol .colHeader .count{background:var(--secondary-font-color);color:var(--primary-light-font-color);font-weight:500;font-size:14px;padding:3px 7px;border-radius:3px}main .todoContainer .cardCol .statusCheckbox{display:none;pointer-events:none}main .todoContainer .cardCol .statusCheckbox:checked~.chevron svg{rotate:180deg;pointer-events:none}main .todoContainer .cardCol .chevron{position:absolute;z-index:5;top:20px;right:20px;width:30px;height:40px;display:none;justify-content:center;align-items:center}main .todoContainer .cardCol .chevron svg{transition:.3s}main .todoContainer .cardCol .cardsContainer{position:relative;display:flex;flex-direction:column;width:100%;flex:1 1 auto;gap:15px;height:0;overflow-y:scroll;scrollbar-width:none!important}main .todoContainer .cardCol .cardsContainer .taskCard{position:relative;display:flex;gap:5px;border-radius:10px;color:var(--secondary-font-color);background:var(--card-color);box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer}main .todoContainer .cardCol .cardsContainer .taskCard .indicator{width:5px!important;height:100%;border-top-left-radius:10px;border-bottom-left-radius:10px}main .todoContainer .cardCol .cardsContainer .taskCard .indicator.LOW{background:var(--success-color)}main .todoContainer .cardCol .cardsContainer .taskCard .indicator.MEDIUM{background:var(--warning-color)}main .todoContainer .cardCol .cardsContainer .taskCard .indicator.HIGH{background:var(--high-color)}main .todoContainer .cardCol .cardsContainer .taskCard .indicator.URGENT{background:var(--error-color)}main .todoContainer .cardCol .cardsContainer .taskCard .gripContainer,main .todoContainer .cardCol .cardsContainer .taskCard .taskOptionsContainer{position:absolute;right:0;top:0;padding:5px 10px;opacity:.4;font-size:14px;transition:.3s;cursor:move}main .todoContainer .cardCol .cardsContainer .taskCard .gripContainer:hover,main .todoContainer .cardCol .cardsContainer .taskCard .taskOptionsContainer:hover{opacity:.7}main .todoContainer .cardCol .cardsContainer .taskCard .taskOptionsContainer{display:none;z-index:99;pointer-events:all}main .todoContainer .cardCol .cardsContainer .taskCard .content{gap:15px;padding:10px;width:100%}main .todoContainer .cardCol .cardsContainer .taskCard .content,main .todoContainer .cardCol .cardsContainer .taskCard .content .contentHeader{display:flex;flex-direction:column;word-break:break-word!important}main .todoContainer .cardCol .cardsContainer .taskCard .content .contentHeader p{font-size:20px;font-weight:500;color:var(--primary-font-color)}main .todoContainer .cardCol .cardsContainer .taskCard .content .contentHeader span{font-size:16px;font-weight:400;color:var(--secondary-font-color)}main .todoContainer .cardCol .cardsContainer .taskCard .content .contentHeader span.projectName{font-size:14px;color:var(--tertiary-font-color)}main .todoContainer .cardCol .cardsContainer .taskCard .content .progressContainer{display:flex;flex-direction:column;gap:3px}main .todoContainer .cardCol .cardsContainer .taskCard .content .progressContainer .progressText{display:flex;justify-content:space-between;width:100%;font-size:14px}main .todoContainer .cardCol .cardsContainer .taskCard .content .progressContainer .progressText p{color:var(--primary-font-color);font-weight:500}main .todoContainer .cardCol .cardsContainer .taskCard .content .progressContainer .progress{display:flex;justify-content:space-between;gap:2px;width:100%}main .todoContainer .cardCol .cardsContainer .taskCard .content .progressContainer .progress span{background:rgba(0,0,0,.3);border-radius:5px;width:100%;height:5px}main .todoContainer .cardCol .cardsContainer .taskCard .content .progressContainer .progress span.completed{background:var(--success-color)}main .todoContainer .cardCol .cardsContainer .taskCard .content .contentBottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%}main .todoContainer .cardCol .cardsContainer .taskCard .content .contentBottom span.dueTime{font-size:14px;padding:4px 8px;background:var(--error-color-transparent);color:var(--error-color);border-radius:5px}main .todoContainer .cardCol .cardsContainer .taskCard .content a{color:var(--accent-color)}main .todoContainer .cardCol .cardsContainer .taskCard .content .stages{display:flex;flex-direction:column;margin-top:10px}main .todoContainer .cardCol .cardsContainer .taskCard .content .stage{display:flex;gap:7px}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;font-size:14px}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar.bg{background:var(--accent-color)}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar:first-child{transform:translateX(0);z-index:10}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar:nth-child(2){transform:translateX(-20px);z-index:12}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar:nth-child(3){transform:translateX(-40px);z-index:13}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar:nth-child(4){transform:translateX(-60px);z-index:14}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar:nth-child(5){transform:translateX(-80px);z-index:15}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar:nth-child(6){transform:translateX(-100px);z-index:16}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar:nth-child(7){transform:translateX(-120px);z-index:17}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar:nth-child(8){transform:translateX(-140px);z-index:18}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar:nth-child(9){transform:translateX(-160px);z-index:19}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar:nth-child(10){transform:translateX(-180px);z-index:20}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar p{position:absolute;width:max-content;min-width:-moz-fit-content;min-width:fit-content;padding:2px 4px;text-align:center;background:var(--card-color);border:1px solid var(--border-color);border-radius:5px;transition:.3s;opacity:0;pointer-events:none;top:120%;white-space:nowrap}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar:hover p{opacity:1;pointer-events:auto}main .todoContainer .cardCol .cardsContainer .taskCard .content .assignedMembers .avatar img{border-radius:50%;width:30px;height:30px;aspect-ratio:1/1;border:2px solid var(--card-color)}main .todoContainer .cardCol .cardsContainer .expiredCardsContainer{position:relative;border:1px solid var(--error-color);border-radius:10px;background:var(--error-color-transparent);padding:10px;height:auto;min-height:-moz-fit-content;min-height:fit-content;overflow-y:hidden}main .todoContainer .cardCol .cardsContainer .expiredCardsContainer .expiredHeader{display:flex;width:100%;padding:10px 4px;cursor:pointer}main .todoContainer .cardCol .cardsContainer .expiredCardsContainer .expiredchevron{position:absolute;z-index:5;top:10px;right:20px;width:30px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}main .todoContainer .cardCol .cardsContainer .expiredCardsContainer .expiredchevron svg{transition:.3s}main .todoContainer .cardCol .cardsContainer .expiredCardsContainer .count{background:var(--secondary-font-color);color:var(--primary-light-font-color);font-weight:500;font-size:14px;padding:2px 6px;border-radius:3px;margin-left:4px}main .todoContainer .cardCol .cardsContainer .expiredCardsContainer .expiredCheckbox{display:none;pointer-events:none}main .todoContainer .cardCol .cardsContainer .expiredCardsContainer .expiredCheckbox:checked~.expiredContent{display:flex!important}main .todoContainer .cardCol .cardsContainer .expiredCardsContainer .expiredCheckbox:checked~.expiredchevron svg{rotate:180deg;pointer-events:none}main .todoContainer .cardCol .cardsContainer .expiredCardsContainer .expiredContent{position:relative;display:none;flex-direction:column;gap:10px;height:100%;max-height:100%;width:100%;overflow-y:scroll}main .todoContainer .cardCol .cardsContainer .expiredCardsContainer .expiredContent .taskCard{width:100%!important}main .absoluteButton{position:fixed;bottom:0;right:0;margin:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;aspect-ratio:1/1;width:60px;height:60px;background:var(--background-color);border:1px solid var(--border-color);z-index:3}main .absoluteButton svg{font-size:28px}main .projectPage{display:flex;height:100%}main .projectPage input#projectMenuCheckbox,main .projectPage input#projectMenuCheckbox:checked~.projectMenuCheckboxLabel .bars{display:none}main .projectPage input#projectMenuCheckbox:checked~.projectMenuCheckboxLabel .xmark{display:block}main .projectPage label.projectMenuCheckboxLabel{position:fixed;right:0;top:0;display:none;align-items:center;justify-content:center;background:var(--card-color);padding:10px;margin:10px;border:1px solid var(--border-color);aspect-ratio:1/1;border-radius:50%;z-index:99;width:40px}main .projectPage label.projectMenuCheckboxLabel .bars{display:block}main .projectPage label.projectMenuCheckboxLabel .xmark{display:none}main .projectPage .projectsList{display:flex;flex-direction:column;min-width:200px;padding-right:20px;padding-top:50px;margin-left:0;gap:20px}main .projectPage .projectsList h2{font-size:32px;color:var(--primary-font-color)}main .projectPage .projectsList .list{display:flex;justify-content:flex-start;flex-direction:column;gap:10px}main .projectPage .projectsList .list p{font-size:16px;color:var(--secondary-font-color)}main .projectPage .projectsList .list ol{display:flex;flex-direction:column;list-style-type:none;gap:10px;border-left:1px solid var(--tertiary-font-color)}main .projectPage .projectsList .list ol li{display:flex;align-items:center;gap:5px}main .projectPage .projectsList .list ol li .min{height:1px;background:var(--tertiary-font-color);width:10px}main .projectPage .projectsList .list ol li a{width:100%;padding:7px 15px;border-radius:5px;font-weight:500;color:var(--secondary-font-color);font-size:14px;transition:.3s}main .projectPage .projectsList .list ol li a:hover{opacity:.9}main .projectPage .projectsList .list ol li a.active{background:var(--accent-color);color:var(--primary-light-font-color)}main .projectPage .projectsList .list button{display:flex;width:100%;justify-content:space-between;padding:10px 15px;background:var(--card-color);color:var(--secondary-font-color);box-shadow:0 2px 10px rgba(0,0,0,.1)}main .projectPage .projectsList .list button span{width:100%;font-weight:600}main .projectPage .projectContainer{display:flex;flex-direction:column;padding-left:30px;gap:20px;height:100%;width:100%}main .projectPage .projectContainer .projectNav{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:10px;padding:7px;width:-moz-fit-content;width:fit-content;background:var(--secondary-accent-color);border-radius:15px}main .projectPage .projectContainer .projectNav .navElement{display:flex}main .projectPage .projectContainer .projectNav .navElement label{display:flex;justify-content:center;align-items:center;gap:7px;padding:10px 0;width:120px;border-radius:10px;color:var(--secondary-font-color);font-size:16px;font-weight:700;cursor:pointer}main .projectPage .projectContainer .projectNav .navElement input{display:none}main .projectPage .projectContainer .projectNav .navElement input:checked~label{background:var(--card-color);color:var(--primary-font-color)}main .projectPage .projectContainer .projectElementContainer{position:relative!important;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}main .projectPage .projectContainer .projectElementContainer .notesContainer{height:100%;position:relative;display:flex;flex-direction:column;gap:15px;width:100%;padding:20px;background:var(--card-color);border-radius:10px;border:1px dashed var(--tertiary-font-color)}main .projectPage .projectContainer .projectElementContainer .notesContainer .notesheader{display:flex;align-items:center;gap:7px}main .projectPage .projectContainer .projectElementContainer .notesContainer .notesheader h1{color:var(--primary-font-color);font-weight:600;font-size:28px;text-transform:capitalize}main .projectPage .projectContainer .projectElementContainer .notesContainer .notesheader .count{background:var(--secondary-font-color);color:var(--primary-light-font-color);font-weight:500;font-size:14px;padding:3px 7px;border-radius:3px}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px;width:100%;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard{display:block;width:100%;max-width:500px;height:-moz-fit-content;height:fit-content;margin-bottom:20px;border-radius:10px;padding:10px;word-wrap:break-word;background:var(--card-color);box-shadow:0 2px 10px rgba(0,0,0,.1);color:var(--secondary-font-color);cursor:pointer}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard .content{display:flex;flex-direction:column;gap:15px;padding:10px;width:100%;word-break:break-word!important}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard .content .contentHeader{display:flex;flex-direction:column;word-break:break-word!important}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard .content .contentHeader p{font-size:20px;font-weight:500;color:var(--primary-font-color)}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard .content .contentHeader span{font-size:16px;font-weight:400;color:var(--secondary-font-color)}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard .content .contentBottom{display:flex;justify-content:space-between;align-items:center;width:100%}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard .content .contentBottom span.createdTime{font-size:14px;padding:4px 8px;border-radius:5px;background:var(--success-color-transparent);color:var(--success-color)}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard .content .contentBottom .avatar{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard .content .contentBottom .avatar:not(:first-child){transform:translateX(-25px)}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard .content .contentBottom .avatar:hover p{opacity:1;pointer-events:auto}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard .content .contentBottom .avatar img{border-radius:50%;width:30px;height:30px;aspect-ratio:1/1;border:2px solid var(--card-color)}main .projectPage .projectContainer .projectElementContainer .notesContainer .notess .noteCard .content .contentBottom .avatar p{position:absolute;width:max-content;min-width:-moz-fit-content;min-width:fit-content;padding:2px 4px;text-align:center;background:var(--card-color);border:1px solid var(--border-color);border-radius:5px;transition:.3s;opacity:0;pointer-events:none;top:120%;white-space:nowrap}main .projectPage .projectContainer .projectElementContainer .membersContainer{position:relative;display:flex;flex-direction:column;background:var(--card-color);border-radius:10px;width:100%;height:100%;padding:20px;gap:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersHeader{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersHeader .title{display:flex;align-items:center;gap:7px}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersHeader .title h1{color:var(--primary-font-color);font-weight:600;font-size:28px;text-transform:capitalize}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersHeader .title .count{background:var(--secondary-font-color);color:var(--primary-light-font-color);font-weight:500;font-size:14px;padding:3px 7px;border-radius:3px}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersHeader .buttons{display:flex;align-items:center;gap:10px}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersHeader .buttons input{padding:10px 15px;width:400px}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersHeader .buttons button{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--primary-font-color);color:var(--secondary-light-font-color);font-size:12px;font-weight:600;padding:10px 15px}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent{position:relative;display:flex;width:100%;height:100%;gap:30px}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent ul.membersUl{display:flex;flex-direction:column;gap:0;width:100%;height:100%;max-height:90%;border:1px solid var(--border-color);border-inline-width:0;gap:20px;padding:15px 0;overflow-y:scroll;scrollbar-width:none!important}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent ul.membersUl li.membersLi{display:flex;align-items:center;gap:10px;width:100%;padding:5px 0}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent ul.membersUl li.membersLi.invite{margin-top:25px}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent ul.membersUl li.membersLi img{border-radius:50%;width:40px;height:40px;aspect-ratio:1/1}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent ul.membersUl li.membersLi p{display:flex;align-items:center;gap:5px;font-weight:600;font-size:18px;color:var(--primary-font-color)}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent ul.membersUl li.membersLi span{color:var(--secondary-font-color);font-size:14px;min-width:-moz-fit-content;min-width:fit-content}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent ul.membersUl li.membersLi .actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;width:100%}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent ul.membersUl li.membersLi .actions button{background:none;color:var(--primary-font-color);padding:5px;height:100%;font-size:18px;transition:.3s}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent ul.membersUl li.membersLi .actions button:hover{color:var(--secondary-font-color)}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent ul.membersUl li.membersLi .actions button.admin svg{color:var(--warning-color)}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent ul.membersUl li.membersLi .actions button:disabled{color:var(--tertiary-font-color);cursor:not-allowed}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent .membersRolesDescription{display:flex;flex-direction:column;gap:15px;padding:10px 0;width:20%;color:var(--secondary-font-color)}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent .membersRolesDescription h2{font-size:26px;color:var(--secondary-font-color)}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent .membersRolesDescription .roleDescription{display:flex;flex-direction:column;width:100%}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent .membersRolesDescription .roleDescription p{font-weight:700;font-size:16px;margin:0}main .projectPage .projectContainer .projectElementContainer .membersContainer .membersContent .membersRolesDescription .roleDescription span{font-size:14px}.gradient-overlay{position:fixed;height:100px;background:linear-gradient(to bottom,var(--background) 0,transparent 100%);z-index:0}.gradient-overlay,.modalContainer{top:0;left:0;width:100%;pointer-events:none}.modalContainer{position:absolute;display:flex;align-items:center;justify-content:center;height:100vh;transition:.3s;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99}.modalContainer.visible{opacity:1;pointer-events:all}.modalContainer .modal{position:relative;display:flex;flex-direction:column;gap:15px;padding:15px 20px;background:var(--background-color);color:var(--secondary-font-color);box-shadow:0 2px 100px rgba(0,0,0,.1);border-radius:10px;width:800px}.modalContainer .modal .title{display:flex;justify-content:space-between;align-items:center;text-transform:capitalize;color:var(--primary-font-color);font-size:20px}.modalContainer .modal .title button{background:none;border:none;padding:none;font-size:22px;color:var(--primary-font-color)}.modalContainer .modal .content{display:flex;flex-direction:column;justify-content:center;width:100%;gap:15px;padding:20px 0;border:1px solid var(--border-color);border-left:none;border-right:none}.modalContainer .modal .content .header{text-align:center}.modalContainer .modal .content .header h2{font-size:26px;font-weight:600;color:var(--primary-font-color)}.modalContainer .modal .content .header span{font-size:16px;color:var(--secondary-font-color);word-break:break-all}.modalContainer .modal .content .contentCol{display:flex;flex-direction:column;gap:5px;margin-top:15px}.modalContainer .modal .content .contentCol input{padding:5px 10px}.modalContainer .modal .content .contentCol input:not(:last-child){margin-bottom:10px}.modalContainer .modal .content .stages{display:flex;flex-direction:column;gap:5px}.modalContainer .modal .content .stages p{color:var(--secondary-font-color);font-weight:700;font-size:18px}.modalContainer .modal .content .stages .stage{display:flex;align-items:center;gap:7px;padding:2px 7px;font-size:16px}.modalContainer .modal .content .stages .stage input[type=checkbox]:checked~label{text-decoration:line-through}.modalContainer .modal .content .button,.modalContainer .modal .content .button button{width:100%}.modalContainer .modal .content ol.pwalist{font-size:16px;padding-left:16px}.modalContainer .modal .content .contentBottom{display:flex;justify-content:space-between;align-items:center;width:100%}.modalContainer .modal .content .contentBottom span{font-size:14px;padding:4px 8px;border-radius:5px}.modalContainer .modal .content .contentBottom span.dueTime{background:var(--error-color-transparent);color:var(--error-color)}.modalContainer .modal .content .contentBottom span.createdTime{background:var(--success-color-transparent);color:var(--success-color)}.modalContainer .modal .content .contentBottom .assignedMembers{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.modalContainer .modal .content .contentBottom .assignedMembers .avatar{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;font-size:14px}.modalContainer .modal .content .contentBottom .assignedMembers .avatar.bg{background:var(--accent-color)}.modalContainer .modal .content .contentBottom .assignedMembers .avatar:first-child{transform:translateX(0);z-index:10}.modalContainer .modal .content .contentBottom .assignedMembers .avatar:nth-child(2){transform:translateX(-20px);z-index:12}.modalContainer .modal .content .contentBottom .assignedMembers .avatar:nth-child(3){transform:translateX(-40px);z-index:13}.modalContainer .modal .content .contentBottom .assignedMembers .avatar:nth-child(4){transform:translateX(-60px);z-index:14}.modalContainer .modal .content .contentBottom .assignedMembers .avatar:nth-child(5){transform:translateX(-80px);z-index:15}.modalContainer .modal .content .contentBottom .assignedMembers .avatar:nth-child(6){transform:translateX(-100px);z-index:16}.modalContainer .modal .content .contentBottom .assignedMembers .avatar:nth-child(7){transform:translateX(-120px);z-index:17}.modalContainer .modal .content .contentBottom .assignedMembers .avatar:nth-child(8){transform:translateX(-140px);z-index:18}.modalContainer .modal .content .contentBottom .assignedMembers .avatar:nth-child(9){transform:translateX(-160px);z-index:19}.modalContainer .modal .content .contentBottom .assignedMembers .avatar:nth-child(10){transform:translateX(-180px);z-index:20}.modalContainer .modal .content .contentBottom .assignedMembers .avatar p{position:absolute;width:max-content;min-width:-moz-fit-content;min-width:fit-content;padding:2px 4px;text-align:center;background:var(--card-color);border:1px solid var(--border-color);border-radius:5px;transition:.3s;opacity:0;pointer-events:none;top:120%;white-space:nowrap}.modalContainer .modal .content .contentBottom .assignedMembers .avatar:hover p{opacity:1;pointer-events:auto}.modalContainer .modal .content .contentBottom .assignedMembers .avatar img{border-radius:50%;width:30px;height:30px;aspect-ratio:1/1;border:2px solid var(--card-color)}.modalContainer .modal .content form{display:flex;flex-direction:column;gap:12px}.modalContainer .modal .content form .formRow{display:flex;justify-content:space-between;width:100%}.modalContainer .modal .content form .formRow.action{margin-top:20px}.modalContainer .modal .content form .formRow label{display:flex;flex-direction:column}.modalContainer .modal .content form .formRow label p{color:var(--secondary-font-color);font-weight:600}.modalContainer .modal .content form .formRow label span{color:var(--tertiary-font-color)}.modalContainer .modal .content form .formRow input:not([type=checkbox]),.modalContainer .modal .content form .formRow textarea{width:450px}.modalContainer .modal .content form .formRow textarea{resize:vertical;min-height:70px;max-height:200px;padding:10px}.modalContainer .modal .content form .formRow input[type=datetime-local]{width:200px}.modalContainer .modal .content form .formRow button{width:200px;background:transparent;border:1px solid var(--border-color)}.modalContainer .modal .content form .formRow .stagesContainer{display:flex;flex-direction:column;width:450px}.modalContainer .modal .content form .formRow .stagesContainer .stagesList{display:flex;flex-direction:column;gap:5px;padding-top:15px;max-height:200px;width:100%;overflow-y:scroll;list-style-type:none!important}.modalContainer .modal .content form .formRow .stagesContainer .stagesList .newStageContainer{display:flex;align-items:center;gap:2px}.modalContainer .modal .content form .formRow .stagesContainer .stagesList .newStageContainer button{display:flex;justify-content:center;align-items:center;background:none;color:var(--tertiary-font-color);transition:.3s;padding:5px 10px;width:25%!important}.modalContainer .modal .content form .formRow .stagesContainer .stagesList .newStageContainer button:hover{color:var(--error-color)}.modalContainer .modal .content form .formRow .stagesContainer button{display:flex;gap:7px;align-items:center;background:none;text-align:left;font-weight:600;font-size:12px}.modalContainer .modal .content form .formRow .invites{display:flex;flex-direction:column;max-height:300px;margin-top:15px;overflow-y:scroll;scrollbar-width:none!important;gap:15px}.modalContainer .modal .content form .formRow .invites p.noInvites{width:300px;padding:5px;font-size:14px;border:1px solid var(--border-color);border-radius:10px;text-align:center}.modalContainer .modal .content form .formRow .invites .inviteDetails{display:flex;flex-direction:column;border-radius:10px;border:1px solid var(--border-color);width:450px;padding:10px;gap:10px;transition:.3s}.modalContainer .modal .content form .formRow .invites .inviteDetails.open .inviteDetailsHeader svg{rotate:90deg}.modalContainer .modal .content form .formRow .invites .inviteDetails.open .inviteDetailsContent{max-height:-moz-fit-content;max-height:fit-content;display:flex}.modalContainer .modal .content form .formRow .invites .inviteDetails .inviteDetailsHeader{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer;color:var(--primary-font-color);font-weight:700;font-size:18px}.modalContainer .modal .content form .formRow .invites .inviteDetails .inviteDetailsHeader svg{transition:.3s}.modalContainer .modal .content form .formRow .invites .inviteDetails .inviteDetailsContent{display:none;flex-direction:column;width:100%;gap:5px;max-height:0;transition:.3s}.modalContainer .modal .content form .formRow .invites .inviteDetails .inviteDetailsContent button{background:transparent;transition:.3s}.modalContainer .modal .content form .formRow .invites .inviteDetails .inviteDetailsContent button:hover{color:var(--tertiary-font-color)}.modalContainer .modal .content form .formRow button.projectLeave,.modalContainer .modal .content form .formRow button.signOut{width:300px;font-weight:600;background:transparent;border:1px solid var(--border-color);transition:.3s}.modalContainer .modal .content form .formRow button.projectLeave:hover,.modalContainer .modal .content form .formRow button.signOut:hover{background:var(--error-color);border-color:transparent;font-weight:700!important}.modalContainer .modal .content span.or{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;color:var(--tertiary-font-color)}.modalContainer .modal .content span.or:after,.modalContainer .modal .content span.or:before{display:block;content:"";width:45%;height:1px;background:var(--border-color)}.modalContainer .modal .content .createOrJoin{display:flex;flex-direction:column;gap:15px;margin:15px 0}.modalContainer .modal .content .createOrJoin button{background:transparent;border:1px solid var(--border-color);font-weight:700px}.modalContainer .modal .row{display:flex;justify-content:space-between;width:100%}.modalContainer .modal .row label{display:flex;flex-direction:column}.modalContainer .modal .row label p{color:var(--secondary-font-color);font-weight:600}.modalContainer .modal .row label span{color:var(--tertiary-font-color)}.modalContainer .modal .row .link{display:flex;align-items:center;justify-content:flex-end;gap:5px}.modalContainer .modal .row .link input{padding:10px 15px;width:250px}.modalContainer .modal .row .link button{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:1px solid var(--border-color);padding:10px 15px}.modalContainer .modal .qrCode{flex-direction:column;margin-top:20px}.modalContainer .modal .qrCode,.modalContainer .modal .qrCode span{display:flex;justify-content:center;align-items:center;gap:10px;width:100%}.modalContainer .modal .qrCode span:after,.modalContainer .modal .qrCode span:before{display:block;content:"";width:35%;height:1px;background:var(--border-color)}.modalContainer .modal .qrCode svg{fill:var(--primary-font-color)!important;width:30%}.modalContainer .modal .bottom{display:flex;flex-direction:row-reverse;gap:7px}.modalContainer .modal .bottom button{background:var(--secondary-accent-color);color:var(--primary-font-color);padding:15px 20px;font-size:14px;font-weight:700;border:none;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.modalContainer .modal .bottom button.secondary{background:none;color:var(--tertiary-font-color);box-shadow:none}.membersList{display:flex;align-items:center;overflow-x:scroll}.membersList img{width:40px;height:40px;aspect-ratio:1/1;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:.3s}.membersList input{display:none}.membersList input:checked~label img{border-color:var(--accent-color)}.contextMenu{position:fixed;z-index:998;display:flex;gap:5px;flex-direction:column;background:var(--background-color);border:1px solid var(--border-color);color:var(--secondary-font-color);border-radius:10px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.1)}.contextMenu ol.contextMenuList{display:flex;flex-direction:column;gap:5px;list-style-type:none}.contextMenu ol.contextMenuList li{display:flex;align-items:center;gap:7px;position:relative;padding:5px 10px;transition:.3s}.contextMenu ol.contextMenuList li:hover{color:var(--tertiary-font-color)}.contextMenu ol.contextMenuList li:hover ol{display:flex}.contextMenu ol.contextMenuList li.delete{border-radius:0 0 10px 10px}.contextMenu ol.contextMenuList li.delete:hover{background:var(--error-color);color:var(--primary-light-font-color)}.contextMenu ol.contextMenuList li svg{font-size:10px}.contextMenu ol.contextMenuList li ol{position:absolute;left:100%;top:0;display:none;flex-direction:column;gap:5px;background:var(--background-color);border:1px solid var(--border-color);color:var(--primary-font-color);border-radius:0 10px 10px 10px;list-style-type:none;box-shadow:5px 2px 10px rgba(0,0,0,.1)}.settingsContainer{display:flex;flex-direction:column;padding:.5rem 5rem;overflow-y:scroll}.projectDetails{display:none;flex-direction:column;gap:5px}.projectDetails.active{display:flex}.skeleton{border-radius:5px;display:block;color:transparent;pointer-events:none;background:var(--shimmer-color);background-size:200% 100%;animation:shimmer 1.5s linear infinite;margin-bottom:5px}.skeleton.small{height:20px}.skeleton.medium{height:30px}.skeleton.large{height:50px}.skeleton.full{height:100%}.skeleton.wfull{width:100%}.skeleton.whalf{width:50%}.skeleton.wquarter{width:25%}.skeleton.wtext{width:5px}::-webkit-scrollbar{display:none;width:0}body::-webkit-scrollbar{display:none}@keyframes breathe{0%{scale:1;opacity:.15}50%{scale:1.3;opacity:.25}to{scale:1;opacity:.15}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:767px){.sidebar{bottom:0;left:0;z-index:99;flex-direction:row;align-items:center;justify-content:center;padding:10px;background:var(--card-color);border:1px solid var(--border-color);border-radius:25px;margin:20px}.sidebar,.sidebar:hover{position:fixed;width:calc(100% - 40px);height:-moz-fit-content;height:fit-content}.sidebar:hover{padding:10px!important}.sidebar:hover nav span{display:none!important}.sidebar:hover .userContainer,.sidebar:hover nav p,.sidebar:hover nav svg:nth-child(3){display:none}.sidebar:hover~main{margin-left:0!important}.sidebar:hover~main .projectPage .projectsList{display:flex}.sidebar:before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;border-radius:25px;background:var(--card-color);z-index:-2}.sidebar .logo,.sidebar .userContainer{display:none}.sidebar nav{flex-direction:row;width:-moz-fit-content;width:fit-content}.sidebar nav p{display:none}.sidebar nav ol{display:flex;flex-direction:row}.sidebar nav li.active{border-radius:15px}.sidebar nav li.active a{border-radius:5px}main{padding-bottom:110px;height:100dvh}main .header p{max-width:100%}main .dashboardContainer{overflow-y:scroll!important}main .dashboardContainer .row-between{position:relative;flex-direction:column;height:-moz-fit-content!important;height:fit-content!important}main .dashboardContainer .row-between .card{width:100%}main .row-between.full .card.chart:last-child{display:none}main .card .tasksScroll .uncompletedTask .details .taskDetails{flex-wrap:wrap;gap:10px}main .chart{max-height:300px}main .chart svg,main .chart svg rect{width:100%}main .absoluteButton{bottom:100px;margin:20px}main .projectPage{flex-direction:column}main .projectPage label.projectMenuCheckboxLabel{display:flex;color:var(--primary-font-color)}main .projectPage input#projectMenuCheckbox:checked~.projectsList{right:0}main .projectPage .projectsList{position:fixed;top:0;right:-100%;width:100%;height:100%;background:var(--background-color);padding:80px 20px;z-index:90;transition:.3s}main .projectPage .projectContainer{padding-left:0}main .projectPage .projectContainer .header h2{font-size:28px}main .projectPage .projectContainer .header p{max-width:100%;font-size:16px}main .projectPage .projectContainer .header .percentage{margin-top:5px}main .projectPage .projectContainer .header .percentage progress{flex-grow:2}main .projectPage .projectContainer .header .percentage .projectMembers{display:none}main .projectPage .projectContainer .projectNav{display:flex;width:100%}main .projectPage .projectContainer .projectNav .navElement{width:100%}main .projectPage .projectContainer .projectNav .navElement label{width:100%;flex-grow:1}main .projectPage .projectContainer .projectNav .navElement label span{display:none}main .todoContainer{grid-template-columns:repeat(1,1fr);height:100%;overflow-y:scroll}main .todoContainer .cardCol{height:-moz-fit-content;height:fit-content}main .todoContainer .cardCol .colHeader{cursor:pointer}main .todoContainer .cardCol .chevron{display:flex}main .todoContainer .cardCol .cardsContainer,main .todoContainer .cardCol .cardsContainer .taskCard .gripContainer{display:none}main .todoContainer .cardCol .cardsContainer .taskCard .taskOptionsContainer{display:block}main .todoContainer .cardCol .statusCheckbox:checked~.cardsContainer{display:flex;height:100%}main .membersContainer .membersHeader{flex-direction:column;align-items:flex-start!important;gap:4px!important}main .membersContainer .membersHeader button,main .membersContainer .membersHeader input{width:100%!important}main .membersContainer .membersHeader .buttons{flex-direction:column;width:100%}main .membersContainer .membersContent .membersRolesDescription{display:none!important}main .membersContainer ul.membersUl li{justify-content:center;word-wrap:break-word;flex-wrap:wrap}main .membersContainer ul.membersUl li .actions{justify-content:center!important}.modalContainer .modal{width:95%;max-height:70vh}.modalContainer .modal .title h1{font-size:24px}.modalContainer .modal .content{overflow-y:scroll;width:100%}.modalContainer .modal .content form .formRow{flex-direction:column;gap:4px}.modalContainer .modal .content form .formRow .select-container,.modalContainer .modal .content form .formRow button,.modalContainer .modal .content form .formRow input:not([type=checkbox]),.modalContainer .modal .content form .formRow textarea{width:100%!important}.modalContainer .modal .content form .formRow input:not([type=checkbox]){padding:5px 10px}.modalContainer .modal .content form .formRow .inviteDetails{width:100%!important}.modalContainer .modal .content form .formRow .inviteDetails .inviteDetailsContent .row{flex-direction:column}.modalContainer .modal .content .stagesContainer{width:100%!important}.contextMenu{transform:translateX(-100px)}.contextMenu ol.contextMenuList li ol{display:flex}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:auto}}.Toastify__toast{--y:0;position:relative;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1 1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right;border-bottom-left-radius:0;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}