#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50;text-decoration:none}nav a.router-link-exact-active{color:#42b983}.drawer-trigger[data-v-188c045a]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f0f2f5;border-radius:8px;cursor:pointer;margin-top:16px;transition:all .3s}.drawer-trigger[data-v-188c045a]:hover{background:#e6e8eb}.drawer-trigger span[data-v-188c045a]{font-size:14px;color:#606266}.drawer-content[data-v-188c045a]{padding:20px}.year-tabs-container[data-v-188c045a]{margin:20px 0;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:15px}.year-tabs[data-v-188c045a]{--el-tabs-header-height:50px}.year-tabs[data-v-188c045a] .el-tabs__header{margin:0}.year-tabs[data-v-188c045a] .el-tabs__nav-wrap:after{background-color:transparent}.year-tabs[data-v-188c045a] .el-tabs__item{height:40px;line-height:40px;font-size:15px;color:#606266;transition:all .3s ease}.year-tabs[data-v-188c045a] .el-tabs__item.is-active{color:#409eff;font-weight:600}.year-tabs[data-v-188c045a] .el-tabs__active-bar{height:3px;background-color:#409eff}.header-container[data-v-188c045a]{display:flex;justify-content:center;align-items:center;margin:12px 0 24px;padding:8px 16px;background:#f8fafc;border-radius:8px;height:56px}.header-container .month-title[data-v-188c045a]{font-size:16px;color:#2d3748;margin:0;font-weight:600;letter-spacing:.5px;margin-right:50px}.stats-display[data-v-188c045a]{padding:20px}.chart-container[data-v-188c045a],.charts-section[data-v-188c045a]{margin-top:20px}.chart[data-v-188c045a]{width:100%;height:100%}.stats-cards[data-v-188c045a]{margin-bottom:30px}.stats-card[data-v-188c045a]{height:100%;transition:all .3s ease;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);border:none;padding:20px}.stats-card[data-v-188c045a]:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.stats-cards .el-col:first-child .stats-card[data-v-188c045a]{background:linear-gradient(135deg,#fff,#ecf5ff)}.stats-cards .el-col:first-child .card-title[data-v-188c045a]{color:#409eff}.stats-cards .el-col:first-child .stat-item .value[data-v-188c045a]{color:#409eff;background-color:rgba(64,158,255,.1);padding:4px 8px;border-radius:4px}.stats-cards .el-col:nth-child(2) .stats-card[data-v-188c045a]{background:linear-gradient(135deg,#fff,#f5f3ff)}.stats-cards .el-col:nth-child(2) .card-title[data-v-188c045a]{color:#6b5ecd}.stats-cards .el-col:nth-child(2) .stat-item .value[data-v-188c045a]{color:#6b5ecd;background-color:rgba(107,94,205,.1);padding:4px 8px;border-radius:4px}.stats-cards .el-col:nth-child(3) .stats-card[data-v-188c045a]{background:linear-gradient(135deg,#fff,#fdf6ec)}.stats-cards .el-col:nth-child(3) .card-title[data-v-188c045a]{color:#e6a23c}.stats-cards .el-col:nth-child(3) .stat-item .value[data-v-188c045a]{color:#e6a23c;background-color:rgba(230,162,60,.1);padding:4px 8px;border-radius:4px}.card-title[data-v-188c045a]{font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(0,0,0,.06)}.stat-item[data-v-188c045a]{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .3s ease;border-radius:8px}.stat-item[data-v-188c045a]:hover{background-color:rgba(0,0,0,.02)}.stat-item .label[data-v-188c045a]{color:#606266;font-size:14px}.stat-item .value[data-v-188c045a]{font-weight:600;font-size:16px;transition:all .3s ease}.profit-positive[data-v-188c045a]{color:#67c23a!important;font-weight:700;padding:4px 8px;background-color:rgba(103,194,58,.1)!important;border-radius:4px}.profit-negative[data-v-188c045a]{color:#f56c6c!important;font-weight:700;padding:4px 8px;background-color:rgba(245,108,108,.1)!important;border-radius:4px}.charts-section[data-v-188c045a]{margin:30px 0}.chart-controls[data-v-188c045a]{margin-bottom:20px}.chart-container[data-v-188c045a]{height:400px;width:100%;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:20px}.chart-container .chart[data-v-188c045a]{height:100%;width:100%}.data-table[data-v-188c045a]{margin-top:30px}.metric-group[data-v-188c045a]{margin-bottom:12px;display:flex;align-items:flex-start;padding:12px;border-radius:8px}.metric-group.income[data-v-188c045a]{background:rgba(64,158,255,.1);border:1px solid rgba(64,158,255,.2)}.metric-group.expense[data-v-188c045a]{background:rgba(245,108,108,.1);border:1px solid rgba(245,108,108,.2)}.metric-group.orders[data-v-188c045a]{background:rgba(103,194,58,.1);border:1px solid rgba(103,194,58,.2)}.metric-group.refund[data-v-188c045a]{background:rgba(230,162,60,.1);border:1px solid rgba(230,162,60,.2)}.group-title[data-v-188c045a]{font-size:14px;color:#374151;margin:0;font-weight:600;writing-mode:vertical-lr;padding:12px 0;text-orientation:mixed;white-space:nowrap}.stats-section[data-v-188c045a]{padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:16px}.metric-cards[data-v-188c045a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;flex:1;margin-left:12px}.metric-card[data-v-188c045a]{background:#fff;border-radius:6px;padding:12px;cursor:pointer;transition:all .3s ease;border:1px solid #e5e7eb;border-left:3px solid transparent;box-shadow:0 4px 12px rgba(0,0,0,.1)}.metric-card.income.is-active[data-v-188c045a]{background:linear-gradient(135deg,#409eff,#66b1ff);color:#fff}.metric-card.expense.is-active[data-v-188c045a]{background:linear-gradient(135deg,#f56c6c,#f78989);color:#fff}.metric-card.orders.is-active[data-v-188c045a]{background:linear-gradient(135deg,#67c23a,#85ce61);color:#fff}.metric-card.refund.is-active[data-v-188c045a]{background:linear-gradient(135deg,#e6a23c,#ebb563);color:#fff}.metric-card.is-active .metric-label[data-v-188c045a],.metric-card.is-active .metric-value .rate.down[data-v-188c045a],.metric-card.is-active .metric-value .rate.up[data-v-188c045a],.metric-card.is-active .metric-value .rate[data-v-188c045a],.metric-card.is-active .metric-value .value[data-v-188c045a]{color:#fff}.metric-card.income[data-v-188c045a]{border-left-color:#409eff}.metric-card.expense[data-v-188c045a]{border-left-color:#f56c6c}.metric-card.orders[data-v-188c045a]{border-left-color:#67c23a}.metric-card.refund[data-v-188c045a]{border-left-color:#e6a23c}.metric-card[data-v-188c045a]:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px);box-shadow:0 2px 4px -1px rgba(0,0,0,.1)}.metric-label[data-v-188c045a]{font-size:13px;color:#4b5563;margin-bottom:6px}.metric-value[data-v-188c045a]{display:flex;align-items:baseline;justify-content:space-between}.metric-value .value[data-v-188c045a]{font-size:16px;font-weight:600;color:#1f2937}.metric-value .rate[data-v-188c045a]{font-size:11px;display:flex;align-items:center;gap:2px}.rate.up[data-v-188c045a]{color:#10b981}.rate.down[data-v-188c045a]{color:#ef4444}.iconfont[data-v-188c045a]{font-size:12px}.icon-up[data-v-188c045a]:before{content:"↑"}.icon-down[data-v-188c045a]:before{content:"↓"}