.chart-card[data-v-863c9722]{background:#fff;padding:20px;border-radius:8px;display:flex;flex-direction:column}.header h3[data-v-863c9722]{margin:0 0 20px 0;font-size:18px;color:#333;font-weight:400}.content[data-v-863c9722]{flex:1;display:flex;align-items:center;justify-content:space-around}.legend-wrapper[data-v-863c9722]{display:flex;flex-direction:column;justify-content:center;margin-right:20px;height:200px}.legend-item[data-v-863c9722]{display:flex;align-items:center;margin-bottom:15px;font-size:14px;color:#666}.dot[data-v-863c9722]{width:8px;height:8px;border-radius:50%;margin-right:8px}.chart-ref[data-v-863c9722]{width:250px;height:250px}.chart-card[data-v-21aba3a2]{width:100%;background:#fff;padding:20px;box-sizing:border-box;border-radius:8px;height:450px;display:flex;flex-direction:column}.header[data-v-21aba3a2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h3[data-v-21aba3a2]{margin:0;font-size:18px;color:#333;font-weight:400}.chart-body[data-v-21aba3a2]{flex:1;width:100%;height:0;position:relative}.date-picker-container[data-v-21aba3a2]{display:flex;align-items:center;justify-content:flex-end}.chart-card[data-v-693cfe84]{width:100%;background:#fff;padding:20px;box-sizing:border-box;border-radius:8px;height:450px;display:flex;flex-direction:column}.header[data-v-693cfe84]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h3[data-v-693cfe84]{margin:0;font-size:18px;color:#333;font-weight:400}.chart-body[data-v-693cfe84]{flex:1;width:100%;height:0;position:relative}.date-picker-container[data-v-693cfe84]{display:flex;align-items:center;justify-content:flex-end}.page-right-outer[data-v-3744fc7a]{width:98%;height:100%;background:#f6f6f6}.page-right-outer .setion-item[data-v-3744fc7a]{margin-bottom:40px}.page-right-outer .data-setion[data-v-3744fc7a]{width:100%;display:flex;grid-gap:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:20px}.page-right-outer .data-setion .data-item[data-v-3744fc7a]{width:375px;height:184px;border-radius:5px;background-color:#fff;padding:15px;box-sizing:border-box}.page-right-outer .data-setion .data-item .title[data-v-3744fc7a]{font-size:18px;font-weight:700;color:#000}.page-right-outer .data-setion .data-item .value[data-v-3744fc7a]{margin:30px 0 0}.page-right-outer .data-setion .data-item .value .all-number[data-v-3744fc7a]{font-size:30px;font-weight:700;color:var(--primary-color);border-bottom:1px solid #d9d9d9;padding-bottom:10px;margin-bottom:18px}.page-right-outer .data-setion .data-item .value .new-add[data-v-3744fc7a]{font-size:16px;color:#555;display:flex;justify-content:space-between;align-items:center}.page-right-outer .circular-chart-container[data-v-3744fc7a]{width:100%}.page-right-outer .circular-chart-container .row[data-v-3744fc7a]{display:flex;gap:20px}.page-right-outer .circular-chart-container .col[data-v-3744fc7a]{flex:1}