.line-chart-box{width:100%;height:400px;padding:20px;background:#fff;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.chart-header{display:flex;justify-content:flex-end;margin-bottom:15px}.echart-box{width:500px;height:350px;border:3px solid pink;margin:20px auto}.hollow-pie-box{width:100%;height:350px;background:#fff}.bg-purple-dark{background:#99a9bf}.bg-purple{background:#d3dce6}.bg-purple-light{background:#e5e9f2}.grid-content{border-radius:4px;min-height:36px}.row-bg{padding:10px 0;background-color:#f9fafc}.stats-card{align-items:center;height:50px;border-radius:4px}.stats-title{color:#fff;line-height:1.2}.stats-value{color:#fff}.stats-row{margin:10px 0}.stats-col{flex:1;min-width:0;margin:0 5px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s}.stats-col:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.stats-card{padding:12px;color:#fff;text-align:center;display:flex;flex-direction:column;height:100%;justify-content:center}.stats-title{font-size:14px;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.stats-value{font-size:18px;font-weight:700;letter-spacing:1px}@media (max-width:768px){.stats-row{flex-wrap:wrap}.stats-col{flex:0 0 calc(50% - 10px);margin-bottom:10px}}@media (max-width:480px){.stats-col{flex:0 0 100%}}.filter-label{text-align:right;padding-right:10px;color:#606266;line-height:40px}