.app-root{display:flex;flex-direction:column;height:100vh;width:100vw;color:#213547;background-color:#f9f5f5;position:relative;overflow:hidden}.app-main{flex:1;padding:25px;background-color:#f9f5f5;overflow:auto}.view-pannel{padding:10px;height:calc(100% - 30px);overflow:hidden}.kpi-view{display:flex;gap:13px;flex-wrap:wrap;height:calc(100% - 55px);overflow-y:scroll}@media(max-width:1200px){.kpi-view{height:calc(100% - 155px)}}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap;width:100%}.utilization-row{display:flex;gap:15px;flex-wrap:wrap;height:fit-content}@media(max-width:1200px){.utilization-row{flex-direction:column}}.utilization-row p{width:100%;color:#64748b;font-size:.95rem;padding:20px;text-align:center}.pagination{display:flex;gap:8px;align-items:center}.card{width:30%;height:300px;display:flex;flex-direction:column;min-width:600px;border:1px solid #ccc}.cardContent{flex:1;display:flex;flex-direction:column;gap:16px}.card-header{display:flex;width:100%;height:40%}.titleBox{flex:.6}.MuiTypography-root.MuiTypography-h6{font-size:28px}.statusBox{height:100%;flex:.4;display:flex;justify-content:flex-end}.statusContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:8px}.status-icon{width:30px;height:30px;border-radius:8px;display:flex;justify-content:center;font-size:16px;color:#fff}.status-icon img{margin:auto;width:26px;height:26px}.status-icon.growth{background-color:#3cd52e}.status-icon.neutral{background-color:#f9d06a}.status-icon.decline{background-color:#ff87b1}.timeLabel{font-size:16px;text-align:right;color:#0009}.contentSection{display:flex;width:100%;flex:1;gap:16px;border-top:1px solid #ccc;min-height:0}.metricsBox{width:60%;max-width:250px}.metricsContainer{display:flex;justify-content:space-between;margin-top:20px}.metricItem .metricHeader{display:flex;align-items:center;gap:8px}.metricItem .metricDot{width:12px;height:12px;border-radius:50%}.metricItem .goalDot{background-color:#00a6ff}.metricItem .utilizationDot{background-color:#3cd52e}.metricItem .metricLabel{font-size:24px;color:#0009}.metricItem .metricValue{font-size:3rem;font-weight:600;text-align:right}.chartBox{flex:1;min-height:120px}.info-img{height:90px;width:90px}.infoBox{display:flex;flex-direction:column;align-items:center;gap:20px}.title-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%}.title-wrapper .filter-controls{flex:1;display:flex;justify-content:flex-end;gap:10px}.title-wrapper .filter-controls .form-element{min-width:250px}@media(max-width:1200px){.title-wrapper .filter-controls{flex-direction:column}}.login-wrapper{position:relative;width:100%;height:100%;overflow:hidden;display:flex}.login-left{position:inherit;width:40%;height:100%;margin-top:40px;margin-left:60px;display:flex;flex-direction:column}.login-left .logo{width:70px;height:70px}.login-left .sign-in{display:flex;align-items:center;height:100%}.login-right{height:100%;width:60%;border-radius:20px;overflow:hidden}.login-right img{width:auto;height:100%}.header{border-bottom:1px solid #ccc;display:flex;flex-direction:row;width:95%;justify-content:space-between;align-self:center;margin:10px 0;position:sticky}.header .logo-wrapper{display:flex;flex-direction:row;align-content:center;align-items:center;padding:4px 0}.header .logo-wrapper__container{height:70px;width:70px}.header .logo-wrapper__title{color:#000;text-align:center;font-size:20px;font-style:normal;font-weight:700;line-height:20px;margin-left:20px}.header .navigation-wrapper{display:flex;align-items:center;gap:10px}.header .navigation-wrapper .header-nav-btn{color:#fff;background-color:#3cd52e}.header .navigation-wrapper .active-btn{border:none;outline:none;color:#3cd52e;background-color:#0a0a33}.header .logout-wrapper{display:flex;flex-direction:row;align-items:center}.header .logout-wrapper__container{display:flex;align-items:center;margin-right:30px}.header .logout-wrapper__image-container{width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center}.header .logout-wrapper__image-container img{height:30px;width:30px}.header .logout-wrapper__info{display:flex;flex-direction:column;margin-left:20px}.header .logout-wrapper__info--title{color:#666;font-size:15px;font-style:normal;font-weight:500;line-height:20px}.header .logout-wrapper__info--body{color:#000;font-size:24px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:1px}:root{font-family:Acumin Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#f9f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#0a0a33;text-decoration:inherit}a:hover{color:#0a0a33}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.title{color:#0a0a33;flex:0 0 30%;font-size:1.4rem;font-weight:600}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3cd52e;color:#fff;transition:border-color .25s;cursor:pointer}button:hover{border-color:#0a0a33}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#0a0a33;background-color:#fff}a:hover{border:none;outline:none;color:#3cd52e;background-color:#0a0a33}button{background-color:#f9f9f9}}