:root{--color-primary: #6366F1;--color-primary-light: #818CF8;--color-primary-dark: #4F46E5;--color-primary-hover: #818CF8;--color-primary-active: #4338CA;--color-primary-bg: #EEF2FF;--color-primary-bg-light: #F8FAFC;--color-secondary: #10B981;--color-secondary-light: #34D399;--color-secondary-dark: #059669;--color-secondary-bg: #D1FAE5;--color-accent: #F59E0B;--color-accent-light: #FCD34D;--color-accent-dark: #D97706;--color-success: #10B981;--color-success-light: #D1FAE5;--color-success-text: #065F46;--color-success-dark: #047857;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-warning-text: #92400E;--color-warning-dark: #B45309;--color-danger: #EF4444;--color-danger-light: #FEE2E2;--color-danger-text: #991B1B;--color-danger-dark: #DC2626;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-info-text: #1E40AF;--color-bg-page: #FAFAF9;--color-bg-card: #FFFFFF;--color-bg-hover: #F5F5F4;--color-bg-disabled: #F9FAFB;--color-bg-sidebar: #FFFFFF;--color-bg-stripe: #F8FAFC;--color-bg-tertiary: #F1F5F9;--color-border: #E7E5E4;--color-border-light: #F0EEEC;--color-border-focus: #4F46E5;--color-text-primary: #0F172A;--color-text-secondary: #64748B;--color-text-tertiary: #94A3B8;--color-text-placeholder: #94A3B8;--color-text-disabled: #CBD5E1;--color-sidebar-bg: #FFFFFF;--color-sidebar-text: #64748B;--color-sidebar-text-active: #0F172A;--color-sidebar-hover-bg: #F5F5F4;--color-sidebar-active-bg: #EEF2FF;--color-sidebar-border: #F1F5F9;--color-sidebar-section-title: #94A3B8;--color-sidebar-logo-text: #0F172A;--color-orange: #F97316;--color-orange-light: #FDBA74;--color-orange-dark: #EA580C;--color-orange-bg: #FFF7ED;--color-purple: #A855F7;--color-purple-light: #C084FC;--color-purple-dark: #9333EA;--color-purple-bg: #FAF5FF;--color-blue: #3B82F6;--color-blue-light: #DBEAFE;--color-blue-dark: #2563EB;--color-ai: #7C3AED;--color-ai-light: #F5F3FF;--color-ai-border: #C4B5FD;--color-ai-bg: #F5F3FF;--color-indigo: #6366F1;--color-indigo-light: #818CF8;--color-indigo-dark: #4F46E5;--color-indigo-bg: rgba(79, 70, 229, .03);--color-indigo-alpha-20: rgba(79, 70, 229, .2);--color-indigo-alpha-30: rgba(79, 70, 229, .3);--color-indigo-alpha-80: rgba(79, 70, 229, .8);--color-indigo-alpha-15: rgba(99, 102, 241, .15);--color-brand-logo: #6366F1;--color-pink: #EC4899;--color-pink-light: #F9A8D4;--color-pink-dark: #DB2777;--color-pink-bg: #FDF2F8;--color-conf-high-bg: #D1FAE5;--color-conf-medium-bg: #FEF3C7;--color-conf-low-bg: #FFEDD5;--color-conf-critical-bg: #FEE2E2;--color-field-editing: #EEF2FF;--color-field-active: #EFF6FF;--color-field-hover: #F5F5F4;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-900: #111827;--color-gray-25: #FAFAFA;--color-border-el: #EBEEF5;--color-primary-alpha-10: rgba(79, 70, 229, .1);--color-primary-alpha-20: rgba(79, 70, 229, .2);--color-primary-alpha-40: rgba(79, 70, 229, .4);--color-primary-alpha-50: rgba(79, 70, 229, .5);--color-primary-alpha-80: rgba(79, 70, 229, .8);--color-success-alpha-10: rgba(16, 185, 129, .1);--color-success-alpha-08: rgba(16, 185, 129, .08);--color-success-alpha-12: rgba(16, 185, 129, .12);--color-success-alpha-18: rgba(16, 185, 129, .18);--color-success-alpha-40: rgba(16, 185, 129, .4);--color-danger-alpha-10: rgba(239, 68, 68, .1);--color-warning-alpha-10: rgba(245, 158, 11, .1);--color-warning-alpha-15: rgba(245, 158, 11, .15);--color-warning-alpha-40: rgba(245, 158, 11, .4);--color-black-alpha-70: rgba(0, 0, 0, .7);--color-black-alpha-78: rgba(0, 0, 0, .78);--color-black-alpha-40: rgba(0, 0, 0, .4);--color-black-alpha-20: rgba(0, 0, 0, .2);--color-black-alpha-04: rgba(0, 0, 0, .04);--color-black-alpha-15: rgba(0, 0, 0, .15);--color-white: #FFFFFF;--color-white-alpha-70: rgba(255, 255, 255, .7);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .1);--shadow-button: 0 2px 8px rgba(99, 102, 241, .25);--font-family-base: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Roboto Mono", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.4;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sidebar: 1020;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--topbar-height: 56px;--content-padding: 32px;--content-max-width: 1400px}@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);background:var(--color-bg-page);color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.status-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);margin-right:var(--spacing-sm)}.status-dot.queued{background:var(--color-text-tertiary)}.status-dot.processing{background:var(--color-primary);animation:pulse 1s infinite}.status-dot.done{background:var(--color-success)}.status-dot.failed{background:var(--color-danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.conf-high{color:var(--color-success);font-weight:var(--font-weight-semibold)}.conf-medium{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.conf-low{color:var(--color-orange);font-weight:var(--font-weight-semibold)}.conf-critical{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.conf-none{color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.conf-bg-high{background:var(--color-success-light);border-left:3px solid var(--color-success)}.conf-bg-medium{background:var(--color-warning-light);border-left:3px solid var(--color-warning)}.conf-bg-low{background:var(--color-orange-bg);border-left:3px solid var(--color-orange)}.conf-bg-critical{background:var(--color-danger-light);border-left:3px solid var(--color-danger)}.conf-bg-none{background:var(--color-bg-hover);border-left:3px solid var(--color-text-tertiary)}.progress-bar{height:6px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.progress-bar .progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-sm);transition:width var(--transition-slow)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.bg-hover:hover{background:var(--color-bg-hover)}*{scroll-behavior:smooth}.hover-lift{transition:all .2s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.el-skeleton__item{animation:skeleton-shimmer 2s infinite}@keyframes skeleton-shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.el-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.el-overlay-dialog{display:flex;align-items:center;justify-content:center}.el-overlay-message-box{display:flex!important;align-items:center!important;justify-content:center!important}.el-message-box__wrapper{width:auto!important;max-width:calc(100vw - 32px);margin:0!important;display:flex;align-items:center;justify-content:center}.el-message-box{margin:0!important;position:relative;background:var(--color-bg-card)!important;border-radius:var(--radius-lg)!important;box-shadow:0 20px 50px #0f172a40,0 8px 20px #0f172a26!important;border:1px solid rgba(6,182,212,.15);overflow:hidden}.el-overlay-message-box .el-overlay-message-box__mask,.el-overlay-message-box>.el-overlay__mask{background-color:#0f172a8c!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.el-button--primary{--el-button-bg-color: var(--color-primary);--el-button-border-color: var(--color-primary);--el-button-hover-bg-color: var(--color-primary-hover);--el-button-hover-border-color: var(--color-primary-hover);--el-button-active-bg-color: var(--color-primary-active);--el-button-active-border-color: var(--color-primary-active)}.el-table th.el-table__cell{background-color:var(--color-bg-page);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.el-tag--success{background:var(--color-success-light);color:var(--color-success-text);border:none}.el-tag--warning{background:var(--color-warning-light);color:var(--color-warning-text);border:none}.el-tag--danger{background:var(--color-danger-light);color:var(--color-danger-text);border:none}.el-tag--info{background:var(--color-info-light);color:var(--color-info-text);border:none}.el-input__wrapper{--el-input-focus-border-color: var(--color-border-focus)}.el-table.config-table{border-radius:10px;border:1px solid #E7E5E4;overflow:hidden}.el-table.config-table thead th.el-table__cell{background:#fafaf9;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;padding:12px 16px}.el-table.config-table .el-table__body td{padding:10px 16px}.el-card{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)!important;border:1px solid var(--color-border)!important}.el-input__wrapper:focus,.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--color-primary) inset!important}.el-button{transition:all var(--transition-base)}.el-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-button)}.el-button--primary:hover{box-shadow:0 4px 12px #06b6d44d}.el-table__row{height:52px}.action-group{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.status-label{font-size:12px;color:var(--color-text-secondary);padding:4px 8px;background:var(--color-gray-100);border-radius:var(--radius-sm);white-space:nowrap}.action-link{font-size:12px;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none}.action-link:hover{background:var(--color-primary-bg)}.action-link.danger{color:var(--color-danger)}.action-link.danger:hover{background:var(--color-danger-alpha-10)}.el-dropdown .el-button{padding:5px 8px}.el-table .el-table__cell:has(.action-group){white-space:nowrap}