#analytics-dashboard{color:#303133}.analytics-heading,.analytics-filter,.analytics-section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.analytics-heading h1{margin:0;font-size:24px}#analytics-dashboard p{color:#909399;font-size:13px;line-height:1.7}.analytics-demo{background:#ecf5ff;color:#409eff;padding:6px 14px;border-radius:4px;font-size:12px}.analytics-filter{justify-content:flex-start;background:#fff;padding:18px 22px;margin:20px 0;border:1px solid #ebeef5;font-size:13px}.analytics-filter button,.analytics-pagination button{padding:8px 20px;border:1px solid #dcdfe6;background:white;color:#606266;cursor:pointer}.analytics-filter button.active{background:#409eff;color:white;border-color:#409eff}.analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.analytics-panel{background:white;border:1px solid #ebeef5;padding:24px;margin-bottom:20px;border-radius:6px}.analytics-kpis strong{font-size:36px;display:block;color:#303133;margin:8px 0}.analytics-kpis small{color:#909399}.analytics-kpis .metric-0{border-top:3px solid #409eff}.analytics-kpis .metric-1{border-top:3px solid #8b7bd9}.analytics-kpis .metric-2{border-top:3px solid #56b6a0}.analytics-panel h2{font-size:18px;margin:0 0 15px}.analytics-panel h3{font-size:14px;margin:12px 0}.analytics-trends{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.analytics-chart{width:100%;height:auto;display:block}.analytics-chart text{font-size:12px;fill:#909399}.analytics-board-grid,.analytics-health{display:grid;grid-template-columns:1fr 1fr;gap:32px}.analytics-section-title input{padding:10px 12px;border:1px solid #dcdfe6;border-radius:4px;width:220px}.analytics-board-grid table{width:100%;border-collapse:collapse}.analytics-board-grid td,.analytics-board-grid th{padding:10px 14px;border-bottom:1px solid #ebeef5;text-align:left;font-size:13px}.analytics-board-grid th{background:#f5f7fa}.analytics-board-grid td small{display:block;color:#909399;font-size:11px}.analytics-board-grid td button{background:none;border:0;padding:0;color:#409eff;cursor:pointer}.analytics-board-grid tr.selected{background:#ecf5ff}.trend-up{color:#67c23a}.trend-down{color:#f56c6c}.analytics-pagination{display:flex;gap:10px;align-items:center;margin-top:16px;font-size:12px;color:#909399}.analytics-pagination button{padding:6px 10px}.analytics-pagination button:disabled{opacity:.4;cursor:default}.analytics-insight{background:#f5f7fa;border-radius:6px;padding:18px;margin-top:25px;font-size:13px}.analytics-dist{display:flex;align-items:center;gap:14px;font-size:13px;margin:14px 0}.analytics-dist>span{width:50px}.analytics-dist>div{background:#f0f2f5;flex:1;height:10px;border-radius:5px}.analytics-dist i{display:block;background:#69aaf5;height:100%;border-radius:5px}.analytics-dist>b{width:40px;font-weight:400;color:#606266}.analytics-rates{display:grid;grid-template-columns:1fr 1fr;gap:15px}.analytics-rates section{padding:18px;background:#f5f9fe;border-radius:6px}.analytics-rates strong,.analytics-rates span,.analytics-rates small{display:block;margin:7px 0}.analytics-rates strong{font-size:28px;color:#409eff}.analytics-rates small{font-size:12px;color:#909399}.analytics-funnel{margin-top:25px}.analytics-funnel>div{box-sizing:border-box;min-width:170px;background:#e8f3ff;color:#458acb;text-align:center;padding:13px;margin:8px auto;border-radius:4px;font-size:13px}.analytics-definition{margin-top:20px}.analytics-footnote{text-align:center}@media(max-width:1100px){.analytics-trends{grid-template-columns:1fr}.analytics-board-grid,.analytics-health{grid-template-columns:1fr}}
.analytics-filter{flex-wrap:wrap}.analytics-filter input{padding:8px;border:1px solid #dcdfe6;border-radius:4px;color:#606266}.analytics-board-table table{width:100%;border-collapse:collapse}.analytics-board-table td,.analytics-board-table th{padding:12px;border-bottom:1px solid #ebeef5;text-align:left;font-size:13px}.analytics-board-table th{background:#f5f7fa}.analytics-plan-row{display:flex;gap:20px;align-items:center;margin:20px 0;font-size:13px}.analytics-plan-row>span{width:220px}.analytics-plan-row>div{flex:1;height:14px;background:#f2f6fc;border-radius:8px}.analytics-plan-row i{display:block;height:100%;background:#69aaf5;border-radius:8px}.analytics-plan-row>b{width:70px}.analytics-plan-row>small{width:50px;color:#909399}.analytics-plan-summary{padding:16px;background:#f5f9fe;color:#606266}.analytics-plan-summary strong{color:#409eff;font-size:24px}#date-error{color:#f56c6c}

.analytics-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.analytics-pair .analytics-panel{min-width:0}.echarts-panel{width:100%;height:300px}.analytics-bottom .analytics-section-title{flex-wrap:wrap}.analytics-bottom .analytics-plan-row{gap:10px}.analytics-bottom .analytics-plan-row>span{width:145px}.analytics-bottom .analytics-plan-row>b{width:50px}.analytics-bottom .analytics-plan-row>small{width:40px}@media(max-width:900px){.analytics-pair{grid-template-columns:1fr}}