:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#fff;color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;justify-content:start}.font_large{font-family:Graduate,serif;font-weight:700;color:#010101;text-shadow:4px 4px 0 #b9c4c9;font-size:2rem}.font_medium{font-family:Graduate,serif;font-weight:700;color:#010101;text-shadow:2px 2px 0 #b9c4c9;text-align:center;font-size:1.5rem}.font_small{font-family:Graduate,serif;font-weight:700;color:#010101;text-shadow:2px 2px 0 #b9c4c9;font-size:1rem}@media (max-width: 1024px){.font_large{font-size:1.8rem}.font_medium{font-size:1.3rem}.font_small{font-size:.9rem}}@media (max-width: 768px){.font_large{font-size:1.5rem}.font_medium{font-size:1.1rem}.font_small{font-size:.8rem}}@media (max-width: 480px){.font_large{font-size:1.2rem}.font_medium{font-size:1rem}.font_small{font-size:.7rem}}footer{background:linear-gradient(80deg,#3ef0cc,#90c2ad);text-align:center;font-weight:700;color:#000;margin-top:30px}footer p{padding:12px;margin:0;font-size:2.1vh}#loginPage{display:flex;flex-direction:row}#loginColumn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(90deg,#3ef0cc,#90c2ad);min-height:100vh;width:45%}#loginInputs{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:55%}#loginBox{display:flex;flex-direction:column}#imgLogo{max-width:47%;filter:drop-shadow(12px 12px 5px rgba(0,0,0,.5))}.inputLogin{margin:10px;padding:15px;border-radius:30px;border:2px solid rgb(62,240,204);width:350px;font-size:16px}label{font-weight:700;color:#010101}#btnLogin{margin-top:20px;padding:15px;border-radius:30px;border:none;width:90%;font-size:18px;font-weight:700;background-color:#4aad99;cursor:pointer}@media (max-width: 768px){#loginPage{flex-direction:column;width:100%;overflow-x:hidden}#loginBox{width:60%;box-sizing:border-box}#loginColumn{width:100%;min-height:50%;padding:20px 0}#loginInputs{width:auto;min-height:auto}.inputLogin{width:100%;box-sizing:border-box}#imgLogo{max-width:30%}}@media (max-width: 480px){#loginBox{width:80%}#imgLogo{max-width:50%}}#dashboardPage{display:flex;flex-direction:column;height:100vh;max-width:100vw}#headerMain{height:80%;background:linear-gradient(80deg,#3ef0cc,#90c2ad);box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:0 20px}#logo-header{width:23%;max-width:400px;margin:30px}#logo-container{display:flex;flex-direction:row;justify-content:center;align-items:center;font-family:Graduate,serif;text-shadow:4px 4px 0px #b9c4c9;gap:100px}#saudacao{font-size:3.5rem;font-weight:700}.btn{margin-top:20px;padding:15px 30px;font-size:100%;max-width:50%;font-weight:700;border:none;border-radius:10px;color:#fff;cursor:pointer}.btnAddUser{background-color:#3a998b}.btnAddTarefa{background-color:#38a8d5}#buttonBox{display:flex;gap:15px}#nameAnimation{font-size:2.1vw}@media (max-width: 1024px){#logo-header{width:30%}#saudacao{font-size:3rem;text-align:center}#nameAnimation{font-size:2rem;text-align:center}#buttonBox{max-width:40vw;padding:12px 25px}.btn{width:150px;font-size:1rem;padding:15px}}@media (max-width: 768px){#headerMain{padding:0%}#logo-header{width:25%;margin:15px}#logo-container{gap:40px}#saudacao{font-size:2.5rem;text-align:center}#nameAnimation{font-size:4vw;text-align:center;margin:0}#buttonBox{padding:15px 0;align-items:center;max-width:90%}.btn{width:180px;font-size:1rem;padding:13px}}@media (max-width: 480px){#logo-header{width:25%}#logo-container{gap:0px;flex-direction:column}#saudacao{font-size:2rem;text-align:center;margin:0%}#nameAnimation{font-size:4.5vw;text-align:center;margin:0}.btn{width:150px;font-size:.8rem;padding:15px}#buttonBox{max-width:100%;margin:0%;justify-content:center}}.calendarioTarefa{max-width:100vw;font-family:Arial,sans-serif;background-color:#fff;padding:10px;display:flex;justify-content:space-around}.tarefas-container{display:flex;flex-direction:column;width:40%;align-items:center}.react-calendar{width:100%;border:none;border-radius:8px;box-shadow:none;font-family:Arial,sans-serif}#calendarioContainer{display:flex;flex-direction:column;align-items:center;justify-content:start;width:auto;max-width:50%}.react-calendar__tile--now abbr{padding:20px 25px;color:#3ee7c0;border:1px solid #3ee7c0;border-radius:60px}.react-calendar__tile--active abbr{background-color:#3ee7c0;padding:20px 25px;color:#fff;border-radius:60px}.boxTarefas{width:100%;display:flex;flex-direction:column;max-height:380px;overflow-y:auto;gap:10px}.boxTarefas h3{color:#333;margin-bottom:15px;text-transform:uppercase;font-weight:800}.boxTarefas ul{list-style:none;padding:0}.boxTarefas li{border:1px solid #ddd;padding:10px 15px;border-radius:15px;font-size:.95em;color:#555}.react-calendar__navigation{display:flex}.react-calendar__navigation__prev2-button,.react-calendar__navigation__next2-button{display:none}.react-calendar__navigation__prev-button,.react-calendar__navigation__next-button,.react-calendar__navigation__label{font-family:Arial,sans-serif;font-size:24px;font-weight:700;color:#333;background-color:#e0e0e0;border:none;margin:5px;text-transform:uppercase;padding:10px 20px;border-radius:20px}.react-calendar__navigation__label{padding:10px 20px;border-radius:20px;pointer-events:none}.react-calendar__month-view__weekdays__weekday{text-align:center;padding:10px 0;background-color:#f0f0f0}.react-calendar__month-view__weekdays__weekday abbr{text-decoration:none;font-family:Arial,sans-serif;text-transform:uppercase;font-size:16px;text-align:center;font-weight:700}.react-calendar__viewContainer{margin:10px}.react-calendar__month-view__days__day{height:80px;border:none;background-color:#fff}.react-calendar__month-view__days__day abbr{font-family:Arial,sans-serif;font-size:23px;font-weight:bolder}.react-calendar__month-view__days__day--neighboringMonth{color:#ccc;opacity:.4}.tarefaItem{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px}#respTarefa{display:flex;flex-direction:row;gap:10px}#respTarefa p{margin-top:15px;font-weight:700;text-transform:uppercase}#periodoTarefa{display:flex;gap:10px}#periodoTarefa p{margin:0%}.btnTarefas{padding:10px 25px;font-size:10pt;font-weight:700;border:none;border-radius:10px;color:#fff;cursor:pointer;min-width:150px}.btnConluir{background-color:#3a998b}.btnRelatorio{background-color:#c94646}.tarefasItemDia{display:flex;width:90%;justify-content:space-around;align-items:center;border-radius:15px}.tarefasDia{display:flex;padding:0%;flex-direction:column;align-items:center;color:#fff;max-height:165px;overflow-y:auto;width:95%;gap:10px}.diasTarefa_Concluir abbr{background-color:#3e8ae7;padding:20px 25px;border-radius:60px}.diasTarefa abbr{padding:20px 25px;border-radius:60px;font-weight:700}.modalBackground{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modalContent{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:20px 30px;border-radius:10px;max-width:500px;width:90%;box-shadow:0 4px 12px #0000004d;position:relative}.btnModal{display:flex;font-size:10pt;margin-top:20px;padding:8px 16px;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;justify-content:center;align-items:center;gap:5px}.btnClose{background-color:#c94646}.btnClose:hover{background-color:#dd9393}.difDia1{background-color:#8fea4b}.difDia2{background-color:#42a5f5}.difDia3{background-color:#ffb300}.difDia4{background-color:#e53935}.dif1 abbr{border:solid 1px #8fea4b;color:#8fea4b}.dif2 abbr{border:solid 1px #42a5f5;color:#42a5f5}.dif3 abbr{border:solid 1px #ffb300;color:#ffb300}.dif4 abbr{border:solid 1px #e53935;color:#e53935}.react-calendar__tile--active.dif1 abbr{background-color:#8fea4b;color:#fff}.react-calendar__tile--active.dif2 abbr{background-color:#42a5f5;color:#fff}.react-calendar__tile--active.dif3 abbr{background-color:#ffb300;color:#fff}.react-calendar__tile--active.dif4 abbr{background-color:#e53935;color:#fff}.difConcluida1 abbr{border:solid 1px #ace282;color:#ace282}.difConcluida2 abbr{border:solid 1px #42a4f555;color:#42a4f555}.difConcluida3 abbr{border:solid 1px #ffb3007a;color:#ffb3007a}.difConcluida4 abbr{border:solid 1px #e5383579;color:#e5383579}.react-calendar__tile--active.difConcluida1 abbr{background-color:#b0bec578;color:#b0bec578}.react-calendar__tile--active.difConcluida2 abbr{background-color:#42a4f555;color:#42a4f555}.react-calendar__tile--active.difConcluida3 abbr{background-color:#ffb3007a;color:#ffb3007a}.react-calendar__tile--active.difConcluida4 abbr{background-color:#e5383579;color:#e5383579}@media (max-width: 1024px){.calendarioTarefa{flex-direction:column;justify-content:center;align-items:center;padding:15px}abbr{padding:5%}#calendarioContainer{max-width:95%}.tarefas-container{width:95%}.react-calendar__navigation__label,.react-calendar__navigation__prev-button,.react-calendar__navigation__next-button{font-size:18px;padding:8px 15px}.react-calendar__month-view__weekdays__weekday abbr{font-size:14px}.react-calendar__month-view__days__day abbr{font-size:18px}.boxTarefas{max-height:300px}.tarefasDia{max-height:150px}}@media (max-width: 768px){.calendarioTarefa{padding:10px}.react-calendar__navigation__label{font-size:16px}.react-calendar__navigation button{font-size:14px;padding:6px 12px}.react-calendar__month-view__days__day{height:65px}.react-calendar__month-view__days__day abbr{font-size:16px}.tarefas-container{width:100%}.btnTarefas{min-width:120px;font-size:9pt;padding:8px 16px}.modalContent{max-width:90%;padding:15px 20px}}@media (max-width: 480px){.calendarioTarefa{padding:5px}#calendarioContainer{max-width:100%}.react-calendar{width:100%}.react-calendar__navigation button{padding:5px 10px;font-size:12px}.react-calendar__month-view__weekdays__weekday abbr{font-size:12px}.react-calendar__month-view__days__day{height:50px}.react-calendar__month-view__days__day abbr{font-size:14px;padding:15px 20px}.boxTarefas{max-height:250px}.btnTarefas{min-width:100px;padding:6px 10px;font-size:8pt}#respTarefa{flex-wrap:wrap}#respTarefa p{margin:1%;flex-wrap:wrap}.tarefaItem{flex-direction:column}#periodoTarefa{flex-direction:row}}@media (max-width: 480px){.react-calendar__month-view__days__day{height:45px}.react-calendar__navigation button{margin:2px;padding:4px 8px;font-size:10px}.react-calendar__month-view__days__day abbr{font-size:11px;padding:10px 15px}.btnTarefas{min-width:150px;min-height:40px;padding:5px 8px;font-size:.8rem}.tarefasDia{font-size:.8rem;width:80%}.tarefasItemDia{min-width:100%;text-align:center}}#newuserPage{display:flex;flex-direction:column;height:100vh}#containerNewUser{display:flex;justify-content:center;align-items:center;box-sizing:border-box;gap:20%;width:80%}#formNewUser{display:flex;flex-direction:column;justify-content:center;gap:10px;width:100%;margin-top:35px}.inputCadastro{padding:15px;border-radius:30px;border:2px solid rgb(62,240,204);width:100%;font-size:16px;box-sizing:border-box}#mainNewUser{display:flex;flex-direction:column;align-items:center;justify-content:center}#nivelAcesso{width:100%;margin:0%;display:flex;justify-content:center;align-items:center;gap:20px;border:1px solid rgb(57,57,57);border-radius:15px}#userImg{width:40%}.btnCreateUser{min-width:100%;background-color:#3a998b}@media (max-width: 1024px){#formNewUser{width:80%}#containerNewUser{gap:10%}#userImg{width:40%}#nivelAcesso,.inputCadastro,.btnAddUser{width:100%}}@media (max-width: 768px){#formNewUser{width:90%}#containerNewUser{flex-direction:column;gap:5%}.inputCadastro{width:100%}#userImg{width:40%;margin:10px}#nivelAcesso,.btnAddUser{width:100%}}#header{background:linear-gradient(80deg,#3ef0cc,#90c2ad);box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;position:relative}#logoHeader{height:70px;margin:20px 0 20px 25px}.optionsHeader{width:90%;margin-top:10px}.ulMenu{list-style:none;display:flex;flex-direction:row;gap:6vw;justify-content:center;margin-top:35px}.liMenu{display:flex;cursor:pointer;text-align:center;align-items:center;font-family:Graduate,serif;font-size:1.2rem;font-weight:700;color:#010101;text-shadow:2px 2px 0px #b9c4c9;background-color:#77caae;border:solid 2px #b9c4c9;border-radius:10px;padding:5px 20px}#hamburgerMenu{display:none;flex-direction:column;cursor:pointer;align-items:end;gap:5px;padding:10px}#hamburgerMenu .line{width:35px;height:4px;background-color:#f3f3f3;border-radius:25px;transition:.3s}#hamburgerMenu .open:nth-child(1){transform:translateY(10px) rotate(50deg)}#hamburgerMenu .open:nth-child(2){opacity:0}#hamburgerMenu .open:nth-child(3){transform:translateY(-8px) rotate(-50deg)}#mobileMenu{display:none}@media (max-width: 768px){.ulMenu{display:none}#hamburgerMenu{display:flex}#header{justify-content:space-between;padding-right:12px}#mobileMenu{display:none;list-style:none;text-align:center;flex-direction:column;position:absolute;top:90px;right:10px;margin:0;width:30%;background:#fff;padding:10px;border:3px solid #90c2ad;border-radius:15px;transform:translateY(-6px);opacity:0;pointer-events:none;transition:transform .24s ease,opacity .24s ease;z-index:999}#mobileMenu.open{display:flex;transform:translateY(0);opacity:1;pointer-events:auto}#mobileMenu.closed{display:none;transform:translateY(-6px);opacity:0;pointer-events:none}#mobileMenu li{padding:12px 0;font-size:1.2rem;font-family:Graduate,serif;border-bottom:1px solid #ddd;cursor:pointer}}@media (max-width: 480px){#mobileMenu{width:50%}}.progress-wrapper{display:flex;align-items:center;gap:12px;width:100%;max-width:400px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.progress-track{flex:1;background:#e6e6e6;border-radius:10px;height:30px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#3ef0cc,#90c2ad);transition:width .4s ease;border-radius:10px}.progress-label{min-width:44px;text-align:right;font-size:14px;color:#222}#concluirPage{display:flex;flex-direction:column;min-height:100vh}#mainConcluir{max-width:100vw;display:flex;flex-direction:row;justify-content:space-between;padding:50px;align-items:center;gap:5%}#formConcluir{display:flex;flex-direction:column;width:70%}#habilidadesBox{padding:10px;background-color:#ddd;border-radius:10px}.btnConcluir{background-color:#3a998b;font-size:15pt;margin:10px}@media (max-width: 768px){#mainConcluir{flex-direction:column}#formConcluir{width:85%}}@media (max-width: 480px){#mainConcluir{padding:10px}}#novatarefaPage{display:flex;flex-direction:column;height:100vh}#mainAdicionar{display:flex;flex-direction:row;align-items:center;padding:30px;justify-content:space-between}#formNovaTarefa{display:flex;flex-direction:column;width:40%;padding:10px 30px 0;box-sizing:border-box}#dificuldade{display:flex;flex-direction:row;height:30%}.radioDificult{display:flex;flex-direction:column;align-items:center}.dificult{width:20px}.inputNewTask{margin:10px;padding:15px;border-radius:30px;border:2px solid rgb(62,240,204);width:350px;font-size:16px;box-sizing:border-box}.seletorData{width:30%}#containerHabilidades{display:flex;flex-direction:row;border:solid black 1px;border-radius:10px;padding:0 10px 10px;gap:20px}#containerResp{display:flex;border:solid black 1px;border-radius:10px;padding:10px;flex-wrap:wrap;justify-content:center}#imgResp{width:5%}.btnCreateTask{min-width:100%;background-color:#38a8d5}.habilidadesBox{overflow-x:auto;white-space:nowrap}@media (max-width: 768px){#mainAdicionar{flex-direction:column}#formNovaTarefa{width:85%;padding:10px 0 0}.inputNewTask{width:80%}}@media (max-width: 480px){#mainAdicionar{padding:20px}#formNovaTarefa,.inputNewTask{width:100%}}input[type=file]::file-selector-button{background-color:#77caae;border-radius:10px;padding:7px 12px;border:solid 2px #b9c4c9;font-weight:600;cursor:pointer}#buttonUpload{background-color:#46ebc8;border-radius:10px;padding:7px 15px;border:none;font-weight:600;margin-left:10px;cursor:pointer}#vaePage{display:flex;flex-direction:column;min-height:100vh}#mainVAEA{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}#VAEAcontainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px solid #444;width:80%;min-height:450px;border-radius:20px;gap:20px;padding:20px 0}.boxVAEA{display:flex;flex-direction:row;justify-content:center;align-items:center;width:47%;min-height:30vh;border:1px solid #444;border-radius:20px}.listFolders{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.boxVAEA h2{margin:0}.iconeVAEA{width:4vw}.iconeResg{width:6vw;margin:15px}@media (max-width: 1024px){.iconeVAEA{width:6vw}.iconeResg{width:10vw}#VAEAcontainer{width:90%}}@media (max-width: 768px){.boxVAEA{width:100%;min-height:auto;padding:15px 10px;flex-direction:column;border-radius:15px}.iconeVAEA{display:none}.iconeResg{width:30vw;margin:10px 0}#VAEAcontainer{width:80%;padding:10px;gap:20px}.listFolders{width:100%;align-items:center;text-align:center}}@media (max-width: 480px){.iconeVAEA{width:22vw}.iconeResg{width:35vw}}.fileDatails{display:flex;align-items:center;justify-content:center;min-height:250px;gap:10px}.modalContentFile{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:20px 30px;border-radius:10px;min-width:60%;min-height:50%;box-shadow:0 4px 12px #0000004d;position:relative}#boxButtons{display:flex;justify-content:center;gap:10px;width:50%}.btnDownload{background-color:#6bea7e}.btnDownload:hover{background-color:#9dd5a5}.btnDelete{background-color:#2391e6}.btnDelete:hover{background-color:#7fb1d7}#fileDatailsList{display:flex;flex-direction:column;list-style:none;height:250px;justify-content:space-around}.iconButton{width:25px}iframe{width:500px;height:500px}@media (max-width: 480px){iframe{width:300px;height:300px}.fileDatails{flex-direction:column}}#vaefilesPage{display:flex;flex-direction:column;min-height:100vh}#mainVAEAFiles{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:81vh}.galeryContainer{display:flex;flex-direction:column;justify-content:center;width:92%}.boxFiles{display:flex;flex-direction:row;flex-wrap:wrap;border:solid 1px rgb(128,128,128);border-radius:10px;gap:10px;padding:20px}.boxFiles li{display:flex;flex-direction:column}.preview{max-width:25%}.logoFile{width:70px}.fileItem{justify-content:center;align-items:center;width:30%}#myprofilePage{display:flex;flex-direction:column;min-height:100vh}#mainProfile{display:flex;flex-direction:row;justify-content:center;min-height:78vh}#boxProfile{display:flex;flex-direction:column;border:2px solid rgb(62,240,204);border-radius:15px;padding:15px;width:85%;margin-top:50px;height:auto}#boxUserInfo{display:flex;width:100%;justify-content:space-around;align-items:center}#habilidadesContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-around;height:auto;margin:30px 0}#userInfo{display:flex;width:50%;flex-direction:row;align-items:center}#userIMG{width:80px;height:80px;margin:20px}.boxHabilidade{display:flex;align-items:center;flex-direction:column;border:2px solid rgb(62,240,204);border-radius:15px;width:30%;min-height:100%;gap:10px}.iconBox{height:70px;margin:20px}.tituloContainer{display:flex;justify-content:center;align-items:center}.HabilidadeInfo{display:flex;justify-content:center;align-items:end;height:20%}.fontHab{font-size:80px;margin:0%}hr{width:100%;border:none;height:1px;background-color:#3ef0cc}@media (max-width: 480px){#habilidadesContainer{flex-direction:column;gap:20px;height:auto}.boxHabilidade{width:90%;min-height:auto;padding:15px}.iconBox{margin:10px;height:50px}.fontHab{font-size:50px}#boxUserInfo{flex-direction:column;gap:20px}#userInfo{width:auto;gap:10px}}#mainRanking{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:81vh}#boxRanking{display:flex;flex-direction:column;border:2px solid rgb(62,240,204);border-radius:15px;padding:15px;width:29%;height:100%;align-items:center;justify-content:center}#rankingContainer{display:flex;height:60vh;width:100%;margin:50px;justify-content:space-around}.listaClassificacao{font-size:17pt;margin:8px 0}#classificao{list-style-type:none;padding:0}#imgClassificacao{min-width:60%;height:70%}@media (max-width: 1024px){#boxRanking{width:290px;height:90%}}@media (max-width: 768px){#boxRanking{width:90%;height:90%}#rankingContainer{flex-direction:column;align-items:center;height:auto;margin:20px;gap:20px}#imgClassificacao{width:50%;height:auto}}#root{width:100vw}label{margin:10px 5px}