:root{--navy: #111c33;--navy-light: #1b2a47;--navy-active: #24365c;--rail-text: #93a1b8;--page-bg: #f4f6f9;--card: #ffffff;--border: #e3e8ef;--border-strong: #cbd4e1;--ink: #0f1b2e;--ink-muted: #6b7a90;--ink-faint: #98a5b8;--accent: #1d4ed8;--green: #0f7b4f;--green-bg: #e4f5ec;--amber: #8a5a00;--amber-bg: #fdf2dc;--red: #b02a2a;--red-bg: #fde9e9;--blue: #1d4ed8;--blue-bg: #e8eefe;--grey: #5a6779;--grey-bg: #eef1f5;--violet: #6d28d9;--violet-bg: #f1ebfe;--rail-width: 236px;--rail-width-collapsed: 0px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;color:var(--ink);background:var(--page-bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:12px;cursor:pointer}a{color:var(--accent);text-decoration:none}.shell{display:grid;grid-template-columns:var(--rail-width) 1fr;height:100%;transition:grid-template-columns .15s ease}.shell.collapsed{grid-template-columns:var(--rail-width-collapsed) 1fr}.rail{background:var(--navy);color:var(--rail-text);display:flex;flex-direction:column;overflow:hidden}.rail-logo{padding:16px 18px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.rail-logo-mark{font-size:17px;font-weight:800;letter-spacing:.08em;color:#fff}.rail-logo-text{font-size:9px;letter-spacing:.16em;color:var(--rail-text);margin-top:2px}.rail-nav{flex:1;padding:10px 0;overflow-y:auto}.rail-item{display:flex;overflow:hidden;align-items:center;justify-content:space-between;gap:8px;padding:8px 18px;font-size:12.5px;color:var(--rail-text);border-left:2px solid transparent;white-space:nowrap}.rail-item:hover{background:var(--navy-light);color:#dfe6f0}.rail-item.active{background:var(--navy-active);color:#fff;border-left-color:var(--accent);font-weight:600}.rail-item.sub{padding-left:32px;font-size:12px}.rail-foot{padding:12px 18px;border-top:1px solid rgba(255,255,255,.07);font-size:11px}.rail-foot label{display:block;color:var(--rail-text);margin-bottom:4px}.rail-collapse{background:none;border:none;color:var(--rail-text);text-align:left;padding:10px 18px 14px}.rail-collapse:hover{color:#fff}.body{display:flex;flex-direction:column;min-width:0;height:100%}.topbar{background:var(--navy);display:flex;align-items:stretch;justify-content:space-between;padding:0 16px;flex:0 0 44px}.tabs{display:flex;gap:2px}.tab{display:flex;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;color:var(--rail-text);border-bottom:2px solid transparent}.tab:hover{color:#dfe6f0}.tab.active{color:#fff;font-weight:600;border-bottom-color:var(--accent);background:var(--navy-light)}.tab-num{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:3px;background:#ffffff24;font-size:10px;font-weight:700}.tab.active .tab-num{background:var(--accent);color:#fff}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-asof{font-size:11px;color:var(--rail-text)}.avatar{width:26px;height:26px;border-radius:50%;background:var(--navy-active);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18)}.page{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:14px 16px 10px;overflow:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-title{display:flex;align-items:center;gap:6px;font-size:19px;font-weight:700}.page-sub{font-size:11.5px;color:var(--ink-muted)}.hint{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--border-strong);color:var(--ink-muted);font-size:10px;font-weight:700;cursor:help}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:11px 13px;min-width:0}.kpi-value{font-size:25px;font-weight:700;line-height:30px;letter-spacing:-.01em}.kpi-value.alarm{color:var(--red)}.kpi-label{font-size:11px;color:var(--ink-muted);line-height:15px}.kpi-note{font-size:11px;color:var(--ink-faint);line-height:15px;min-height:15px}.toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.toolbar .spacer{flex:1}.btn{background:var(--card);border:1px solid var(--border-strong);border-radius:6px;padding:5px 11px;color:var(--ink)}.btn:hover:not(:disabled){border-color:var(--ink-faint);background:#fbfcfe}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary:hover:not(:disabled){background:#1a45bd}.btn.danger{color:var(--red);border-color:#eabcbc}input[type=text],input[type=email],input[type=search],select{font-family:inherit;font-size:12px;padding:5px 9px;border:1px solid var(--border-strong);border-radius:6px;background:var(--card);color:var(--ink)}.rail-foot input{width:100%;background:var(--navy-light);border-color:#ffffff24;color:#fff}.search{min-width:260px}.chip{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600;line-height:17px;white-space:nowrap;color:var(--grey);background:var(--grey-bg)}.chip.mapped,.chip.confirmed{color:var(--green);background:var(--green-bg)}.chip.partially-mapped,.chip.suggested,.chip.partially-confirmed,.chip.gap{color:var(--amber);background:var(--amber-bg)}.chip.conflict,.chip.error{color:var(--red);background:var(--red-bg)}.chip.needs-review,.chip.suggested-match{color:var(--blue);background:var(--blue-bg)}.chip.warning{color:var(--violet);background:var(--violet-bg)}.muted{color:var(--ink-faint)}.panel{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid var(--border)}.panel-title{font-size:13px;font-weight:700}.panel-body{padding:11px 13px}.panels-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:12px}table.plain{width:100%;border-collapse:collapse;font-size:12px}table.plain th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-weight:600;padding:5px 8px;border-bottom:1px solid var(--border);white-space:nowrap}table.plain td{padding:5px 8px;border-bottom:1px solid #f1f4f8}table.plain tr:last-child td{border-bottom:none}.grid-wrap{flex:1;min-height:380px;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.grid-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--ink-muted);padding:2px 2px 0}.legend{display:flex;gap:14px;flex-wrap:wrap}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.cell-override{box-shadow:inset 0 0 0 1px var(--accent)}.cell-inherited{color:var(--ink-muted)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b2e47;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,92vw);background:var(--page-bg);border-left:1px solid var(--border);box-shadow:-8px 0 24px #0f1b2e1f;z-index:41;display:flex;flex-direction:column}.drawer-head{background:var(--card);border-bottom:1px solid var(--border);padding:12px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.drawer-body{flex:1;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:12px}.drawer-close{background:none;border:none;font-size:18px;line-height:1;color:var(--ink-muted)}.field-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.field-row label{flex:0 0 92px;font-size:11px;color:var(--ink-muted)}.field-row select,.field-row input{flex:1;min-width:0}textarea{font-family:inherit;font-size:12px;width:100%;min-height:60px;padding:6px 9px;border:1px solid var(--border-strong);border-radius:6px;resize:vertical}.notice{border-radius:6px;padding:8px 11px;font-size:12px;border:1px solid}.notice.error{color:var(--red);background:var(--red-bg);border-color:#f0c8c8}.notice.ok{color:var(--green);background:var(--green-bg);border-color:#bfe4d1}.notice.info{color:var(--ink-muted);background:var(--card);border-color:var(--border)}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:60;box-shadow:0 6px 20px #0f1b2e2e}.stub{display:flex;flex-direction:column;gap:8px;max-width:620px}.cell-mapped,.cell-confirmed{color:var(--green);background:var(--green-bg);font-weight:600}.cell-partially-mapped,.cell-suggested,.cell-partially-confirmed{color:var(--amber);background:var(--amber-bg);font-weight:600}.cell-conflict{color:var(--red);background:var(--red-bg);font-weight:600}.cell-needs-review,.cell-suggested-match{color:var(--blue);background:var(--blue-bg);font-weight:600}.cell-unmapped,.cell-unclassified{color:var(--grey);background:var(--grey-bg)}.cell-editable{background:#fdfdff;box-shadow:inset 1px 0 0 var(--border),inset -1px 0 0 var(--border)}.cell-numeric{font-variant-numeric:tabular-nums}