:root{--bg-color:#fff;--card-bg:#fff;--text-primary:#bcb4b4;--blue:#1890ff;--orange:#fa8c16;--green:#54b92f}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}body{background-color:#fff;background-color:var(--bg-color);color:#bcb4b4;color:var(--text-primary);padding:10px}.dashboard-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto auto}.card{background:#fff;background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0000000a;overflow:hidden;padding:2px}.card-title{color:#bcb4b4;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:10px;text-align:center}.card-chart{height:250px;width:100%}#header-row{grid-column:1/-1;grid-row:1}#chart-r2c1{grid-column:1;grid-row:2}#chart-r2c2{grid-column:2;grid-row:2}#chart-r2c3{grid-column:3;grid-row:2}#chart-r2c4{grid-column:4;grid-row:2}#chart-r3c1{grid-column:1;grid-row:3}#chart-r3c2-3{grid-column:2/span 2;grid-row:3}#chart-r3c4{grid-column:4;grid-row:3}#chart-r4c1-2{grid-column:1/span 2;grid-row:4}#chart-r4c3-4{grid-column:3/span 2;grid-row:4}#header-row{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:15px;position:relative}#header-row .header-date{color:#999;font-size:14px;position:absolute;right:20px;top:20px}#header-row .main-title{color:#1890ff;font-size:26px;font-weight:700;margin-bottom:6px}#header-row .kpi-row{color:#1890ff;font-size:18px;font-weight:700;margin-top:6px;text-align:center}#header-row .kpi-row .target-number{color:#b051e6;font-size:26px;font-weight:bolder}.center-rings{align-items:center;display:flex;height:100%;justify-content:space-around;width:100%}.ring-box{height:180px;width:45%}@media screen and (max-width:1024px){.center-rings{flex-direction:column;gap:10px}.ring-box{height:150px;width:80%}}@media screen and (max-width:768px){.dashboard-grid{grid-template-columns:1fr}#chart-r2c1,#chart-r2c2,#chart-r2c3,#chart-r2c4,#chart-r3c1,#chart-r3c2-3,#chart-r3c4,#chart-r4c1-2,#chart-r4c3-4,#header-row{grid-column:1;grid-row:auto}#header-row{flex-direction:column;padding:5px}#header-row .header-date{align-self:flex-end;margin-bottom:5px;position:relative;right:auto;text-align:right;top:auto;width:100%}#header-row .main-title{font-size:20px}.center-rings{flex-direction:row}.ring-box{height:150px;width:45%}}
/*# sourceMappingURL=main.15149240.css.map*/