.supplier-kpi-page{width:100%;max-height:90vh;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.supplier-kpi-page .page-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.supplier-kpi-page .page-header .page-title{font-size:18px;font-weight:500;margin:0}.supplier-kpi-page .page-header .time-filter{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.supplier-kpi-page .page-header .time-filter .filter-select{width:300px}.supplier-kpi-page .chart-container{width:100%;height:calc(90vh - 100px)}.supplier-kpi-page .chart-container .echarts-box{width:100%;height:100%}@media (max-width:768px){.supplier-kpi-page .page-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}.supplier-kpi-page .chart-container{height:calc(90vh - 140px)}}