.dashboard-main{width:100%;min-height:70%;display:flex;flex-direction:row;justify-content:space-between}@media (max-width: 768px){.dashboard-main{flex-direction:column}}.dashboard-main .dashboard-container-group{display:flex;flex-direction:column;justify-content:space-between;height:100%}.dashboard-main .dashboard-container-group .left{height:50%!important;width:20vw}@media (max-width: 768px){.dashboard-main .dashboard-container-group .left{width:calc(100% - 40px)}}.dashboard-main .dashboard-card-container{border:2px solid #2f4e76;border-radius:12px;padding:12px;margin:8px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center}.dashboard-main .dashboard-card-container h3{font-size:16px;font-weight:400;margin:0;height:10%;text-align:center}.dashboard-main .dashboard-card-container span{height:90%;display:flex;align-items:center}.dashboard-main .dashboard-card-container .bar-chart-container{display:flex;flex-direction:column;height:40%;width:100%}@media (max-width: 768px){.dashboard-main .dashboard-card-container .bar-chart-container{height:20%}}.dashboard-main .dashboard-card-container .negative-reason-container{display:flex;flex-direction:column;height:50%;width:100%}@media (max-width: 768px){.dashboard-main .dashboard-card-container .negative-reason-container{height:70%}}.dashboard-main .dashboard-card-container .cards{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:90%;width:100%}@media (max-width: 768px){.dashboard-main .dashboard-card-container .cards{height:100%}}.dashboard-main .dashboard-card-container span{font-size:48px;font-weight:800}.dashboard-main .level{width:40%;min-height:calc(100% - 42px)}@media (max-width: 768px){.dashboard-main .level{width:calc(100% - 40px);height:auto;min-height:90dvh}}.dashboard-main .chart{width:15vw;height:10vw}.negative{height:90%!important}@media (max-width: 768px){.negative{height:30%!important}}.card{display:flex;flex-direction:column;justify-content:space-evenly;width:31%;height:49%;margin:4px;border-radius:12px;background:linear-gradient(270deg,#030913 15.38%,#0a1b33);box-shadow:0 2px 8px #0003}@media (max-width: 768px){.card{width:90%;height:15%}}.card h4{margin:12px;font-size:clamp(10px,.7vw,30px);font-weight:400}.card .numbers-group{display:flex;justify-content:space-around;align-items:center}.card .numbers-group .main-number{font-size:clamp(40px,2vw,80px)}.card .numbers-group span{font-size:clamp(20px,1vw,40px)}.tag-container{width:100%;height:10%;display:flex;justify-content:flex-start;margin:0 0 4px 4px}.tag{height:70%!important;max-width:100%;color:#000;font-weight:800!important;background:linear-gradient(90deg,#5bddfb,#20237b);padding:4px 16px;border-radius:24px;display:flex;align-items:center;margin:0;word-break:break-word;text-align:center}.subtitle-container{width:100%;display:flex;align-items:center;justify-content:flex-start;margin:12px 0 0}.subtitle-content{font-weight:400;font-size:clamp(16px,1vw,32px);margin:0;background-color:#030913}.subtitle-pipe{position:absolute;width:31%;border:1px solid #2f4e76;filter:brightness(.5);z-index:-1}.container{height:100vh;margin:0 32px;display:flex;flex-direction:column;justify-content:space-evenly}@media (max-width: 768px){.container{height:100dvh}}.header{min-width:100%;max-height:25vh;display:flex;justify-content:space-between;align-items:flex-start;margin-top:36px}.header h1{width:50%;border-radius:8px;font-size:48px;font-weight:800;line-height:44px;margin:0;background:linear-gradient(90.1deg,#5bddfb -6.49%,#20237b 107.43%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.header h1{font-size:20px}}.header .image-menu-group{width:50%;display:flex;flex-direction:column;justify-content:space-between}.header .imgs-container{width:100%;display:flex;align-items:center;justify-content:end;cursor:default}.header .imgs-container img{width:25%;margin:0 12px}@media (max-width: 768px){.header .imgs-container img{width:40%}}.breakline{width:100%;border:1px solid #2f4e76;margin-top:16px}.menu-container{display:flex;flex-direction:row;justify-content:end;width:100%}.menu-container p{margin:12px 12px 0 0;border-bottom:3px solid #030913;padding:0;cursor:pointer}.menu-container .active{border-bottom:3px solid #2f4e76!important}.container{height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.ant-form-item-required{color:#fff!important}@media (max-width: 768px){form{height:80%;display:flex;flex-direction:column;justify-content:center}}form,button{width:30vw}@media (max-width: 768px){form,button{width:100%}}input,.password-input{background-color:#030913!important}.ant-input,.password-input{border-bottom:2px solid #2f4e76;color:#fff;font-size:16px}svg,h2,span{color:#fff}.ant-notification svg{color:#ff4d4f}.phase3-main{width:100%;min-height:70%;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 768px){.phase3-main{min-height:100%}}.phase3-main .row{display:flex;flex-direction:row;width:100%;height:30%;overflow-x:hidden}@media (max-width: 768px){.phase3-main .row{flex-direction:column;min-height:50%;height:auto}}.phase3-main .phase3-card-container{width:33%;min-width:0;border:2px solid #2f4e76;border-radius:12px;padding:12px;margin:8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;overflow:hidden}.phase3-main .phase3-card-container h3{font-size:clamp(12px,2vw,16px);font-weight:400;margin:0;width:30%;text-align:left;word-break:break-word;overflow-wrap:break-word}.phase3-main .phase3-card-container span{height:90%;display:flex;align-items:center;font-size:clamp(16px,4vw,28px);font-weight:800;word-break:break-word;overflow-wrap:break-word;text-align:center;max-width:100%}@media (max-width: 768px){.phase3-main .phase3-card-container{width:100%;margin:8px 0;flex-direction:column;flex-grow:1}.phase3-main .phase3-card-container h3{width:100%;text-align:center}}.chart-container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:50%;width:100%}@media (max-width: 768px){.chart-container{height:fit-content;width:100%;margin-bottom:12px}}.date-group{display:flex;flex-direction:column;justify-content:space-between;width:60%}.date-group .date-box{display:flex;font-size:8px!important;align-items:center;width:100%;margin:2px 0}.date-group .date-box .date-tag{background-color:#2f4e76;font-size:8px!important;color:#fff;padding:2px 8px;border-radius:2px;width:30%;justify-content:center}.date-group .date-box .expected{background-color:#06f}.date-group .date-box .made{background-color:#29ec72;color:#000}.date-group .date-box .not-yet{background-color:#ccc;color:#000}@media (max-width: 768px){.date-group{width:100%;margin:16px 0}.date-group .date-box{font-size:12px!important}}.subtitle-group{width:40%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media (max-width: 768px){.subtitle-group{width:100%}}.subtitle-box{width:100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom:4px}.subtitle-box .circle{width:16px;height:16px;border-radius:50%;margin-right:12px}.subtitle-box .circle-made{background-color:#06f}.subtitle-box .circle-not-yet{background-color:#ccc}.subtitle-box .circle-late{background-color:#f90}.subtitle-box .subtitle{font-size:8px!important}@media (max-width: 768px){.subtitle-box .subtitle{font-size:12px!important}}:root{background-color:#030913;font-family:Poppins,sans-serif}body{color:#fff;min-height:100vh;width:100vw;margin:0}