:root{--xf-gray-0:#fff;--xf-gray-50:#f9fafb;--xf-gray-100:#f3f4f8;--xf-gray-150:#ebeef5;--xf-gray-200:#e8eaed;--xf-gray-300:#d1d5db;--xf-gray-400:#9ca3af;--xf-gray-500:#6b7280;--xf-gray-600:#4b5563;--xf-gray-700:#374151;--xf-gray-800:#1f2937;--xf-gray-900:#111827;--xf-gray-950:#0b0e14;--xf-red:#d42b2b;--xf-red-hover:#c22525;--xf-red-active:#a22;--xf-red-bright:#e24444;--xf-red-soft-l:#fceaea;--xf-blue:#4f74ec;--xf-blue-hover:#3d5dd0;--xf-radius:12px;--xf-radius-sm:10px;--xf-radius-lg:16px;--xf-space-1:4px;--xf-space-2:8px;--xf-space-3:12px;--xf-space-4:16px;--xf-space-5:20px;--xf-space-6:24px}:root,html[data-theme=light]{--xf-bg-body:#f3f4f8;--xf-bg-surface:#fff;--xf-bg-surface-2:#f9fafb;--xf-bg-elevated:#fff;--xf-text-primary:#111827;--xf-text-secondary:#374151;--xf-text-tertiary:#6b7280;--xf-text-placeholder:#9ca3af;--xf-border:#e8eaed;--xf-border-light:#ebeef5;--xf-divider:#f0f0f0;--xf-table-stripe:#fafbfc;--xf-table-hover:#f2f4f7;--xf-primary:#d42b2b;--xf-primary-hover:#c22525;--xf-primary-active:#a22;--xf-primary-dark:#a22;--xf-primary-on:#fff;--xf-primary-soft:#fceaea;--xf-primary-gradient:linear-gradient(145deg, #d42b2b 0%, #8c1515 100%);--xf-accent-info:#4f74ec;--xf-accent-info-hover:#3d5dd0;--xf-accent-info-soft:#4f74ec0f;--xf-shadow-sm:0 1px 3px #0000000d;--xf-shadow-md:0 4px 16px #00000014;--xf-shadow-lg:0 8px 28px #0000001a;--xf-card-shadow:var(--xf-shadow-sm);--xf-scrollbar:#d1d5db;--xf-scrollbar-hover:#9ca3af;--xf-page-bg:var(--xf-bg-body);--xf-header-bg:var(--xf-bg-surface);--xf-header-fg:#111827;--xf-sidebar-bg:#fff;--xf-sidebar-border:#e8eaed;--xf-sidebar-text:#4b5563;--xf-sidebar-active-bg:#d42b2b1a;--xf-sidebar-active-text:#d42b2b;--xf-sidebar-hover-bg:#1118270d;--xf-sidebar-group-label:#9ca3af;--xf-sidebar-muted:#9ca3af;--xf-badge-bg:#d42b2b;--xf-badge-fg:#fff;--el-color-primary:#d42b2b;--el-color-primary-light-1:#d83c3c;--el-color-primary-light-2:#dc4e4e;--el-color-primary-light-3:#e06060;--el-color-primary-light-5:#e98585;--el-color-primary-light-7:#f1adad;--el-color-primary-light-8:#f5c1c1;--el-color-primary-light-9:#fceaea;--el-color-primary-dark-2:#a22}html[data-theme=dark]{--xf-bg-body:#0a0a0b;--xf-bg-surface:#151517;--xf-bg-surface-2:#1e1e21;--xf-bg-elevated:#232327;--xf-text-primary:#ececee;--xf-text-secondary:#b4b4ba;--xf-text-tertiary:#85858e;--xf-text-placeholder:#56565e;--xf-border:#2a2a2e;--xf-border-light:#242427;--xf-divider:#222225;--xf-table-stripe:#1a1a1d;--xf-table-hover:#26262b;--xf-primary:#e24444;--xf-primary-hover:#ec5656;--xf-primary-active:#c22525;--xf-primary-dark:#c22525;--xf-primary-on:#fff;--xf-primary-soft:#e2444429;--xf-primary-gradient:linear-gradient(145deg, #e24444 0%, #a81e1e 100%);--xf-accent-info:#7b95f0;--xf-accent-info-hover:#93a8f4;--xf-accent-info-soft:#7b95f01f;--xf-shadow-sm:0 1px 3px #00000080;--xf-shadow-md:0 4px 16px #0000008c;--xf-shadow-lg:0 8px 28px #0009;--xf-card-shadow:var(--xf-shadow-sm);--xf-scrollbar:#3a414d;--xf-scrollbar-hover:#4b5563;--xf-page-bg:var(--xf-bg-body);--xf-header-bg:var(--xf-bg-surface);--xf-header-fg:#ececee;--xf-sidebar-bg:#0d0d0f;--xf-sidebar-border:#222225;--xf-sidebar-text:#9a9aa2;--xf-sidebar-active-bg:#e2444429;--xf-sidebar-active-text:#fff;--xf-sidebar-hover-bg:#ffffff0d;--xf-sidebar-group-label:#6b6b73;--xf-sidebar-muted:#6b6b73;--xf-badge-bg:#d42b2b;--xf-badge-fg:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{-webkit-font-smoothing:antialiased;height:100%;color:var(--xf-text-primary);background:var(--xf-bg-body);font-family:-apple-system,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--xf-scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--xf-scrollbar-hover)}::-webkit-scrollbar-track{background:0 0}.page-container{background:var(--xf-bg-body);min-width:0;min-height:100%;padding:24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-header h2{color:var(--xf-text-primary);letter-spacing:-.3px;padding-left:14px;font-size:20px;font-weight:700;position:relative}.page-header h2:before{content:"";background:var(--xf-primary-gradient);border-radius:2px;width:4px;position:absolute;top:3px;bottom:3px;left:0}.el-card{background-color:var(--xf-bg-surface)!important;border:1px solid var(--xf-border)!important;border-radius:var(--xf-radius)!important;box-shadow:var(--xf-card-shadow)!important}.page-container>.el-tabs,.el-tabs__content,.el-tabs__content>.el-tab-pane,.page-container>.el-card,.el-tabs__content .el-card{box-sizing:border-box;width:100%}.el-tabs__content>.el-tab-pane{min-width:0}.xf-seg-tabs>.el-tabs__header{border:1px solid var(--xf-border);border-radius:var(--xf-radius);background:var(--xf-bg-surface);box-shadow:var(--xf-shadow-sm);box-sizing:border-box;margin:0 0 16px;padding:6px 8px}.xf-seg-tabs>.el-tabs__header .el-tabs__nav-wrap:after,.xf-seg-tabs>.el-tabs__header .el-tabs__active-bar{display:none}.xf-seg-tabs>.el-tabs__header .el-tabs__nav{border:none;align-items:center;gap:4px;display:flex}.xf-seg-tabs>.el-tabs__header .el-tabs__item{border-radius:var(--xf-radius-sm);height:auto;color:var(--xf-text-secondary);font-size:13.5px;line-height:1.2;transition:background .15s,color .15s;border:none!important;padding:7px 14px!important}.xf-seg-tabs>.el-tabs__header .el-tabs__item:hover{background:var(--xf-bg-surface-2);color:var(--xf-text-primary)}.xf-seg-tabs>.el-tabs__header .el-tabs__item.is-active{background:var(--xf-primary-soft);color:var(--xf-primary);font-weight:600}.xf-seg-tabs>.el-tabs__header .el-tabs__nav-scroll{overflow:visible}.el-card .el-card__body{padding:16px!important}.el-card .el-card__body>.el-table:only-child{border-radius:0 0 var(--xf-radius) var(--xf-radius);width:calc(100% + 32px)!important;margin:-16px!important}.stat-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--xf-bg-surface);border-radius:var(--xf-radius);border:1px solid var(--xf-border);box-shadow:var(--xf-shadow-sm);align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--xf-radius) 0 0 var(--xf-radius);background:var(--sc-accent,var(--xf-accent-info));width:3px;position:absolute;top:0;bottom:0;left:0}.stat-card:hover{box-shadow:var(--xf-shadow-md);transform:translateY(-2px)}.sc-icon{border-radius:var(--xf-radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.sc-body{flex:1;min-width:0}.sc-value{color:var(--xf-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:700;line-height:1.2;overflow:hidden}.sc-label{color:var(--xf-text-tertiary);white-space:nowrap;margin-top:2px;font-size:12px}.sc-sub{color:var(--xf-text-placeholder);margin-top:1px;font-size:11px}.el-table{--el-table-border-color:var(--xf-border-light);--el-table-bg-color:var(--xf-bg-surface);--el-table-tr-bg-color:var(--xf-bg-surface);--el-table-header-bg-color:var(--xf-bg-surface-2);width:100%!important;font-size:13px!important}.el-table--border th.el-table__cell,.el-table--border td.el-table__cell{border-right:1px solid var(--xf-border-light)!important}.el-table th.el-table__cell,.el-table td.el-table__cell{border-bottom:1px solid var(--xf-border-light)!important}.el-table--border:after,.el-table--group:after,.el-table:before{background-color:var(--xf-border-light)!important}.el-table .cell{text-align:left;justify-content:flex-start;align-items:center;min-height:28px;display:flex;white-space:nowrap!important;text-overflow:ellipsis!important;padding-left:12px!important;padding-right:12px!important;overflow:hidden!important}.el-table .el-table__cell.is-center .cell{text-align:center;justify-content:center}.el-table .el-table__cell.is-right .cell{text-align:right;justify-content:flex-end}.el-table th.el-table__cell{background-color:var(--xf-bg-surface-2)!important;color:var(--xf-text-secondary)!important;letter-spacing:.3px!important;border-bottom:1px solid var(--xf-border)!important;font-size:12px!important;font-weight:600!important}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:var(--xf-table-stripe)!important}.el-table tbody tr:hover>td.el-table__cell,.el-table--striped .el-table__body tr.el-table__row--striped:hover>td.el-table__cell{background-color:var(--xf-table-hover)!important}.el-pagination{justify-content:flex-end;padding:14px 16px!important}.el-pagination.is-background .el-pager li.is-active{background-color:var(--xf-primary)!important;color:#fff!important}.el-button--primary:not(.is-link):not(.is-text){background:var(--xf-primary-gradient)!important;border-color:var(--xf-primary)!important;color:#fff!important}.el-button--primary:not(.is-link):not(.is-text):hover{background:linear-gradient(145deg,#e03535 0%,#9e1c1c 100%)!important;border-color:#e03535!important}.el-button--primary.is-link,.el-button--primary.is-text{color:var(--xf-accent-info)!important;background:0 0!important;border-color:#0000!important}.el-button--primary.is-link:hover,.el-button--primary.is-text:hover{color:var(--xf-accent-info-hover)!important;background:var(--xf-accent-info-soft)!important}.toolbar{border-bottom:1px solid var(--xf-divider);background:var(--xf-bg-surface);border-radius:var(--xf-radius) var(--xf-radius) 0 0;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.toolbar .spacer{flex:1}@media (width<=1366px){.page-container{padding:16px}}@media (width<=768px){.page-container{padding:12px}.page-header{flex-direction:column;align-items:flex-start}.toolbar{flex-direction:column;align-items:stretch}.toolbar>*{width:100%!important}}.el-badge__content,.el-badge__content.is-fixed,.el-badge__content--primary,.el-badge__content--danger,.el-badge__content--warning,.el-badge__content--info,.el-badge__content--success{background-color:var(--xf-badge-bg)!important;color:var(--xf-badge-fg)!important}