:root{--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--color-bg: #f6f6f9;--color-surface: #ffffff;--color-sidebar: #14161f;--color-sidebar-active: #1f2230;--color-sidebar-item-hover: #1a1d29;--color-border: #e7e7ec;--color-border-subtle: #f0f0f4;--color-text: #1a1c27;--color-text-secondary: #5c5f72;--color-text-muted: #8b8fa3;--color-text-faint: #b3b6c4;--color-sidebar-text: #a1a5b3;--color-sidebar-text-active: #ffffff;--color-sidebar-text-muted: #787c90;--color-accent: #4338ca;--color-accent-hover: #3730a3;--color-accent-soft: #eef2ff;--color-accent-soft-text: #4338ca;--color-added: #16803c;--color-added-bg: #e8f8ee;--color-added-border: #d3f0dc;--color-added-row-bg: #fbfdfc;--color-removed: #c8341f;--color-removed-bg: #fdecec;--color-removed-border: #f7d9d6;--color-removed-row-bg: #fdf3f2;--color-removed-text-muted: #b3717a;--color-modified: #b8860f;--color-modified-bg: #fdf6e3;--color-modified-border: #f3e2b8;--color-modified-row-bg: #fefaf0;--color-modified-text: #92650a;--color-running: #3654d1;--color-running-bg: #eaf0ff;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(20, 22, 31, .04);--sidebar-width: 232px;--topbar-height: 64px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.mono{font-family:var(--font-mono)}.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13.5px;font-weight:600;border:none;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--color-accent);color:#fff;padding:10px 16px}.btn-primary:hover{background:var(--color-accent-hover)}.btn-ghost{background:var(--color-surface);color:#3f4256;border:1px solid #dcdce4;padding:9px 14px;font-weight:500}.btn-ghost:hover{background:var(--color-border-subtle)}.btn-sm{padding:6px 11px;font-size:12.5px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;white-space:nowrap}.badge-completed{background:var(--color-added-bg);color:var(--color-added)}.badge-running{background:var(--color-running-bg);color:var(--color-running)}.badge-failed{background:var(--color-removed-bg);color:var(--color-removed)}.badge-connected{background:var(--color-added-bg);color:var(--color-added)}.badge-error{background:var(--color-removed-bg);color:var(--color-removed)}.badge-syncing{background:var(--color-running-bg);color:var(--color-running)}.badge-diff{background:var(--color-modified-bg);color:var(--color-modified)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.tag{font-size:11px;font-weight:600;border-radius:var(--radius-pill);padding:3px 9px;white-space:nowrap}.type-badge{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--color-text-secondary);background:#f0f0f5;border-radius:var(--radius-sm);padding:2px 6px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);padding:0 16px 10px;border-bottom:1px solid var(--color-border);white-space:nowrap}td{padding:12px 16px;font-size:13.5px;color:var(--color-text);vertical-align:middle;border-bottom:1px solid var(--color-border-subtle)}tbody tr:last-child td{border-bottom:none}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px}.stat-tile__label{font-size:12px;color:var(--color-text-muted);font-weight:500}.stat-tile__value{font-size:24px;font-weight:700;margin-top:6px}.stat-tile__value.stat-tile--running{color:var(--color-running)}.stat-tile__value.stat-tile--added{color:var(--color-added)}.stat-tile__value.stat-tile--removed{color:var(--color-removed)}.stat-tile__value.stat-tile--modified{color:var(--color-modified)}.stat-tile--tinted.stat-tile--added{background:var(--color-added-bg);border-color:var(--color-added-border)}.stat-tile--tinted.stat-tile--removed{background:var(--color-removed-bg);border-color:var(--color-removed-border)}.stat-tile--tinted.stat-tile--modified{background:var(--color-modified-row-bg);border-color:var(--color-modified-border)}.stat-tile--tinted .stat-tile__label{font-weight:600}.stat-tile--tinted.stat-tile--added .stat-tile__label,.stat-tile--tinted.stat-tile--added .stat-tile__value{color:var(--color-added)}.stat-tile--tinted.stat-tile--removed .stat-tile__label,.stat-tile--tinted.stat-tile--removed .stat-tile__value{color:var(--color-removed)}.stat-tile--tinted.stat-tile--modified .stat-tile__label,.stat-tile--tinted.stat-tile--modified .stat-tile__value{color:var(--color-modified)}.app-shell{display:flex;min-height:100vh;background:var(--color-bg)}.app-shell__main{flex:1;display:flex;flex-direction:column;min-width:0}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-sidebar);display:flex;flex-direction:column;padding:22px 14px;position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:4px 8px 26px}.sidebar__logo{flex-shrink:0}.sidebar__wordmark{color:#fff;font-size:15px;font-weight:700;letter-spacing:-.01em}.sidebar__wordmark-accent{color:#818cf8}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.navitem{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);color:var(--color-sidebar-text);font-size:13.5px;font-weight:500;cursor:pointer}.navitem:hover{background:var(--color-sidebar-item-hover);color:#d5d7e3}.navitem--active,.navitem--active:hover{background:var(--color-sidebar-active);color:var(--color-sidebar-text-active)}.sidebar__user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px}.sidebar__avatar{width:30px;height:30px;border-radius:var(--radius-md);background:#2a2d3d;color:#c7cbe0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.sidebar__user-name{color:#e4e5ee;font-size:12.5px;font-weight:600}.sidebar__user-role{color:var(--color-sidebar-text-muted);font-size:11.5px}.topbar{min-height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 28px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.topbar__search{display:flex;align-items:center;gap:10px;background:#f3f3f7;border-radius:var(--radius-md);padding:8px 12px;width:340px;color:var(--color-text-muted);font-size:13px}.topbar__status{display:flex;align-items:center;gap:18px;font-size:12.5px;color:var(--color-text-secondary)}.topbar__status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.topbar__actions{display:flex;gap:10px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted)}.breadcrumb__segment{display:flex;align-items:center;gap:6px}.breadcrumb__link{color:var(--color-text-muted)}.breadcrumb__link:hover{color:var(--color-accent)}.breadcrumb__current{color:var(--color-text);font-weight:600}.breadcrumb__sep{color:#c2c4d1}.page-meta{font-family:var(--font-mono);font-size:12px;color:#9598aa;margin-top:3px}.page-content{flex:1;padding:28px 32px;display:flex;flex-direction:column;gap:22px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-title{font-size:21px;font-weight:700;letter-spacing:-.01em;margin:0}.page-subtitle{font-size:13px;color:var(--color-text-muted);margin-top:3px}.stat-grid{display:grid;gap:16px}.stat-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.table-card{flex:1;display:flex;flex-direction:column;overflow:hidden}.table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-subtle)}.table-card__title{font-size:13.5px;font-weight:600}.diff-summary__added{color:var(--color-added)}.diff-summary__removed{color:var(--color-removed)}.diff-summary__modified{color:var(--color-modified)}.diff-summary--empty{color:var(--color-text-faint)}.source-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.source-card{padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.source-card__main{display:flex;align-items:center;gap:12px}.source-card__icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.source-card__role{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.source-card__label{font-size:13.5px;font-weight:600;margin-top:2px}.source-card__edit{font-size:12.5px;color:var(--color-accent);font-weight:600;cursor:pointer}.source-card__select{font:inherit;font-size:13.5px;font-weight:600;color:var(--color-text);background:none;border:none;margin-top:2px;padding:0;cursor:pointer}.source-card__select:focus{outline:2px solid var(--color-accent-soft);outline-offset:2px}.mapping-layout{flex:1;display:flex;gap:20px;min-height:0}.mapping-card{flex:1;display:flex;flex-direction:column;overflow:hidden}.table-card__hint{font-size:12px;color:var(--color-text-muted)}.mapping-row__source{display:flex;align-items:center;gap:6px;font-weight:600}.mapping-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.options-card{padding:16px 18px}.options-list{display:flex;flex-direction:column;gap:11px}.option-row{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}.option-row__muted{color:var(--color-text-secondary)}.option-checkbox{width:16px;height:16px;border-radius:4px;border:1.5px solid #dcdce4;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-checkbox--checked{background:var(--color-accent);border-color:var(--color-accent)}.option-row--tolerance{justify-content:space-between;padding-top:6px;border-top:1px solid var(--color-border-subtle);margin-top:2px;cursor:default}.option-row__value{color:var(--color-accent);font-weight:600;font-size:12.5px}.summary-list{margin:0;display:flex;flex-direction:column;gap:8px}.summary-list__row{display:flex;justify-content:space-between;font-size:13px;color:var(--color-text-secondary)}.summary-list__row dt,.summary-list__row dd{margin:0}.summary-list__row dd{font-weight:600;color:var(--color-text)}.wizard-footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.tag--key,.tag--matched{background:var(--color-added-bg);color:var(--color-added)}.tag--tolerance{background:var(--color-accent-soft);color:var(--color-accent-soft-text)}.tag--renamed{background:var(--color-modified-bg);color:var(--color-modified)}.tag--ignored{background:#f0f0f5;color:#7a7d90}.results-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 20px;border-bottom:1px solid var(--color-border-subtle);gap:16px}.results-tabs{display:flex;gap:22px}.results-tab{background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:600;padding:9px 4px;color:var(--color-text-muted);border-bottom:2px solid transparent}.results-tab--active{color:var(--color-text);border-bottom-color:var(--color-accent)}.results-toolbar__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.results-search{width:auto;padding:6px 10px}.table-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--color-border-subtle)}.table-card__footer-count{font-size:12.5px;color:var(--color-text-muted)}.diff-row__flag{border-left:3px solid transparent}.diff-row__flag-label{font-size:10.5px;font-weight:700}tr.diff-row--added{background:var(--color-added-row-bg)}tr.diff-row--added .diff-row__flag{border-left-color:#22c55e}tr.diff-row--added .diff-row__flag-label{color:var(--color-added)}tr.diff-row--removed{background:var(--color-removed-row-bg)}tr.diff-row--removed .diff-row__flag{border-left-color:#ef4444}tr.diff-row--removed .diff-row__flag-label{color:var(--color-removed)}tr.diff-row--removed td{color:var(--color-removed-text-muted)}tr.diff-row--modified{background:var(--color-modified-row-bg)}tr.diff-row--modified .diff-row__flag{border-left-color:#d4a017}tr.diff-row--modified .diff-row__flag-label{color:var(--color-modified)}.cell-diff__old{text-decoration:line-through;color:var(--color-modified);opacity:.75}.cell-diff__new{color:var(--color-modified-text);font-weight:600}tr.diff-row--typechanged{background:var(--color-accent-soft)}tr.diff-row--typechanged .diff-row__flag{border-left-color:var(--color-accent)}tr.diff-row--typechanged .diff-row__flag-label{color:var(--color-accent)}tr.diff-row--reordered{background:var(--color-running-bg)}tr.diff-row--reordered .diff-row__flag{border-left-color:var(--color-running)}tr.diff-row--reordered .diff-row__flag-label{color:var(--color-running)}.insights-content{flex-direction:row;overflow:hidden}.insights-main{flex:1.55;display:flex;flex-direction:column;gap:18px;min-width:0;overflow:hidden}.insights-side{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.section-label{font-size:13px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.insights-summary{background:linear-gradient(180deg,#f7f6ff,#fff 60%);border-color:#e4e1fb;padding:20px 22px}.insights-summary__header{display:flex;align-items:center;gap:9px;margin-bottom:10px}.insights-summary__icon{width:26px;height:26px;border-radius:7px;background:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.insights-summary__title{font-size:14px;font-weight:700}.insights-summary__meta{margin-left:auto;font-size:11.5px;color:var(--color-text-muted)}.insights-summary__text{font-size:13.5px;line-height:1.65;color:#33364a;margin:0}.anomaly-list{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow:auto}.anomaly-card{padding:16px 18px}.anomaly-card__header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.anomaly-card__title{font-size:13.5px;font-weight:700}.anomaly-card__action{margin-left:auto;font-size:12px;color:var(--color-accent);font-weight:600;cursor:pointer;flex-shrink:0}.anomaly-card__description{font-size:13px;color:var(--color-text-secondary);line-height:1.55;margin:0}.sev{font-size:11px;font-weight:700;border-radius:var(--radius-pill);padding:3px 10px;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.sev--high{background:var(--color-removed-bg);color:var(--color-removed)}.sev--medium{background:var(--color-modified-bg);color:var(--color-modified)}.sev--low{background:var(--color-accent-soft);color:var(--color-accent-soft-text)}.recommendation-card{padding:15px 16px;display:flex;gap:11px}.recommendation-card__icon{width:26px;height:26px;border-radius:7px;background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recommendation-card__title{font-size:13px;font-weight:600;margin-bottom:3px}.recommendation-card__description{font-size:12.5px;color:var(--color-text-secondary);line-height:1.5}.coverage-card{margin-top:6px;background:var(--color-sidebar);border-radius:var(--radius-lg);padding:16px 18px}.coverage-card__label{font-size:12px;color:var(--color-sidebar-text);font-weight:600;margin-bottom:8px}.coverage-card__bar{width:100%;height:6px;border-radius:var(--radius-pill);background:#2a2d3d;overflow:hidden;margin-bottom:8px}.coverage-card__bar-fill{width:100%;height:100%;background:#818cf8}.coverage-card__text{font-size:12px;color:var(--color-sidebar-text-muted)}.connector-groups{flex:1;display:flex;flex-direction:column;gap:22px;overflow:auto}.connector-section{display:flex;flex-direction:column;gap:12px}.connector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.conn-card{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.conn-card--error{border-color:var(--color-removed-border);background:#fffaf9}.conn-card__main{display:flex;align-items:center;gap:11px}.conn-card__icon{width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.conn-card__icon--file{background:#f0f0f5;color:var(--color-text-secondary)}.conn-card__icon--error{background:var(--color-removed-bg);color:var(--color-removed)}.conn-card__info{min-width:0}.conn-card__name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn-card__type{font-size:11.5px;color:var(--color-text-muted)}.conn-card__meta{font-size:11.5px;color:#9598aa}.conn-card__meta--error{color:var(--color-removed)}.add-card{border:1.5px dashed #d7d7e0;border-radius:var(--radius-lg);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--color-text-muted);font-size:12.5px;font-weight:600;font-family:var(--font-sans);min-height:128px}.add-card:hover{border-color:var(--color-accent);color:var(--color-accent)}