:root{--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--transition-fast:.14s cubic-bezier(.4, 0, .2, 1);--transition:.2s cubic-bezier(.4, 0, .2, 1);--sidebar-width:264px;--topbar-height:64px;--bg-primary:#f6f8fb;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#fff;--bg-subtle:#f2f5f9;--bg-hover:#0f172a0b;--bg-overlay:#0f172a73;--topbar-bg:#ffffffd1;--border-color:#e5eaf1;--border-subtle:#edf1f6;--border-strong:#d2dae5;--text-main:#0f172a;--text-muted:#5b6a80;--text-dim:#8b99ad;--text-inverse:#fff;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 14px #0f172a12;--shadow-lg:0 18px 40px -12px #0f172a2e;--success:#059669;--success-soft:#0596691a;--success-text:#047857;--success-border:#05966947;--danger:#dc2626;--danger-soft:#dc262617;--danger-text:#b91c1c;--danger-border:#dc262642;--warning:#d97706;--warning-soft:#d977061c;--warning-text:#b45309;--warning-border:#d977064d;--info:#2563eb;--info-soft:#2563eb17;--info-text:#1d4ed8;--info-border:#2563eb42;--violet:#7c3aed;--violet-soft:#7c3aed17;--violet-text:#6d28d9;--violet-border:#7c3aed42;--neutral-soft:#64748b1c;--neutral-text:#516078;--neutral-border:#64748b42;--primary-rgb:4 120 87;--primary:rgb(var(--primary-rgb));--primary-hover:#065f46;--primary-fg:#fff;--primary-text:#047857;--primary-soft:rgb(var(--primary-rgb) / .1);--primary-soft-strong:rgb(var(--primary-rgb) / .16);--primary-border:rgb(var(--primary-rgb) / .32);--primary-ring:rgb(var(--primary-rgb) / .34);--primary-glow:rgb(var(--primary-rgb) / .22);--hero-bg:linear-gradient(160deg, var(--primary-hover) -30%, var(--primary) 75%);--hero-fg:var(--primary-fg);--hero-chip-bg:#ffffff29;--hero-chip-border:#ffffff3d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-primary:#0b1120;--bg-secondary:#0e1526;--bg-card:#111b30;--bg-card-hover:#16223c;--bg-input:#0d1627;--bg-subtle:#17233c;--bg-hover:#ffffff0d;--bg-overlay:#0206179e;--topbar-bg:#0b1120d1;--border-color:#223049;--border-subtle:#1a2740;--border-strong:#33425f;--text-main:#f2f5f9;--text-muted:#9dabc2;--text-dim:#6f7f99;--text-inverse:#0b1120;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 18px #0006;--shadow-lg:0 22px 48px -16px #0000008c;--success:#10b981;--success-soft:#10b98121;--success-text:#34d399;--success-border:#10b98152;--danger:#f87171;--danger-soft:#f8717121;--danger-text:#f87171;--danger-border:#f8717152;--warning:#fbbf24;--warning-soft:#fbbf241f;--warning-text:#fbbf24;--warning-border:#fbbf2452;--info:#60a5fa;--info-soft:#60a5fa1f;--info-text:#60a5fa;--info-border:#60a5fa52;--violet:#c084fc;--violet-soft:#c084fc21;--violet-text:#c084fc;--violet-border:#c084fc52;--neutral-soft:#94a3b824;--neutral-text:#c3cdde;--neutral-border:#94a3b847;--hero-bg:radial-gradient(130% 100% at 100% 0%, rgb(var(--primary-rgb) / .3), transparent 62%), radial-gradient(90% 70% at 0% 100%, rgb(var(--primary-rgb) / .16), transparent 60%), linear-gradient(170deg, rgb(var(--primary-rgb) / .14), rgb(var(--primary-rgb) / .04));--hero-fg:var(--text-main);--hero-chip-bg:rgb(var(--primary-rgb) / .16);--hero-chip-border:rgb(var(--primary-rgb) / .38);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-accent=green]{--primary-rgb:4 120 87;--primary-hover:#065f46;--primary-fg:#fff;--primary-text:#047857}[data-theme=dark][data-accent=green]{--primary-rgb:16 185 129;--primary-hover:#34d399;--primary-fg:#052e16;--primary-text:#34d399}[data-accent=blue]{--primary-rgb:37 99 235;--primary-hover:#1d4ed8;--primary-fg:#fff;--primary-text:#1d4ed8}[data-theme=dark][data-accent=blue]{--primary-rgb:59 130 246;--primary-hover:#60a5fa;--primary-fg:#0b1120;--primary-text:#60a5fa}[data-accent=indigo]{--primary-rgb:79 70 229;--primary-hover:#4338ca;--primary-fg:#fff;--primary-text:#4338ca}[data-theme=dark][data-accent=indigo]{--primary-rgb:129 140 248;--primary-hover:#a5b4fc;--primary-fg:#1e1b4b;--primary-text:#a5b4fc}[data-accent=purple]{--primary-rgb:124 58 237;--primary-hover:#6d28d9;--primary-fg:#fff;--primary-text:#6d28d9}[data-theme=dark][data-accent=purple]{--primary-rgb:167 139 250;--primary-hover:#c4b5fd;--primary-fg:#2e1065;--primary-text:#c4b5fd}[data-accent=teal]{--primary-rgb:15 118 110;--primary-hover:#115e59;--primary-fg:#fff;--primary-text:#0f766e}[data-theme=dark][data-accent=teal]{--primary-rgb:45 212 191;--primary-hover:#5eead4;--primary-fg:#042f2e;--primary-text:#5eead4}[data-accent=cyan]{--primary-rgb:14 116 144;--primary-hover:#155e75;--primary-fg:#fff;--primary-text:#0e7490}[data-theme=dark][data-accent=cyan]{--primary-rgb:34 211 238;--primary-hover:#67e8f9;--primary-fg:#083344;--primary-text:#67e8f9}[data-accent=orange]{--primary-rgb:194 65 12;--primary-hover:#9a3412;--primary-fg:#fff;--primary-text:#c2410c}[data-theme=dark][data-accent=orange]{--primary-rgb:251 146 60;--primary-hover:#fdba74;--primary-fg:#431407;--primary-text:#fb923c}[data-accent=rose]{--primary-rgb:190 18 60;--primary-hover:#9f1239;--primary-fg:#fff;--primary-text:#be123c}[data-theme=dark][data-accent=rose]{--primary-rgb:251 113 133;--primary-hover:#fda4af;--primary-fg:#4c0519;--primary-text:#fb7185}[data-accent=neutral]{--primary-rgb:51 65 85;--primary-hover:#1e293b;--primary-fg:#fff;--primary-text:#334155}[data-theme=dark][data-accent=neutral]{--primary-rgb:148 163 184;--primary-hover:#cbd5e1;--primary-fg:#0f172a;--primary-text:#cbd5e1}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100dvh;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,select,textarea{color:var(--text-main);font-family:inherit}a{color:var(--primary-text);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--font-mono);font-size:.82em}::selection{background:var(--primary-soft-strong)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background-clip:content-box;border:3px solid #0000}.app-container{width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;height:100dvh;transition:transform var(--transition);flex-direction:column;flex-shrink:0;padding:20px 14px 16px;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:2px 6px 18px;display:flex}.brand-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary-hover) -20%, var(--primary) 110%);width:38px;height:38px;color:var(--primary-fg);box-shadow:0 4px 12px var(--primary-glow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-title{letter-spacing:-.02em;color:var(--text-main);font-size:1.08rem;font-weight:700;line-height:1.2}.brand-subtitle{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:500}.sidebar .sidebar-close{margin-left:auto;display:none}.sidebar-nav{flex-direction:column;gap:4px;padding-top:16px;display:flex}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:6px 10px 8px;font-size:.68rem;font-weight:700}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);text-align:left;border:1px solid #0000;align-items:center;gap:11px;width:100%;padding:9px 12px;font-size:.9rem;font-weight:500;display:flex}.nav-link svg{flex-shrink:0}.nav-link:hover{background-color:var(--bg-hover);color:var(--text-main)}.nav-link.active{background-color:var(--primary-soft);color:var(--primary-text);border-color:var(--primary-border);font-weight:600}.sidebar-project{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);flex-direction:column;gap:3px;min-width:0;margin-top:18px;padding:12px 14px;display:flex}.sidebar-project-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.66rem;font-weight:700}.sidebar-project-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-spacer{flex:1;min-height:16px}.sidebar-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding-top:14px;display:flex}.user-info{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-hover) -20%, var(--primary) 120%);width:34px;height:34px;color:var(--primary-fg);flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.user-details{flex-direction:column;min-width:0;display:flex;overflow:hidden}.user-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-main);font-size:.84rem;font-weight:600;overflow:hidden}.user-email{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.sidebar-backdrop{display:none}.main-wrapper{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));flex-direction:column;flex:1;min-width:0;height:100dvh;min-height:0;display:flex;overflow:hidden auto}.top-bar{height:var(--topbar-height);min-height:var(--topbar-height);border-bottom:1px solid var(--border-color);background-color:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);z-index:40;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.topbar-heading{flex-direction:column;min-width:0;display:flex}.topbar-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:650;line-height:1.3;overflow:hidden}.topbar-subtitle{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.top-bar .mobile-menu-btn{display:none}.connection-pill{border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;padding:5px 11px;font-size:.72rem;font-weight:600;display:inline-flex}.connection-pill.online{color:var(--success-text);border-color:var(--success-border);background-color:var(--success-soft)}.connection-pill.offline{color:var(--danger-text);border-color:var(--danger-border);background-color:var(--danger-soft)}.connection-dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:6px;height:6px}.content-body{width:100%;min-width:0;max-width:1380px;margin:0 auto;padding:28px 28px 48px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.02em;color:var(--text-main);font-size:1.4rem;font-weight:700}.page-subtitle{color:var(--text-muted);max-width:62ch;margin-top:4px;font-size:.875rem}.section-title{color:var(--text-main);align-items:center;gap:9px;font-size:1.02rem;font-weight:650;display:flex}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:22px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.card-title{color:var(--text-main);align-items:center;gap:9px;font-size:1.02rem;font-weight:650;display:flex}.card-title svg{color:var(--primary-text);flex-shrink:0}.card-description{color:var(--text-muted);max-width:70ch;margin-top:4px;font-size:.85rem}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:2px;min-width:0;padding:16px 18px;display:flex}.metric-card.flat{background:var(--bg-subtle);box-shadow:none}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:.72rem;font-weight:650;display:flex}.metric-label svg{color:var(--text-dim)}.metric-value{letter-spacing:-.02em;color:var(--text-main);font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.65rem;font-weight:700;line-height:1.15}.metric-foot{color:var(--text-dim);margin-top:2px;font-size:.75rem}.text-success{color:var(--success-text)!important}.text-danger{color:var(--danger-text)!important}.text-warning{color:var(--warning-text)!important}.text-info{color:var(--info-text)!important}.text-violet{color:var(--violet-text)!important}.text-accent{color:var(--primary-text)!important}.btn{border-radius:var(--radius-sm);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background-color:var(--primary);color:var(--primary-fg);box-shadow:0 1px 2px var(--primary-glow)}.btn-primary:not(:disabled):hover{background-color:var(--primary-hover);box-shadow:0 4px 14px var(--primary-glow)}.btn-secondary{background-color:var(--bg-card);color:var(--text-main);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:not(:disabled):hover{background-color:var(--bg-card-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-muted);background-color:#0000}.btn-ghost:not(:disabled):hover{background-color:var(--bg-hover);color:var(--text-main)}.btn-danger{background-color:var(--danger-soft);color:var(--danger-text);border-color:var(--danger-border)}.btn-danger:not(:disabled):hover{background-color:var(--danger-soft);border-color:var(--danger)}.btn-sm{border-radius:var(--radius-xs);gap:6px;padding:6px 11px;font-size:.8rem}.btn-lg{padding:12px 20px;font-size:.95rem}.btn-block{width:100%}.icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-muted);transition:background-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background-color:var(--bg-hover);color:var(--text-main)}.icon-btn.subtle{border-color:var(--border-color);background-color:var(--bg-card)}.spinner{border:2px solid var(--primary-soft-strong);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite vg-spin}.spinner.on-primary{border-color:#ffffff59;border-top-color:var(--primary-fg)}.spinner.lg{border-width:2.5px;width:22px;height:22px}@keyframes vg-spin{to{transform:rotate(360deg)}}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:700;line-height:1.4;display:inline-flex}.badge-dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:6px;height:6px}.badge-success,.badge-identical,.badge-completed,.badge-preprocessed{background-color:var(--success-soft);color:var(--success-text);border-color:var(--success-border)}.badge-danger,.badge-field_mismatch,.badge-failed,.badge-preprocessing_failed{background-color:var(--danger-soft);color:var(--danger-text);border-color:var(--danger-border)}.badge-warning,.badge-missing_record,.badge-missing_in_target,.badge-missing_in_source,.badge-requires_review,.badge-completed_with_warnings,.badge-ambiguous_duplicate{background-color:var(--warning-soft);color:var(--warning-text);border-color:var(--warning-border)}.badge-info,.badge-running,.badge-processing{background-color:var(--info-soft);color:var(--info-text);border-color:var(--info-border)}.badge-violet,.badge-duplicate_key,.badge-duplicate_key_source,.badge-duplicate_key_target,.badge-duplicate_key_both{background-color:var(--violet-soft);color:var(--violet-text);border-color:var(--violet-border)}.badge-neutral,.badge-pending,.badge-uploaded{background-color:var(--neutral-soft);color:var(--neutral-text);border-color:var(--neutral-border)}.badge-plain{background-color:var(--bg-subtle);color:var(--text-muted);border-color:var(--border-subtle)}.alert{border-radius:var(--radius-sm);border:1px solid #0000;align-items:flex-start;gap:10px;margin-bottom:16px;padding:11px 14px;font-size:.85rem;line-height:1.45;display:flex}.alert svg{flex-shrink:0;margin-top:1px}.alert-error{background-color:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-text)}.alert-success{background-color:var(--success-soft);border-color:var(--success-border);color:var(--success-text)}.alert-warning{background-color:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-text)}.alert-info{background-color:var(--info-soft);border-color:var(--info-border);color:var(--info-text)}.chip{border-radius:var(--radius-full);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:5px;max-width:100%;padding:4px 10px;font-size:.75rem;font-weight:500;line-height:1.5;display:inline-flex}.chip strong{color:var(--text-main);font-weight:650}.chip-accent{background-color:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-text)}.chip-list{flex-wrap:wrap;gap:6px;display:flex}button.chip{cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}button.chip:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-main)}button.chip.selected{background-color:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-text)}.form-group{margin-bottom:16px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-label{color:var(--text-main);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);color:var(--text-main);outline:none;padding:9px 12px;font-size:.88rem}.form-textarea{resize:vertical;min-height:84px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-dim)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.form-input.invalid,.form-select.invalid{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.form-hint{color:var(--text-dim);margin-top:5px;font-size:.76rem;display:block}.form-error-text{color:var(--danger-text);align-items:center;gap:5px;margin-top:5px;font-size:.78rem;display:flex}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b99ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;padding-right:34px}.switch{cursor:pointer;color:var(--text-main);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:7px 0;font-size:.85rem;display:flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{border-radius:var(--radius-full);background-color:var(--border-strong);width:36px;height:20px;transition:background-color var(--transition-fast);flex-shrink:0;position:relative}.switch-track:after{content:"";width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0f172a59}.switch input:checked+.switch-track{background-color:var(--primary)}.switch input:checked+.switch-track:after{transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--primary);outline-offset:2px}.switch-label{flex-direction:column;gap:1px;display:flex}.switch-sub{color:var(--text-dim);font-size:.74rem}input[type=checkbox]:not(.switch input){accent-color:var(--primary);width:15px;height:15px}.search-box{flex:1;min-width:200px;max-width:320px;position:relative}.search-box .form-input{padding-left:34px}.search-box svg{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:640px;font-size:.85rem}.data-table th{background-color:var(--bg-subtle);color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;z-index:1;padding:10px 14px;font-size:.72rem;font-weight:650;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);vertical-align:top;padding:11px 14px}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover td{background-color:var(--bg-hover)}.data-table tr:last-child td{border-bottom:none}.key-code{font-family:var(--font-mono);color:var(--primary-text);background-color:var(--primary-soft);border:1px solid var(--primary-border);border-radius:var(--radius-xs);white-space:nowrap;padding:2px 7px;font-size:.78rem}.cell-muted{color:var(--text-muted);font-size:.8rem}.table-footer-note{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:.78rem;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar-spacer{flex:1}.filter-select{width:auto;min-width:150px}.diff-list{flex-direction:column;gap:4px;display:flex}.diff-line{font-size:.78rem;line-height:1.45}.diff-line .diff-field{color:var(--text-main);font-weight:650}.diff-source{color:var(--warning-text)}.diff-target{color:var(--info-text)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;padding:52px 24px;display:flex}.empty-icon{border-radius:var(--radius-full);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);width:56px;height:56px;color:var(--text-dim);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-state-icon{color:var(--text-dim);margin-bottom:16px}.empty-state-title,.empty-title{color:var(--text-main);margin-bottom:6px;font-size:1.02rem;font-weight:650}.empty-text{color:var(--text-muted);max-width:46ch;margin-bottom:18px;font-size:.86rem}.skeleton{background-color:var(--bg-subtle);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--bg-hover), transparent);animation:1.4s infinite vg-shimmer;position:absolute;inset:0}@keyframes vg-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-card{border-radius:var(--radius-lg);height:190px}.skeleton-line{height:12px;margin-bottom:10px}.loading-inline{color:var(--text-muted);align-items:center;gap:10px;padding:18px 0;font-size:.86rem;display:flex}.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.project-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), border-color var(--transition), transform var(--transition);flex-direction:column;gap:10px;padding:20px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-hover));opacity:0;height:3px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.project-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.project-card.active{border-color:var(--primary-border)}.project-card.active:before{opacity:1}.project-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-icon{border-radius:var(--radius-sm);background-color:var(--primary-soft);border:1px solid var(--primary-border);width:36px;height:36px;color:var(--primary-text);justify-content:center;align-items:center;display:flex}.project-name{color:var(--text-main);overflow-wrap:anywhere;font-size:1rem;font-weight:650}.project-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-height:2.4em;font-size:.84rem;display:-webkit-box;overflow:hidden}.project-meta{color:var(--text-dim);border-top:1px solid var(--border-subtle);align-items:center;gap:14px;padding-top:12px;font-size:.74rem;display:flex}.project-meta span{align-items:center;gap:5px;display:inline-flex}.modal-backdrop{background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(3px);z-index:200;justify-content:center;align-items:center;padding:20px;animation:.16s vg-fade-in;display:flex;position:fixed;inset:0}.modal{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);max-height:calc(100dvh - 40px);padding:24px;animation:.18s cubic-bezier(.2,.9,.3,1.2) vg-pop-in;overflow-y:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.modal-footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}@keyframes vg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vg-pop-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.appearance-wrap{width:100%;position:relative}.appearance-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);border:1px solid var(--border-color);background-color:var(--bg-card);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:10px;margin-bottom:12px;padding:9px 12px;font-size:.86rem;font-weight:500;display:flex}.appearance-btn:hover{background-color:var(--bg-hover);color:var(--text-main);border-color:var(--border-strong)}.appearance-btn-label{text-align:left;flex:1}.appearance-btn-value{color:var(--text-dim);white-space:nowrap;font-size:.72rem}.appearance-overlay{z-index:90;position:fixed;inset:0}.appearance-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:272px;max-width:calc(100vw - 28px);box-shadow:var(--shadow-lg);z-index:95;padding:16px;animation:.16s cubic-bezier(.2,.9,.3,1.1) vg-pop-in;position:absolute}.appearance-panel.up{bottom:calc(100% + 8px);left:0}.appearance-panel.down{top:calc(100% + 8px);right:0}.appearance-section+.appearance-section{margin-top:16px}.appearance-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:9px;font-size:.7rem;font-weight:700;display:block}.segmented{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented-btn{border-radius:var(--radius-xs);color:var(--text-muted);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:7px 4px;font-size:.78rem;font-weight:600;display:flex}.segmented-btn:hover{color:var(--text-main)}.segmented-btn.active{background-color:var(--bg-card);color:var(--primary-text);box-shadow:var(--shadow-sm)}.accent-grid{flex-wrap:wrap;gap:9px;display:flex}.accent-swatch{border-radius:var(--radius-full);background:var(--swatch);width:28px;height:28px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;position:relative;box-shadow:inset 0 0 0 1px #0f172a1f}.accent-swatch:hover{transform:scale(1.12)}.accent-swatch.selected{box-shadow:0 0 0 2px var(--bg-card), 0 0 0 4px var(--swatch)}.appearance-current-note{border-top:1px solid var(--border-subtle);color:var(--text-dim);align-items:center;gap:7px;margin-top:14px;padding-top:12px;font-size:.74rem;display:flex}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center;background-color:var(--bg-subtle);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;align-items:center;padding:34px 20px;display:flex}.dropzone:hover{border-color:var(--primary);background-color:var(--primary-soft)}.dropzone.dragging{border-color:var(--primary);background-color:var(--primary-soft);box-shadow:0 0 0 3px var(--primary-ring)}.dropzone.disabled{cursor:wait;opacity:.7}.dropzone-icon{border-radius:var(--radius-full);background-color:var(--primary-soft);border:1px solid var(--primary-border);width:48px;height:48px;color:var(--primary-text);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.dropzone-title{color:var(--text-main);margin-bottom:4px;font-size:.95rem;font-weight:650}.dropzone-hint{color:var(--text-muted);font-size:.82rem}.link-accent{color:var(--primary-text);font-weight:600}.upload-steps{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.step-pill{border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-subtle);color:var(--text-muted);align-items:center;gap:7px;padding:6px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.step-pill.active{border-color:var(--primary-border);background-color:var(--primary-soft);color:var(--primary-text)}.step-pill.done{border-color:var(--success-border);background-color:var(--success-soft);color:var(--success-text)}.upload-result{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:18px}.upload-result-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.upload-result-name{color:var(--text-main);overflow-wrap:anywhere;font-size:.92rem;font-weight:650}.upload-result-meta{color:var(--text-dim);font-size:.78rem}.file-list{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:16px}.file-list-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:10px;font-size:.72rem;font-weight:700}.file-item{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--bg-subtle);align-items:center;gap:11px;margin-bottom:8px;padding:10px 12px;display:flex}.file-item:last-child{margin-bottom:0}.file-item-icon{color:var(--primary-text);flex-shrink:0}.file-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.file-item-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.file-item-meta{color:var(--text-dim);font-size:.73rem}.schema-block{margin-top:14px}.schema-title{color:var(--text-muted);margin-bottom:8px;font-size:.78rem;font-weight:650}.config-grid{grid-template-columns:minmax(200px,1fr) minmax(240px,1.4fr);align-items:start;gap:18px;display:grid}.switch-stack{flex-direction:column;gap:2px;display:flex}.info-strip{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--text-muted);align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:.84rem;display:flex}.info-strip svg{color:var(--primary-text);flex-shrink:0;margin-top:2px}.info-strip strong{color:var(--text-main)}.run-id{font-family:var(--font-mono);color:var(--text-main);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:2px 7px;font-size:.78rem}.run-results-anchor{scroll-margin-top:84px}.section-heading-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.auth-wrapper{background:radial-gradient(900px 480px at 85% -10%, var(--primary-soft), transparent 65%), radial-gradient(700px 420px at -10% 110%, var(--primary-soft), transparent 60%), var(--bg-primary);justify-content:center;align-items:center;min-height:100dvh;padding:28px 20px;display:flex;position:relative;overflow-y:auto}.auth-theme-toggle{z-index:20;width:auto;position:absolute;top:18px;right:18px}.auth-shell{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;max-width:1040px;min-height:620px;box-shadow:var(--shadow-lg);grid-template-columns:1.02fr 1fr;display:grid;overflow:hidden}.auth-hero{background:var(--hero-bg);color:var(--hero-fg);border-right:1px solid var(--border-color);flex-direction:column;justify-content:center;gap:18px;padding:44px 40px;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";background:radial-gradient(circle,#ffffff29,#0000 65%);border-radius:50%;width:420px;height:420px;position:absolute;top:-140px;right:-140px}.auth-hero:after{content:"";background:radial-gradient(circle,#ffffff1a,#0000 65%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-120px;left:-100px}.auth-hero .brand-icon{background:var(--hero-chip-bg);border:1px solid var(--hero-chip-border);box-shadow:none;color:var(--hero-fg)}.auth-hero h1{letter-spacing:-.03em;font-size:1.7rem;font-weight:750;line-height:1.2;position:relative}.auth-hero-tagline{opacity:.92;max-width:40ch;font-size:.92rem;line-height:1.6;position:relative}.auth-features{flex-direction:column;gap:12px;margin-top:8px;list-style:none;display:flex;position:relative}.auth-features li{align-items:center;gap:10px;font-size:.86rem;font-weight:500;display:flex}.auth-feature-icon{border-radius:var(--radius-sm);background:var(--hero-chip-bg);border:1px solid var(--hero-chip-border);flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.auth-hero-foot{opacity:.75;margin-top:10px;font-size:.72rem;position:relative}.auth-panel{flex-direction:column;justify-content:center;min-width:0;padding:44px;display:flex}.auth-panel h2{letter-spacing:-.02em;color:var(--text-main);margin-bottom:6px;font-size:1.42rem;font-weight:700}.auth-sub{color:var(--text-muted);margin-bottom:24px;font-size:.875rem}.auth-switch{text-align:center;color:var(--text-muted);margin-top:22px;font-size:.84rem}.auth-switch button{color:var(--primary-text);border-radius:var(--radius-xs);padding:2px 4px;font-weight:650}.auth-switch button:hover{text-decoration:underline}.input-with-action{position:relative}.input-with-action .form-input{padding-right:40px}.input-action-btn{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--text-dim);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-action-btn:hover{color:var(--text-main);background-color:var(--bg-hover)}.boot-splash{background-color:var(--bg-primary);min-height:100dvh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.9rem;display:flex}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-sm{font-size:.85rem}.text-xs{font-size:.76rem}.flex-1{flex:1;min-width:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.overflow-wrap-anywhere{overflow-wrap:anywhere}.divider{background-color:var(--border-subtle);border:none;height:1px;margin:18px 0}@media (width<=1024px){.sidebar{box-shadow:none;width:280px;transform:translate(-100%)}.app-container.sidebar-open .sidebar{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar .sidebar-close{display:inline-flex}.sidebar-backdrop{background-color:var(--bg-overlay);z-index:99;animation:.16s vg-fade-in;display:block;position:fixed;inset:0}.main-wrapper{width:100%;margin-left:0}.top-bar .mobile-menu-btn{display:inline-flex}.top-bar{padding:0 18px}.content-body{padding:22px 18px 44px}.auth-shell{grid-template-columns:1fr;max-width:480px;min-height:0}.auth-hero{display:none}.auth-panel{padding:36px 30px}}@media (width<=768px){.form-row{grid-template-columns:1fr;gap:0}.config-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-value{font-size:1.35rem}.project-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.page-header .btn{align-self:flex-start}.toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-select{width:100%}.topbar-subtitle{display:none}.card{border-radius:var(--radius-md);padding:18px 16px}.modal{padding:20px 18px}.auth-panel{padding:30px 22px}}@media (width<=480px){.connection-pill .connection-label{display:none}.metric-grid{grid-template-columns:1fr 1fr}.content-body{padding:18px 14px 40px}}@media (width>=1025px){.topbar-appearance{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}