.consumption-summary-container[data-v-7f7dee4b]{padding:20px;background:#f5f5f5;min-height:100vh}.header-section[data-v-7f7dee4b]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.title-content[data-v-7f7dee4b]{width:100%;margin-bottom:20px}.page-title[data-v-7f7dee4b]{margin:0 0 8px 0;color:#333;font-size:24px;font-weight:600}.page-description[data-v-7f7dee4b]{margin:0;color:#666;font-size:14px;line-height:1.4}.filter-section[data-v-7f7dee4b]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.filter-form[data-v-7f7dee4b]{display:flex;flex-direction:column;gap:15px}.filter-row[data-v-7f7dee4b]{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.filter-item[data-v-7f7dee4b]{display:flex;align-items:center;gap:8px;min-width:200px}.filter-item label[data-v-7f7dee4b]{font-size:14px;color:#333;white-space:nowrap;min-width:80px}.amount-range[data-v-7f7dee4b]{display:flex;align-items:center;gap:8px}.amount-range span[data-v-7f7dee4b]{color:#666}.filter-actions[data-v-7f7dee4b]{display:flex;gap:10px;margin-top:10px}.stats-section[data-v-7f7dee4b]{margin-top:20px}.stats-cards[data-v-7f7dee4b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card[data-v-7f7dee4b]{padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center}.stat-card.total[data-v-7f7dee4b]{background:linear-gradient(135deg,#409eff,#66b3ff);color:#fff}.stat-card.employee[data-v-7f7dee4b],.stat-card.other[data-v-7f7dee4b],.stat-card.student[data-v-7f7dee4b]{background:linear-gradient(135deg,#67c23a,#85ce61);color:#fff}.stat-label[data-v-7f7dee4b]{font-size:14px;margin-bottom:8px;opacity:.9}.stat-value[data-v-7f7dee4b]{font-size:24px;font-weight:700}.table-section[data-v-7f7dee4b]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.data-table[data-v-7f7dee4b]{width:100%;border:none}.data-table .el-table__header[data-v-7f7dee4b]{background-color:#fafbfc}.data-table .el-table__header th[data-v-7f7dee4b]{background-color:#fafbfc;color:#333;font-weight:600;border-bottom:1px solid #ebeef5}.data-table .el-table__body tr:hover>td[data-v-7f7dee4b]{background-color:#f5f7fa}.amount-text[data-v-7f7dee4b]{font-weight:500;color:#333}.amount-text.negative[data-v-7f7dee4b]{color:#f56c6c}.balance-text[data-v-7f7dee4b]{font-weight:500;color:#333}.pagination-section[data-v-7f7dee4b]{background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.pagination-info[data-v-7f7dee4b]{display:flex;flex-direction:column;gap:10px}.page-total[data-v-7f7dee4b]{color:#333;font-size:14px;font-weight:500;text-align:right}.highlight-amount[data-v-7f7dee4b]{font-size:16px;font-weight:700;color:#f56c6c}.pagination-row[data-v-7f7dee4b]{display:flex;justify-content:flex-end;align-items:center}.pagination-controls[data-v-7f7dee4b]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.total-records[data-v-7f7dee4b]{font-size:12px;margin-right:10px}.page-size-selector[data-v-7f7dee4b]{min-width:100px}.pagination[data-v-7f7dee4b]{margin:0}.page-jumper[data-v-7f7dee4b]{display:flex;align-items:center;color:#666;font-size:14px}.clickable-name[data-v-7f7dee4b]{color:#409eff;cursor:pointer;text-decoration:underline}.clickable-name[data-v-7f7dee4b]:hover{color:#66b3ff}.transaction-dialog .el-dialog__body[data-v-7f7dee4b]{padding:20px}.user-info-section[data-v-7f7dee4b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;background:#f5f5f5;border-radius:4px;border:1px solid #d9d9d9}.user-basic-info[data-v-7f7dee4b]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-7f7dee4b]{width:40px;height:40px;background:#8b5cf6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.user-details[data-v-7f7dee4b]{display:flex;flex-direction:column;gap:3px}.user-name[data-v-7f7dee4b]{margin:0;font-size:16px;font-weight:600;color:#333}.user-id[data-v-7f7dee4b]{margin:0;font-size:12px;color:#666}.user-metrics[data-v-7f7dee4b]{display:flex;gap:10px}.metric-card[data-v-7f7dee4b]{background-color:#67c23a!important;color:#fff!important;border:2px solid #67c23a!important;padding:8px 12px;border-radius:4px;text-align:center;min-width:80px}.metric-label[data-v-7f7dee4b]{font-size:14px;color:#fff;margin-bottom:3px}.metric-value[data-v-7f7dee4b]{font-weight:700;font-size:20px;color:#fff}.dialog-filter-section[data-v-7f7dee4b]{margin-bottom:15px;padding:12px;background:#f5f5f5;border-radius:4px;border:1px solid #d9d9d9}.dialog-filter-section .filter-row[data-v-7f7dee4b]{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.dialog-filter-section .filter-item[data-v-7f7dee4b]{display:flex;align-items:center;gap:6px}.dialog-filter-section .filter-item label[data-v-7f7dee4b]{font-size:13px;color:#333;white-space:nowrap;min-width:80px;font-weight:500}.dialog-filter-section .filter-actions[data-v-7f7dee4b]{display:flex;gap:8px;margin-left:auto}.transaction-table-section[data-v-7f7dee4b]{margin-bottom:15px}.transaction-table[data-v-7f7dee4b]{width:100%;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden}.transaction-table .el-table__header[data-v-7f7dee4b]{background-color:#fafafa}.transaction-table .el-table__header th[data-v-7f7dee4b]{background-color:#fafafa;color:#333;font-weight:600;border-bottom:1px solid #d9d9d9;font-size:13px;padding:8px 0}.transaction-table .el-table__body tr:hover>td[data-v-7f7dee4b]{background-color:#f5f5f5}.transaction-table .el-table__body td[data-v-7f7dee4b]{font-size:13px;padding:8px 0}.dialog-pagination[data-v-7f7dee4b]{display:flex;justify-content:flex-end;align-items:center;padding:10px 0;border-top:1px solid #d9d9d9;margin-top:8px;gap:20px}.pagination-left[data-v-7f7dee4b]{display:flex;align-items:center;gap:8px}.total-records[data-v-7f7dee4b]{color:#666;font-size:13px}.page-size-select[data-v-7f7dee4b]{width:80px}.pagination-center[data-v-7f7dee4b]{display:flex;align-items:center}.pagination-right[data-v-7f7dee4b]{display:flex;align-items:center;gap:4px}.jumper-label[data-v-7f7dee4b]{color:#666;font-size:13px}.jumper-input[data-v-7f7dee4b]{width:50px}.jumper-suffix[data-v-7f7dee4b]{color:#666;font-size:13px}.dialog-pagination .pagination[data-v-7f7dee4b]{margin:0}@media (max-width:768px){.filter-row[data-v-7f7dee4b]{flex-direction:column;align-items:flex-start}.filter-item[data-v-7f7dee4b]{min-width:100%}.stats-cards[data-v-7f7dee4b]{grid-template-columns:1fr}.pagination-section[data-v-7f7dee4b]{flex-direction:column;align-items:flex-start}.pagination-controls[data-v-7f7dee4b]{width:100%;justify-content:space-between}}