html {
    background-color: #ffffff;
}

/* General Light Theme Styles */
body {
    background-color: #ffffff;
    color: #333333;
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    margin: 0;
    padding: 20px;
}

#app {
    background-color: #f5f7fa;
    padding: 20px;
    border-radius: 8px;
}

/* Header */
.status-bar {
    margin-bottom: 20px;
}

.el-alert--success {
    background-color: #f0f9eb;
    color: #67c23a;
    border: 1px solid #e1f3d8;
}

.filter-tabs {
    margin-bottom: 20px;
}

.el-button-group .el-button {
    background-color: #ffffff;
    color: #606266;
    border: 1px solid #dcdfe6;
}

.el-button-group .el-button:hover {
    background-color: #ecf5ff;
    color: #409EFF;
    border-color: #c6e2ff;
}

.el-button-group .el-button.el-button--primary {
    background-color: #409EFF;
    color: #fff;
    border-color: #409EFF;
}

/* Table Styles */
.el-table {
    background-color: transparent;
    color: #606266;
}

.el-table th, .el-table tr {
    background-color: transparent;
}

.el-table th {
    color: #909399;
    background-color: #f5f7fa !important;
}

.el-table td, .el-table th.is-leaf {
    border-bottom: 1px solid #ebeef5;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #f5f7fa;
}

.el-table .el-table__header-wrapper th {
    background-color: #f5f7fa;
}

.el-progress-bar__outer {
    background-color: #ebeef5;
}

.el-progress--text-inside .el-progress-bar__innerText {
    color: #606266;
    font-size: 12px;
}

.el-tag {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 0 10px;
}

.el-tag.el-tag--success {
    border: 1px solid #e1f3d8;
    color: #67c23a;
    background-color: #f0f9eb;
}

.el-tag.el-tag--danger {
    border: 1px solid #fde2e2;
    color: #f56c6c;
    background-color: #fef0f0;
}

/* Pagination Styles */
.pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.total-text {
    color: #909399;
}

.el-pagination.is-background .el-pager li {
    background-color: #ffffff;
    color: #606266;
    border: 1px solid #dcdfe6;
}

.el-pagination.is-background .el-pager li:hover {
    color: #409EFF;
    border-color: #409EFF;
}

.el-pagination.is-background .el-pager li.is-active {
    background-color: #409EFF;
    color: #fff;
    border-color: #409EFF;
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev {
    background-color: #ffffff;
    color: #606266;
    border: 1px solid #dcdfe6;