body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(90deg,#e8ff8b,#fb86d0,#e079f7);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Light;margin:0;scrollbar-color:#ffffff4d #0000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.news{border-radius:50%;bottom:2%;cursor:pointer;height:40px;position:absolute;right:2%;width:40px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:Light;src:local("Poppins"),url(/static/media/Poppins-Light.7641a0f76ca9ef6c252c.ttf) format("truetype")}@font-face{font-family:Medium;src:local("Poppins"),url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype")}.welcome-container{align-items:center;height:92vh;justify-content:center;width:100%}.welcome-container .intro-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.welcome-container .intro-container .intro-box{align-items:center;aspect-ratio:1/1;border-radius:10px;box-shadow:-2px 5px 10px #3c3c3c;display:grid;flex-direction:column;grid-template-rows:repeat(3,1fr);height:50%;text-align:center;width:33%}@media(max-width:1000px){.welcome-container .intro-container .intro-box{font-size:3vw;height:60%;width:60%}}@media(max-width:600px){.welcome-container .intro-container .intro-box{font-size:4vw;height:50%;width:90%}}.welcome-container .intro-container .intro-box .title{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;width:100%}.welcome-container .intro-container .intro-box .title h1{color:#fff;font-size:3em;margin:0}.welcome-container .intro-container .intro-box .intro-text{display:flex;flex-direction:column;height:100%;justify-content:flex-end;width:100%}.welcome-container .intro-container .intro-box .intro-text h3{margin:0}.welcome-container .intro-container .intro-box .button{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.welcome-container .intro-container .intro-box .button .start-button{align-items:center;background-color:#000;border:none;border-radius:10px;color:#fff;display:inline-flex;height:30%;justify-content:center;text-align:center;text-decoration:none;transition:.2s;width:30%}.welcome-container .intro-container .intro-box .button .start-button:focus{background-color:#828282;color:#000}.welcome-container .intro-container .intro-box .button .start-button:hover{background-color:#2d2d2d}.header-container{align-items:center;background-color:#000;display:flex;height:8vh;justify-content:space-between;padding:0 20px}.header-container .nav-links{color:#fff;display:flex;font-family:Light;gap:50px;justify-content:center;margin-left:10px;width:100%}@media(max-width:600px){.header-container .nav-links{font-size:4vw;gap:10px}}.header-container .nav-links .logged-links{display:flex;gap:50px}@media(max-width:600px){.header-container .nav-links .logged-links{gap:10px}}.header-container .nav-links .logged-links .disabled-link{display:none}.header-container .nav-links .logged-links .logout{cursor:pointer}.header-container .nav-links span{align-items:center;border-radius:10px;color:#fff;display:inline-flex;height:5vh;padding:0 10px;text-decoration:none;transition:.5s}.header-container .nav-links span:hover{background-color:hsla(0,0%,60%,.518)}.modal-wrapper{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-wrapper .modal{align-items:center;background-color:#ffffffe6;border-radius:20px;box-shadow:0 5px 10px #3c3c3c;display:flex;flex-direction:column;gap:20px;height:60%;justify-content:flex-start;width:60vh}.modal-wrapper .modal .close-button{cursor:pointer;height:20px;margin:2% 2% 0 auto;width:20px}.modal-wrapper .modal .error-message{background-color:#878787d6;border-radius:10px;margin:0;padding:10px}.modal-wrapper .modal .members{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;height:30%;overflow:scroll;width:70%}.modal-wrapper .modal .members .member{align-items:center;display:flex;gap:10px;justify-content:space-between;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-wrapper .modal .members .member .not-admin{color:#78787880}.modal-wrapper .modal .members .member .pointer{cursor:pointer}.modal-wrapper .modal .members .member .admin,.modal-wrapper .modal .members div{color:#000}.modal-wrapper .modal .admin-buttons{align-items:center;display:flex;flex-direction:column;gap:10px;height:30%}.modal-wrapper .modal .admin-buttons button,.modal-wrapper .modal .admin-buttons input,.modal-wrapper .modal .admin-buttons textarea{background-color:#000;border:2px solid #000;border-radius:10px;color:#fff;height:50%;outline:none;text-align:center;width:80%}.modal-wrapper .modal h1{margin:0}.modal-wrapper .modal button,.modal-wrapper .modal input,.modal-wrapper .modal textarea{background-color:#000;border:2px solid #000;border-radius:10px;color:#fff;height:100%;outline:none;text-align:center;width:70%}.modal-wrapper .modal button,.modal-wrapper .modal input{height:10%}.modal-wrapper .modal button{cursor:pointer;margin-bottom:2%;width:30%}.step{align-items:center;color:#000;display:flex;height:5vh;margin-bottom:20px}.step .step-icon{cursor:pointer;padding:.5em;transition:.2s}.step .step-icon:hover{transform:scale(1.2)}.step .step-name{background-color:#0000;border:none;outline:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.step .checkbox{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border-radius:50%;box-shadow:inset 0 2px 6px #000;cursor:pointer;margin-left:0;min-height:1.5em;min-width:1.5em;transition:.5s}.step .checked{background-color:#e8e8e8;position:relative}.bar-container{display:flex;justify-content:center}.bar-container .progress-bar{background-color:#fff0;border-radius:15px;box-shadow:inset -2px 5px 10px #3c3c3c;margin-bottom:2em;width:95%}.bar-container .progress-bar-fill{align-items:center;background-color:#000c;border-radius:15px;box-shadow:inset -2px 5px 10px #3c3c3c;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:.5s}.add-step{border-radius:50%;box-shadow:0 2px 3px #000;cursor:pointer;height:20px;transition:.2s;width:20px}.add-step:hover{transform:scale(1.2)}.news-background{background-color:#00000080;height:100%;position:absolute;width:100%}.news-background,.news-background .news-modal{align-items:center;display:flex;justify-content:center}.news-background .news-modal{background-color:#fff;border-radius:20px;flex-direction:column;height:60%;width:40%}.news-background .news-modal .close-button{cursor:pointer;height:20px;margin:2% 2% 0 auto;width:20px}.news-background .news-modal .news-text{align-items:flex-start;display:flex;flex-direction:column;overflow-y:scroll;padding:2%}.home-container{display:flex;height:92vh;width:100%}@media(max-width:600px){.home-container{align-items:center;flex-direction:column}}.home-container .task-panel{align-items:center;display:flex;flex-direction:column;height:100%;margin-top:2em;width:33vw}@media(max-width:600px){.home-container .task-panel{height:20vh;justify-content:center;max-height:46vh;width:100%}}.home-container .task-panel .tasks-container{align-items:center;color:#000;display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-top:2em;width:100%}@media(max-width:600px){.home-container .task-panel .tasks-container{border-radius:10px;box-shadow:inset -2px 5px 10px #3c3c3c;flex-shrink:0;height:90%;margin:0;padding-top:20px;width:80%}}.home-container .task-panel .tasks-container .add-task{border-radius:50%;box-shadow:0 2px 3px #000;color:#323232;cursor:pointer;flex-shrink:0;height:40px;margin:0 10px 10px 0;transition:.2s;width:40px}.home-container .task-panel .tasks-container .add-task:hover{transform:scale(1.2)}.home-container .task-panel .tasks-container .task{align-items:center;background-color:#8080801a;border-radius:5px;box-shadow:-2px 5px 10px #3c3c3c;display:flex;font-size:1.3vw;height:3vw;justify-content:space-around;padding:10px 0;transition:.5s;width:50%}@media(max-width:1000px){.home-container .task-panel .tasks-container .task{font-size:1.5vw;height:5vw;width:80%}}@media(max-width:600px){.home-container .task-panel .tasks-container .task{font-size:4vw;min-height:10vw;width:60%}}.home-container .task-panel .tasks-container .task .task-icon{cursor:pointer;transition:.2s}@media(max-width:600px){.home-container .task-panel .tasks-container .task .task-icon{height:3vw;width:3vw}}.home-container .task-panel .tasks-container .task .task-icon:hover{transform:scale(1.2)}.home-container .task-panel .tasks-container .task .task-name{background-color:#0000;border:none;cursor:pointer;outline:none;width:50%}.home-container .task-panel .tasks-container .selected-task{transform:scale(1.2);transition:.5s}.home-container .task-details{display:flex;height:100%;justify-content:center;width:67vw}@media(max-width:600px){.home-container .task-details{align-items:center;height:100%;width:100%}}.home-container .task-details .task-info{background-color:#8080801a;border-radius:10px;box-shadow:-2px 5px 10px #3c3c3c;height:80%;margin-top:2em;overflow-y:auto;padding:20px;width:80%}@media(max-width:600px){.home-container .task-details .task-info{height:70%;margin:0}}.home-container .task-details .task-info .description-head{display:flex;justify-content:center}.home-container .task-details .task-info .description-head .description-text{border-radius:10px;box-shadow:inset -2px 5px 10px #3c3c3c;margin-bottom:25px;max-height:25vh;padding:25px;text-align:center;width:90%}.details{height:100%;justify-content:space-between;width:100%}.details,.details .details-head{display:flex;flex-direction:column}.details .details-head{align-items:center;gap:20px;margin-top:2em}.details .details-head .image{align-items:center;border:1px solid #000;border-radius:50%;cursor:pointer;display:flex;height:150px;justify-content:center;position:relative;transition:.2s;width:150px}@media(max-width:600px){.details .details-head .image{height:75px;width:75px}}.details .details-head .image img{border-radius:50%;height:100%;object-fit:cover;width:100%}.details .details-head .image .image-icon{color:#fff;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.details .details-head .username{background-color:#000;border:none;border-radius:5px;box-shadow:-2px 5px 10px #949494;color:#fff;font-size:1em;height:4em;outline:none;padding:0 5px;text-align:center}.details .details-head .image:before{background-color:#0000004d;border-radius:50%;content:"";height:100%;opacity:0;position:absolute;width:100%}.details .details-head .image:hover .image-icon,.details .details-head .image:hover:before{opacity:1}.details .details-body{align-items:space-between;display:flex;flex-direction:column;height:75%;justify-content:space-around;padding:5%;text-align:center}.details .details-body .stats{display:flex;flex-direction:row;justify-content:space-between}.details .details-body .stats .active-tasks-container{align-items:center;display:flex;flex-direction:column;text-align:center}@media(max-width:600px){.details .details-body .stats .active-tasks-container .active-tasks{font-size:4vw}}.details .details-body .stats .active-tasks-container .active-tasks-number{font-size:50px}.details .details-body .stats .completed-tasks-container{align-items:center;display:flex;flex-direction:column;text-align:center}@media(max-width:600px){.details .details-body .stats .completed-tasks-container .completed-tasks{font-size:4vw}}.details .details-body .stats .completed-tasks-container .completed-tasks-number{font-size:50px}.details .details-body .stats span{width:50%}.details .details-body .bar-container{display:flex;justify-content:center}.details .details-body .bar-container .progress-bar{background-color:#fff0;border-radius:15px;box-shadow:inset -2px 5px 10px #3c3c3c;margin-bottom:2em;width:95%}.details .details-body .bar-container .total-progress{align-items:center;background-color:#000;border-radius:15px;box-shadow:inset -2px 5px 10px #3c3c3c;color:#fff;display:flex;height:30px;justify-content:center;transition:.5s}.security-details{align-items:center;display:flex;height:100%;justify-content:center;width:100%}@media(max-width:600px){.security-details{margin-bottom:2em}}.security-details form{align-items:center;display:flex;flex-direction:column;gap:20px;height:80%;justify-content:center;width:80%}@media(max-width:600px){.security-details form{gap:10px;padding:20px 0}}.security-details form .message{text-align:center}@media(max-width:600px){.security-details form .message{font-size:12px;margin-top:2em}}.security-details form input{color:#000;font-size:16px;height:2em;outline:none;padding:0 5px;text-align:center}.security-details form .button,.security-details form input{background-color:#fff;border:none;border-radius:5px;box-shadow:-2px 5px 10px #949494}.security-details form .button{cursor:pointer;height:3em;transition:.3s;width:30%}.security-details form .button:hover{background-color:#000;color:#fff}.profile-container{align-items:center;display:flex;height:92vh;justify-content:center;width:100%}.profile-container .info-box{border-radius:10px;box-shadow:-2px 5px 20px #3c3c3c;display:flex;height:80%;overflow:hidden;width:60%}@media(max-width:600px){.profile-container .info-box{flex-direction:column}}.profile-container .info-box .left-section{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;gap:5%;height:100%;justify-content:center;width:50%}@media(max-width:600px){.profile-container .info-box .left-section{height:50%;width:100%}}.profile-container .info-box .left-section div{align-items:center;border-radius:20px;box-shadow:-2px 5px 10px #a0a0a0;cursor:pointer;display:flex;height:15%;margin-left:5%;padding-left:5%;width:80%}.profile-container .info-box .right-section{background-color:#fff;height:100%;scrollbar-color:#000;width:50%}@media(max-width:600px){.profile-container .info-box .right-section{height:50%;width:100%}}.profile-container .info-box .right-section .general-info-details{height:100%;overflow:scroll}.sign-container{height:92vh;width:100%}.sign-container,.sign-container form{align-items:center;display:flex;justify-content:center}.sign-container form{background-color:#8080801a;border-radius:10px;box-shadow:-2px 5px 10px #3c3c3c;flex-direction:column;gap:20px;height:50vh;width:30vw}@media(max-width:1000px){.sign-container form{height:60%;width:60%}}@media(max-width:600px){.sign-container form{width:80%}}.sign-container form .error-box{font-size:12px;text-align:center}.sign-container form *{width:50%}.sign-container form .buttons{display:flex;height:10%;justify-content:space-between}.sign-container form .buttons button{background:#fff3;border-radius:8px;border-style:none;box-shadow:-2px 5px 10px #3c3c3c;color:#000;cursor:pointer;padding:0;text-align:center;transform:scale(1);transition:all .3s;width:40%}@media(max-width:600px){.sign-container form .buttons button{font-size:4vw}}.sign-container form .buttons button:hover{transform:scale(1.1)}.sign-container .loading-container{align-items:center;display:flex;flex-direction:column;text-align:center}.sign-container .loading-container .pizza-animation{--c:no-repeat radial-gradient(farthest-side,#d64123 94%,#0000);--b:no-repeat radial-gradient(farthest-side,#000 94%,#0000);animation:l4 3s infinite;background:var(--c) 11px 15px,var(--b) 6px 15px,var(--c) 35px 23px,var(--b) 29px 15px,var(--c) 11px 46px,var(--b) 11px 34px,var(--c) 36px 0,var(--b) 50px 31px,var(--c) 47px 43px,var(--b) 31px 48px,#f6d353;background-size:15px 15px,6px 6px;border:8px solid #d1914b;border-radius:50%;box-sizing:border-box;height:80px;width:80px}@keyframes l4{0%{-webkit-mask:conic-gradient(#0000 0,#000 0)}16.67%{-webkit-mask:conic-gradient(#0000 60deg,#000 0)}33.33%{-webkit-mask:conic-gradient(#0000 120deg,#000 0)}50%{-webkit-mask:conic-gradient(#0000 180deg,#000 0)}66.67%{-webkit-mask:conic-gradient(#0000 240deg,#000 0)}83.33%{-webkit-mask:conic-gradient(#0000 300deg,#000 0)}to{-webkit-mask:conic-gradient(#0000 1turn,#000 0)}}.sign-container input{background-color:#8080801a;border:none;border-radius:10px;box-shadow:-2px 5px 10px #3c3c3c;height:10%;outline:none;text-align:center;transition:.5s}.sign-container input:focus{box-shadow:inset -2px 5px 10px #3c3c3c}.open-space-container{display:flex;height:92vh;width:100vw}@media(max-width:500px){.open-space-container{align-items:center;flex-direction:column}}.open-space-container .left-panel{align-items:center;background-color:#000;display:flex;flex-direction:column;gap:20px;height:100%;width:20vw}@media(max-width:500px){.open-space-container .left-panel{height:15%;margin-bottom:2%;overflow:scroll;width:100vw}}.open-space-container .left-panel .spaces-summary{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.open-space-container .left-panel .spaces-summary .space-card{align-items:center;border-radius:5px;box-shadow:-2px 5px 10px #656565;color:#fff;display:flex;gap:20px;justify-content:center;min-height:50px;transition:.3s;width:80%}.open-space-container .left-panel .spaces-summary .space-card span{cursor:pointer}.open-space-container .left-panel .spaces-summary .space-card .admin-buttons{display:flex;gap:10px}.open-space-container .left-panel .spaces-summary .active-space{background-color:#4f4f4f80;transform:scale(1.1)}.open-space-container .left-panel .add-task{background-color:#fff;border-radius:50%;box-shadow:0 2px 3px #000;color:#323232;cursor:pointer;flex-shrink:0;height:40px;margin:0 10px 10px 0;transition:.2s;width:40px}@media(max-width:500px){.open-space-container .left-panel .add-task{height:25px;width:25px}}.open-space-container .left-panel .add-task:hover{transform:scale(1.2)}.open-space-container .work-section{align-items:flex-start;display:flex;flex-direction:column;gap:10px;height:100%;padding:0 2%;position:relative;width:80vw}@media(max-width:500px){.open-space-container .work-section{padding:0}}.open-space-container .work-section .content{align-items:center;display:flex;gap:20px;height:15%;overflow-x:scroll;width:100%}.open-space-container .work-section .content .tasks{align-items:center;display:flex;gap:20px;padding:2%}.open-space-container .work-section .content .tasks .task-card{align-items:center;border-radius:5px;box-shadow:0 2px 3px #000;cursor:pointer;display:flex;gap:20px;height:25px;overflow:hidden;padding:5px;transition:.3s;width:150px}.open-space-container .work-section .content .tasks .task-card span{height:100%;overflow-x:hidden;width:80%}.open-space-container .work-section .content .tasks .task-card .admin-buttons{display:flex;gap:10px}.open-space-container .work-section .content .tasks .selected-task{align-items:flex-start;display:flex;height:80px;width:200px}@media(max-width:500px){.open-space-container .work-section .content .tasks .selected-task{height:50px;padding:0;width:250px}}.open-space-container .work-section .content .add-task{border-radius:50%;box-shadow:0 2px 3px #000;color:#323232;cursor:pointer;flex-shrink:0;height:40px;transition:.2s;width:40px}.open-space-container .work-section .content .add-task:hover{transform:scale(1.2)}.open-space-container .work-section .task-details{align-items:center;display:flex;height:80%;justify-content:center;width:100%}@media(max-width:600px){.open-space-container .work-section .task-details{align-items:center;height:100%;width:100%}}.open-space-container .work-section .task-details .task-info{background-color:#8080801a;border-radius:10px;box-shadow:-2px 5px 10px #3c3c3c;height:80%;overflow-y:auto;padding:20px;width:80%}@media(max-width:600px){.open-space-container .work-section .task-details .task-info{height:70%;margin:0}}.open-space-container .work-section .task-details .task-info .description-head{display:flex;justify-content:center}.open-space-container .work-section .task-details .task-info .description-head .description-text{border-radius:10px;box-shadow:inset -2px 5px 10px #3c3c3c;margin-bottom:25px;max-height:25vh;padding:25px;text-align:center;width:90%}.open-space-container .work-section .add-member{border-radius:50%;bottom:2%;box-shadow:0 2px 3px #000;cursor:pointer;height:40px;left:2%;position:absolute;width:40px}.open-space-container .admin-icon{cursor:pointer}.open-space-container .admin-icon:hover{transform:scale(1.2);transition:.3s}
/*# sourceMappingURL=main.5219f48d.css.map*/