.bar-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 5px 18px #173a2b08}.bar-stat>span{font-size:10px;letter-spacing:1px;color:#80908c;font-weight:800}.bar-list{margin-top:10px;display:grid;gap:7px}.bar-list>div{display:grid;grid-template-columns:66px 1fr 42px;align-items:center;gap:7px;font-size:10px;color:#71807d}.bar-list i{height:7px;background:#edf3f0;border-radius:10px;overflow:hidden}.bar-list b{display:block;height:100%;background:#42b67a;border-radius:10px}.bar-list strong{text-align:right;font-size:10px;color:#315248}.charts{grid-template-columns:1fr;gap:18px}.chart{height:284px;padding:0;overflow:hidden}.chart-title{padding:18px 20px 12px;border-bottom:1px solid #edf2f0}.chart-title span{display:block}.plot{height:190px;display:flex;padding:15px 20px 0}.y-axis{width:72px;display:flex;flex-direction:column;justify-content:space-between;padding:1px 8px 24px 0;color:#9aa7a3;font-size:10px;text-align:right}.plot-area{position:relative;flex:1}.plot-area svg{height:150px;width:100%;overflow:visible}.plot-area line{stroke:#e8efec;stroke-width:.5}.x-axis{display:flex;justify-content:space-between;color:#9aa7a3;font-size:10px;margin-top:3px}.chart-empty{height:160px;display:grid;place-items:center;color:#84928f;font-size:12px}.detail-head{margin-bottom:12px}@media(max-width:1150px){.bar-stat{grid-column:span 1}}@media(max-width:520px){.bar-list>div{grid-template-columns:56px 1fr 38px}.plot{padding-left:12px;padding-right:12px}.y-axis{width:60px;font-size:9px}.x-axis{font-size:8px}.chart{height:270px}}