.h5-dashboard{background-color:#f5f5f5}.loading-container{min-height:400px}.chart-container{background:#fff;margin-bottom:10px;overflow:hidden}.chart-header{padding:20px 20px 10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chart-header,.chart-title-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.chart-title-wrapper{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:4px}.chart-title{margin:0;font-size:16px;font-weight:600;color:#333}.chart-unit{font-size:12px;color:#999;font-weight:400}.total-revenue-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:4px}.total-revenue-label{font-size:14px;color:#999;font-weight:400}.total-revenue-amount{font-size:14px;color:#333}.june-summary{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.june-summary,.summary-item{display:-webkit-box;display:-ms-flexbox;display:flex}.summary-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;color:#666}.legend-dot{width:8px;height:8px;border-radius:50%;margin-right:6px}.legend-dot.data-a{background-color:#1890ff}.legend-dot.data-b{background-color:#69c0ff}.chart{width:100%;height:240px}.pagination-dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px 0;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background-color:#d9d9d9;-webkit-transition:background-color .3s;transition:background-color .3s}.dot.active{background-color:#ff4d4f}@media(max-width:768px){.chart-header{padding:15px 15px 10px;gap:10px}.chart{height:240px}.chart-title{font-size:14px}.total-revenue-amount,.total-revenue-label{font-size:13px}}