.money-saving-container[data-v-393d3ad2]{background-color:#f5f7fa;height:60vh}.header-style[data-v-393d3ad2]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #ebeef5;background-color:#fff}.header-spacer[data-v-393d3ad2]{width:100px}.header-title[data-v-393d3ad2]{font-size:34px;color:#303133;font-weight:700}.date-type-dropdown[data-v-393d3ad2]{width:100px}.main-content[data-v-393d3ad2]{padding:0;overflow-x:hidden;overflow-y:auto}.time-type-tabs[data-v-393d3ad2]{display:flex;justify-content:space-around;padding:10px 20px;margin-bottom:10px}.time-tab-button[data-v-393d3ad2]{flex-grow:1;margin:0 5px;font-size:12px;height:30px;padding:0 10px}.el-button--primary[data-v-393d3ad2]{background-color:#ecf5ff;color:#409eff;border-color:#ecf5ff}.el-button--default[data-v-393d3ad2]{background-color:#fff;color:#303133;border-color:#dcdfe6}.chart-section[data-v-393d3ad2]{padding:0 20px;height:100%}.spacer[data-v-393d3ad2]{height:18px}.chart-placeholder[data-v-393d3ad2]{width:100%;height:400px}.chart-container[data-v-393d3ad2]{position:relative}.loading-container[data-v-393d3ad2],.no-data-container[data-v-393d3ad2]{display:flex;justify-content:center;align-items:center;height:400px;margin:24px 0}