:root{--brand-50: #eef2ff;--brand-100: #e0e7ff;--brand-200: #c7d2fe;--brand-300: #a5b4fc;--brand-400: #818cf8;--brand-500: #6366f1;--brand-600: #4f46e5;--brand-700: #4338ca;--brand-800: #3730a3;--brand-900: #312e81;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-page: #f5f7fa;--bg-card: #ffffff;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-hover: 0 10px 25px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}:root{--el-color-primary: var(--brand-600);--el-color-primary-light-3: var(--brand-400);--el-color-primary-light-5: var(--brand-300);--el-color-primary-light-7: var(--brand-200);--el-color-primary-light-8: var(--brand-100);--el-color-primary-light-9: var(--brand-50);--el-color-primary-dark-2: var(--brand-700)}:root{--el-color-success: var(--success);--el-color-warning: var(--warning);--el-color-danger: var(--danger)}:root{--el-border-radius-base: var(--radius-sm);--el-border-radius-small: 4px;--el-border-radius-round: var(--radius-md)}:root{--el-text-color-primary: var(--gray-800);--el-text-color-regular: var(--gray-600);--el-text-color-secondary: var(--gray-500);--el-text-color-placeholder: var(--gray-400)}:root{--el-border-color: var(--gray-200);--el-border-color-light: var(--gray-100);--el-border-color-lighter: var(--gray-50)}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-page);color:var(--gray-800)}.el-card{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--gray-100)!important;transition:box-shadow var(--transition-base)}.el-card:hover{box-shadow:var(--shadow-md)!important}.el-table{border-radius:var(--radius-md);overflow:hidden}.el-table th.el-table__cell{background-color:var(--gray-50)!important;font-weight:600;color:var(--gray-700)}.el-button{border-radius:var(--radius-sm)!important;font-weight:500;transition:all var(--transition-fast)}.el-button .el-icon{margin-right:3px}.el-button--primary{box-shadow:0 1px 2px #4f46e533}.el-button--primary:hover{box-shadow:0 4px 12px #4f46e54d}.el-input__wrapper{border-radius:var(--radius-sm)!important;transition:box-shadow var(--transition-fast)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--brand-200) inset}.el-dialog{border-radius:var(--radius-lg)!important}.el-pagination{padding:8px 0}.el-tag{border-radius:var(--radius-sm)!important}html.dark{--bg-page: #111118;--bg-card: #1a1a24;--gray-50: #1c1c28;--gray-100: #26263a;--gray-200: #363650;--gray-300: #565670;--gray-400: #767690;--gray-500: #9696b0;--gray-600: #b6b6d0;--gray-700: #d6d6e5;--gray-800: #eeeef5;--gray-900: #f5f5fa}html.dark body{background-color:var(--bg-page);color:var(--gray-800)}html.dark .el-card{background:var(--bg-card)!important;border-color:var(--gray-100)!important}html.dark .el-table th.el-table__cell{color:var(--gray-600)!important}html.dark .el-table{--el-table-header-bg-color: var(--gray-50);--el-table-tr-bg-color: var(--bg-card);--el-table-row-hover-bg-color: var(--gray-50);--el-table-border-color: var(--gray-100);color:var(--gray-700)}html.dark .el-table__body tr:hover>td{background-color:var(--gray-50)!important}html.dark .el-pagination{--el-pagination-text-color: var(--gray-500)}html.dark .el-select-dropdown{background:var(--bg-card)}html.dark .el-popper{border-color:var(--gray-200)}html.dark .el-loading-mask{background-color:#ffffff0f!important}html.dark .el-loading-spinner .circular .path{stroke:#ef4444!important}html.dark .el-loading-spinner .el-loading-text,.el-loading-spinner .circular{color:#ef4444}