#app{width:100%;min-height:100vh;overflow-x:hidden}:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #fef6f0;--border-color: #e8eaec;--border-hover: #ff7b00;--text-primary: #1d2129;--text-secondary: #4e5969;--text-muted: #86909c;--accent-primary: #ff7b00;--accent-secondary: #ff9500;--accent-dark: #e66a00;--accent-light: #fff7ed;--accent-gradient: linear-gradient(135deg, #ff9500 0%, #ff7b00 50%, #e66a00 100%);--danger: #f53f3f;--success: #00b42a;--warning: #ff7d00;--info: #165dff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--sidebar-width: 220px;--header-height: 60px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.el-button--primary{--el-button-bg-color: var(--accent-primary);--el-button-border-color: var(--accent-primary);--el-button-hover-bg-color: var(--accent-secondary);--el-button-hover-border-color: var(--accent-secondary);--el-button-active-bg-color: var(--accent-dark);--el-button-active-border-color: var(--accent-dark)}.el-menu--horizontal{border-bottom:none}.stat-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary);transform:translateY(-2px)}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--accent-light);color:var(--accent-primary)}.stat-card .stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card .stat-label{font-size:14px;color:var(--text-muted);margin-top:4px}.page-header{margin-bottom:24px}.page-header .page-title{font-size:20px;font-weight:600;color:var(--text-primary)}.page-header .page-desc{font-size:14px;color:var(--text-muted);margin-top:4px}.table-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.table-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-card .card-header .card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.status-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-tag.success{background:#e8ffea;color:#00b42a}.status-tag.warning{background:#fff7e8;color:#ff7d00}.status-tag.danger{background:#ffece8;color:#f53f3f}.status-tag.info{background:#e8f3ff;color:#165dff}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media (max-width: 1439px){:root{--sidebar-width: 200px}.content-wrapper{padding:20px!important}.stat-card{padding:16px}.stat-card .stat-value{font-size:24px}}@media (max-width: 1199px){:root{--sidebar-width: 64px}.content-wrapper{padding:16px!important}.table-card{padding:16px}}@media (max-width: 1023px){.content-wrapper{padding:12px!important}.stat-card{padding:12px}.stat-card .stat-value{font-size:20px}.table-card{padding:12px;overflow-x:auto}.page-header{margin-bottom:16px}.page-header .page-title{font-size:18px}}@media (max-width: 768px){:root{--sidebar-width: 0px}.stat-card{padding:12px}.stat-card .stat-value{font-size:18px}.content-wrapper{padding:10px!important}}.el-table{width:100%}.table-card,.table-card .el-card__body{overflow-x:auto}.search-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}.pagination-wrapper{display:flex;justify-content:flex-end;margin-top:20px}.config-banner{flex-wrap:wrap;gap:12px}.group-tabs{border-radius:12px;overflow:hidden;background:var(--bg-card);border-color:var(--border-color)}.group-tabs .el-tabs__header{background:var(--bg-card);border-bottom-color:var(--border-color)}.group-tabs .el-tabs__item{display:flex;align-items:center;gap:6px;height:46px;font-size:14px;font-weight:500}.group-tabs .el-tabs__item.is-active{color:var(--accent-primary)}.group-tabs .el-tabs__item .el-icon{font-size:16px}.group-tabs .el-tabs__content{padding:20px;overflow-x:auto}.group-tabs .el-tab-pane{min-width:0}.group-tabs .el-tab-pane>.page-header,.group-tabs .el-tab-pane>div>.page-header{display:none}@media (max-width: 1439px){.stats-row .el-col,.type-stats-row .el-col{margin-bottom:12px}.type-stats-row .el-col{max-width:33.33%;flex:0 0 33.33%}}@media (max-width: 1199px){.table-card .el-table{min-width:900px}.stats-row .el-col{margin-bottom:12px}.type-stats-row .el-col{max-width:33.33%;flex:0 0 33.33%}.search-bar .el-input,.search-bar .el-select{min-width:0}.group-tabs :deep(.el-tabs__content){padding:16px}}@media (max-width: 1023px){.table-card .el-table{min-width:800px}.search-bar .el-input,.search-bar .el-select{width:100%!important;flex:1 1 100%}.search-bar .el-button{flex-shrink:0}.stats-row .el-col{max-width:50%!important;flex:0 0 50%!important;margin-bottom:12px}.type-stats-row .el-col{max-width:50%;flex:0 0 50%;margin-bottom:12px}.config-banner{flex-direction:column;align-items:flex-start}.config-banner .config-divider{display:none}.el-dialog{--el-dialog-width: 90vw !important;width:90vw!important;max-width:600px}.group-tabs :deep(.el-tabs__content){padding:12px}.group-tabs :deep(.el-tabs__item){padding:0 14px}.group-tabs :deep(.el-tabs__item) span{font-size:13px}.page-header{flex-wrap:wrap;gap:12px}.page-header .header-right,.page-header .header-right .el-button{width:100%}.pagination-wrapper .el-pagination{flex-wrap:wrap;justify-content:center}.toolbar{flex-direction:column}.toolbar .toolbar-left,.toolbar .toolbar-right{width:100%;flex-wrap:wrap}}@media (max-width: 768px){.stats-row .el-col,.type-stats-row .el-col{max-width:100%!important;flex:0 0 100%!important;margin-bottom:10px}.table-card{padding:10px;border-radius:8px}.group-tabs{border-radius:8px}.group-tabs :deep(.el-tabs__content){padding:10px}.group-tabs :deep(.el-tabs__item){padding:0 10px}.group-tabs :deep(.el-tabs__item) span{display:none}.group-tabs :deep(.el-tabs__item) .el-icon{margin:0;font-size:18px}.el-dialog{--el-dialog-width: 95vw !important;width:95vw!important;margin-top:5vh!important}.pagination-wrapper{justify-content:center}.el-descriptions{--el-descriptions-table-border: 1px solid var(--border-color)}.el-descriptions :deep(.el-descriptions__body .el-descriptions__table) .el-descriptions-row{display:flex;flex-direction:column}}
