body[data-v-f11b40f7]{height:100vh;margin:0;overflow:auto;width:100vw}.points-consumption-page[data-v-f11b40f7]{background-color:#f4f7fb;border-radius:16px;min-height:100%;padding:24px}.page-header[data-v-f11b40f7]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-left .page-title[data-v-f11b40f7]{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:600;gap:10px;margin:0}.header-left .page-title .title-icon[data-v-f11b40f7]{color:#2948ff;font-size:24px}.header-left .page-desc[data-v-f11b40f7]{color:#6f7d95;display:block;font-size:14px;margin-top:6px}.header-right[data-v-f11b40f7]{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.charts-row[data-v-f11b40f7],.charts-section[data-v-f11b40f7]{margin-bottom:20px}.charts-row[data-v-f11b40f7]{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.charts-row[data-v-f11b40f7]:last-child{margin-bottom:0}.grade-section[data-v-f11b40f7]{margin-top:20px}.chart-card[data-v-f11b40f7]{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 20px #252b3a0a;padding:18px}.chart-card .chart-header[data-v-f11b40f7]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-card .chart-title[data-v-f11b40f7]{color:#1e293b;font-size:15px;font-weight:600;margin:0}@media (max-width:1200px){.charts-row[data-v-f11b40f7]{grid-template-columns:1fr}}@media (max-width:768px){.points-consumption-page[data-v-f11b40f7]{padding:16px}.page-header[data-v-f11b40f7]{flex-direction:column}.page-header .header-right[data-v-f11b40f7]{justify-content:flex-start;width:100%}.page-header .header-right[data-v-f11b40f7]>*{flex:1;min-width:140px}.charts-row[data-v-f11b40f7]{grid-template-columns:1fr}}