body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{flex-direction:column;padding:50px}.App,nav{display:flex}nav{gap:20px;width:100%}nav a{color:blue;text-decoration:none}.routes{height:100%;width:100%}.admin_panel{display:flex;flex-direction:column;gap:10px;width:100%}.admin_panel .projects_live{width:90%}.admin_panel .add_container{margin-top:20px;width:100%}.admin_panel .add_container button{background-color:#d7d5d5;border:none;color:#5f9ea0;cursor:pointer;font-size:20px;padding:10px 5px}.admin_panel .AddProjectForm{width:100%}.admin_panel .AddProjectForm form{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center;width:100%}.admin_panel .AddProjectForm form .form_control{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:45%}.admin_panel .AddProjectForm form .form_control input{background-color:#fff;border:1px solid #278c8c;height:40px;width:90%}.admin_panel .AddProjectForm form button{background-color:green;border:none;cursor:pointer;height:40px;margin-top:20px;width:40%}.projects{border:1px solid #000;border-radius:30px;display:flex;flex-direction:column;gap:15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px 40px;width:100%}.projects .control_line,.projects .title_line{align-items:center;display:flex;justify-content:space-between;width:100%}.projects .control_line .infos{display:flex;gap:20px;justify-content:flex-start}.projects .control_line .infos .info{display:flex;flex-direction:column}.projects .control_line .infos .info span{font-weight:bolder}.projects .control_line .control_btns{display:flex;gap:10px}.projects .control_line .control_btns .btn_control{background:none;border:none;border-radius:5px;cursor:pointer;padding:5px}.projects .control_line .control_btns .active{background-color:#ffffff1a}.projects .vertical{align-items:center;flex-direction:column!important;flex-wrap:nowrap!important}.projects .horizontal{flex-direction:row}.projects .panel{column-gap:3%;display:flex;flex-wrap:wrap;height:40dvh;margin-top:10px;overflow-y:scroll;row-gap:15px}.projects .panel .long_one{align-items:center;flex-direction:row!important;width:90%!important}.projects .panel .long_one .titles,.projects .panel .long_one .upper_line{width:40%!important}.projects .panel .long_one .progress_wrap{width:150%!important}.projects .panel .long_one hr{display:none}.projects .panel .long_one .others{align-items:flex-end;flex-direction:column!important;gap:10px;width:45%!important}.projects .panel .long_one .others .left,.projects .panel .long_one .others .top_contributors{font-size:small;padding:5px;text-align:center;width:70%!important}.projects .panel .project_single{border-radius:20px;color:#000;display:flex;flex-direction:column;gap:15px;padding:20px;width:25%}.projects .panel .project_single .upper_line{align-items:center;display:flex;justify-content:space-between;width:100%}.projects .panel .project_single .titles{display:flex;flex-direction:column;width:100%}.projects .panel .project_single .titles h3,.projects .panel .project_single .titles h6{margin:0!important;text-align:center}.projects .panel .project_single .progress_wrap{display:flex;flex-direction:column;gap:5px;width:100%}.projects .panel .project_single .progress_wrap h5{margin:0!important}.projects .panel .project_single .progress_wrap .progress_line{background-color:gray;border-radius:20px;display:flex;height:6px;margin:auto;width:100%}.projects .panel .project_single .progress_wrap .progress_line .progress{border-radius:20px;height:6px}.projects .panel .project_single .progress_wrap .percentage{text-align:end}.projects .panel .project_single hr{background-color:#fff;border:1px solid #fff;width:100%}.projects .panel .project_single .others{display:flex;width:100%}.projects .panel .project_single .others .top_contributors{align-items:center;display:flex;gap:3px;width:50%}.projects .panel .project_single .others .top_contributors img{border-radius:50%;width:20px}.projects .panel .project_single .others .top_contributors .add_wrap{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.projects .panel .project_single .others .top_contributors .add_wrap svg{color:orange;width:100%}.projects .panel .project_single .others .left{background-color:#fff;border-radius:15px;color:orange;padding:5px 0;width:50%}.projects .panel .project_single .others .left span{align-items:center;display:flex;font-size:smaller;justify-content:center;width:100%}.projects .panel::-webkit-scrollbar-track{border-radius:5x;padding:2px 0}.projects .panel::-webkit-scrollbar{width:10px}.projects .panel::-webkit-scrollbar-thumb{background-color:#737272;border-radius:10px}@media screen and (max-width:600px){.projects{width:80%}.projects .control_line .control_btns,.projects .control_line .infos{flex-direction:column}.projects .vertical{overflow-x:hidden}}@media screen and (max-width:800px){.projects .long_one{flex-wrap:wrap;justify-content:center}.projects .long_one .others{align-items:center!important}.projects .long_one .others div{justify-content:center}}@media screen and (max-width:850px){.projects{width:80%}}@media screen and (max-width:1000px)and (min-width:701px){.panel{justify-content:center}.panel .short_one{width:250px!important}}@media screen and (max-width:700px){.short_one{width:80%!important}}.overview_panel{display:flex;flex-direction:column;gap:20px;height:80%;padding:40px 0;width:95%}.overview_panel .upper_panel{display:flex;justify-content:space-between}.overview_panel .upper_panel .left_panel{display:flex;flex-direction:column;gap:20px;height:100%;width:15%}.overview_panel .upper_panel .left_panel .panel_rect{align-items:center;border-radius:15px;box-shadow:0 3px 8px #0000003d;display:flex;height:22%;padding:20px 0}.overview_panel .upper_panel .left_panel .panel_rect .panel_icon{align-items:center;border-right:1px solid gray;display:flex;height:80%;justify-content:center;width:40%}.overview_panel .upper_panel .left_panel .panel_rect .panel_icon svg{font-size:50px}.overview_panel .upper_panel .left_panel .panel_rect .panel_icon .up{color:green}.overview_panel .upper_panel .left_panel .panel_rect .panel_icon .down{color:gray}.overview_panel .upper_panel .left_panel .panel_rect .panel_text{align-items:center;display:flex;flex-direction:column;text-align:center;width:60%}.overview_panel .upper_panel .left_panel .panel_rect .panel_text>*{margin:0!important}.overview_panel .upper_panel .left_panel .panel_rect .panel_text h2{align-items:center;display:flex}.overview_panel .upper_panel .left_panel .panel_rect .panel_text h2 span{color:green;font-size:small}.overview_panel .upper_panel .chart_panel{border-radius:25px;box-shadow:0 3px 8px #0000003d;padding:10px;width:80%}.overview_panel .upper_panel .chart_panel .chart{align-items:flex-end;display:flex;flex-direction:column;height:400px}.overview_panel .upper_panel .chart_panel .chart .chart_x{display:flex;height:90%;justify-content:space-between;width:100%}.overview_panel .upper_panel .chart_panel .chart .chart_x .x_div{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:5%}.overview_panel .upper_panel .chart_panel .chart .chart_x .main_chart{align-items:flex-end;display:flex;justify-content:space-between;width:95%}.overview_panel .upper_panel .chart_panel .chart .chart_x .main_chart div{border-radius:30px;width:calc(8.33333% - 70px)}.overview_panel .upper_panel .chart_panel .chart .chart_y{display:flex;justify-content:space-between;width:95%}.overview_panel .upper_panel .chart_panel .chart .chart_y span{text-align:center;width:calc(8.33333% - 70px)}.overview_panel .bottom_panel{align-items:center;display:flex;justify-content:space-between;padding-bottom:30px;width:100%}.overview_panel .bottom_panel .bottom_activities{align-items:center;border-radius:20px;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;height:200px;padding:10px;width:30%}.overview_panel .bottom_panel .bottom_activities .rect_info{display:flex;justify-content:center;width:100%}.overview_panel .bottom_panel .bottom_activities .rect_info>div:nth-child(2){border-left:1px solid gray;border-right:1px solid gray}.overview_panel .bottom_panel .bottom_activities .rect_activity{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:30%}.overview_panel .bottom_panel .bottom_activities .rect_activity hr{border:2px solid red;border-radius:30%;width:20%}.overview_panel .bottom_panel .bottom_activity_half{align-items:center;border-radius:20px;display:flex;height:200px;justify-content:space-between;padding:10px;width:30%}.overview_panel .bottom_panel .bottom_activity_half .half_rect{align-items:center;border-radius:20px;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;height:100%;justify-content:center;width:45%}.demographics_panel{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;padding:40px 0;width:100%}.demographics_panel .line{align-items:center;display:flex;gap:25px;height:400px;justify-content:center;width:100%}.demographics_panel .line .doughnut_wrapper{border-radius:20px;box-shadow:0 3px 8px #0000003d;height:100%;padding:10px;width:20%}.demographics_panel .line .doughnut_wrapper canvas{aspect-ratio:1/1!important;height:90%!important}.demographics_panel .line .horizontal_chart_wrapper{border-radius:20px;box-shadow:0 3px 8px #0000003d;height:100%;padding:10px;width:65%}.demographics_panel .line .horizontal_chart_wrapper .chart{align-items:flex-end;display:flex;flex-direction:column;height:70%;transform:rotateX("90deg")}.demographics_panel .line .horizontal_chart_wrapper .chart .chart_x{display:flex;height:90%;justify-content:space-between;width:100%}.demographics_panel .line .horizontal_chart_wrapper .chart .chart_x .x_div{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:5%}.demographics_panel .line .horizontal_chart_wrapper .chart .chart_x .x_div span{height:calc(14.28571% - 15px)}.demographics_panel .line .horizontal_chart_wrapper .chart .chart_x .main_chart{display:flex;flex-direction:column;justify-content:space-between;width:95%}.demographics_panel .line .horizontal_chart_wrapper .chart .chart_x .main_chart div{border-radius:30px;height:calc(14.28571% - 15px)}.demographics_panel .line .horizontal_chart_wrapper .chart .chart_y{display:flex;justify-content:space-between;width:95%}.demographics_panel .line .horizontal_chart_wrapper .chart .chart_y span{text-align:center}@media screen and (max-width:1200px){.demographics_panel .line{flex-direction:column;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.demographics_panel .line .doughnut_wrapper{width:70%!important}.demographics_panel .line .horizontal_chart_wrapper{width:90%!important}}@media screen and (max-width:1500px)and (min-width:850px){.chart_panel,.left_panel{width:100%!important}.left_panel .panel_rect{height:60%!important;width:24%!important}}@media screen and (max-width:1500px){.upper_panel{align-items:center!important;flex-direction:column;row-gap:20px}.upper_panel .left_panel{flex-direction:row!important;justify-content:space-between}.upper_panel .chart_panel .chart_y span,.upper_panel .chart_panel .main_chart div{width:calc(8.33333% - 5px)!important}}@media screen and (max-width:1200px)and (min-width:700px){.bottom_panel{flex-wrap:wrap}.bottom_panel .bottom_activities,.bottom_panel .bottom_activity_half{width:45%!important}}@media screen and (max-width:850px){.chart_panel,.left_panel{width:80%!important}.left_panel{flex-wrap:wrap;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.left_panel .panel_rect{width:45%}}@media screen and (max-width:700px){.bottom_panel{align-items:center;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bottom_panel .bottom_activities,.bottom_panel .bottom_activity_half{width:80%!important}.dash_tabs{width:100%!important}.dash_tabs .dash_tab{width:45%!important}.horizontal_chart_wrapper .x_div span{height:calc(14.28571% - 5px)!important}.horizontal_chart_wrapper .main_chart{padding-left:20px}.horizontal_chart_wrapper .main_chart div{height:calc(14.28571% - 5px)!important}}@media screen and (max-width:1200px)and (min-width:850px){.overview_panel{padding:10px}}@media screen and (max-width:450px){.half_rect{text-align:center}}
/*# sourceMappingURL=main.1e0bbcc6.css.map*/