.external-ai-page[data-v-10223e9e] {
    padding: 12px;
}
.page-toolbar[data-v-10223e9e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.page-toolbar h3[data-v-10223e9e] {
    margin: 0;
    color: #303133;
}
.metric-row[data-v-10223e9e],
.section-card[data-v-10223e9e] {
    margin-bottom: 16px;
}
.metric-card[data-v-10223e9e] .el-card__body {
    display: flex;
    align-items: center;
}
.metric-icon[data-v-10223e9e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-right: 16px;
    color: #fff;
    border-radius: 10px;
    font-size: 24px;
}
.metric-icon.blue[data-v-10223e9e] { background: #409eff;
}
.metric-icon.green[data-v-10223e9e] { background: #67c23a;
}
.metric-icon.red[data-v-10223e9e] { background: #f56c6c;
}
.metric-icon.orange[data-v-10223e9e] { background: #e6a23c;
}
.metric-label[data-v-10223e9e] {
    margin-bottom: 6px;
    color: #909399;
}
.metric-value[data-v-10223e9e] {
    color: #303133;
    font-size: 26px;
    font-weight: 600;
}
.chart[data-v-10223e9e] {
    width: 100%;
    height: 340px;
}