:root{--bg-page:#f5f7fa;--bg-color:#fff;--bg-color-overlay:#fff;--bg-color-hover:#f5f7fa;--sidebar-bg:#304156;--sidebar-bg-hover:#263445;--sidebar-text:#bfcbd9;--sidebar-text-active:#409eff;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--text-on-sidebar:#bfcbd9;--text-on-sidebar-active:#409eff;--border-color:#dcdfe6;--border-color-light:#e4e7ed;--border-color-lighter:#ebeef5;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--shadow-light:0 2px 4px #0000000f;--shadow-base:0 2px 12px 0 #0000001a;--shadow-dark:0 4px 16px 0 #00000026;--el-bg-color:var(--bg-color);--el-bg-color-page:var(--bg-page);--el-text-color-primary:var(--text-primary);--el-text-color-regular:var(--text-regular);--el-text-color-secondary:var(--text-secondary);--el-border-color:var(--border-color);--el-border-color-light:var(--border-color-light);--el-fill-color-blank:var(--bg-color)}html.dark{--bg-page:#141414;--bg-color:#1d1e1f;--bg-color-overlay:#252627;--bg-color-hover:#2a2b2c;--sidebar-bg:#1d1e1f;--sidebar-bg-hover:#2a2b2c;--sidebar-text:#a3a6ad;--sidebar-text-active:#409eff;--text-primary:#e5eaf3;--text-regular:#cfd3dc;--text-secondary:#a3a6ad;--text-placeholder:#8d9095;--text-on-sidebar:#a3a6ad;--text-on-sidebar-active:#409eff;--border-color:#4c4d4f;--border-color-light:#414243;--border-color-lighter:#363637;--shadow-light:0 2px 4px #0003;--shadow-base:0 2px 12px 0 #0000004d;--shadow-dark:0 4px 16px 0 #0006;--el-bg-color:var(--bg-color);--el-bg-color-page:var(--bg-page);--el-bg-color-overlay:var(--bg-color-overlay);--el-text-color-primary:var(--text-primary);--el-text-color-regular:var(--text-regular);--el-text-color-secondary:var(--text-secondary);--el-border-color:var(--border-color);--el-border-color-light:var(--border-color-light);--el-fill-color:#303030;--el-fill-color-blank:var(--bg-color);--el-fill-color-light:#303030}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-page);color:var(--text-primary);margin:0;font-family:Noto Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s,color .3s}a{text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--text-placeholder,#c0c4cc);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary,#909399)}::-webkit-scrollbar-track{background:0 0}.text-muted{color:var(--text-secondary);font-size:13px}.page-container{padding:var(--spacing-lg);background:var(--bg-page);box-sizing:border-box;flex-direction:column;height:calc(100vh - 60px);display:flex}.page-header{margin-bottom:var(--spacing-md);padding:12px var(--spacing-lg);background:var(--bg-color);border-radius:var(--radius-md);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-actions{gap:var(--spacing-sm);display:flex}.page-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:500}.main-content{flex-direction:column;flex:1;min-height:0;display:flex}.table-box{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-color);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex}