*,*:before,*:after{box-sizing:border-box}:root{--bg: #f0f2f5;--bg-elev: #ffffff;--bg-card: #ffffff;--bg-subtle: #f9fafb;--bg-code: #f3f4f6;--nav-a: #1e1b4b;--nav-b: #312e81;--border: #e5e7eb;--border-2: #d1d5db;--fg: #1a1a2e;--fg-muted: #6b7280;--fg-dim: #9ca3af;--accent: #4f46e5;--accent-2: #7c3aed;--ok: #10b981;--warn: #f59e0b;--danger: #ef4444;--info: #3b82f6;--cyan: #06b6d4;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.04);--radius: 12px}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--fg)}body{font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:0 24px;height:56px;background:linear-gradient(135deg,var(--nav-a) 0%,var(--nav-b) 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:baseline;gap:8px;color:#fff;font-weight:700;letter-spacing:-.3px}.brand-mark{color:#818cf8;font-size:18px;transform:translateY(2px)}.brand-name{font-size:16px}.brand-sub{color:#ffffffb3;font-size:12px;font-weight:500;margin-left:2px}.topnav{display:flex;gap:4px;margin-left:18px;flex:1;flex-wrap:wrap}.nav-link{color:#ffffffa6;text-decoration:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;transition:.15s}.nav-link:hover{background:#ffffff1f;color:#fff}.nav-link.active{background:#ffffff2e;color:#fff}.content{flex:1;padding:24px 32px 48px;max-width:1500px;width:100%;margin:0 auto}.footer{padding:10px 24px;border-top:1px solid var(--border);background:#fff;color:var(--fg-muted);font-size:12px}.footer code{color:var(--fg);background:var(--bg-code);padding:1px 6px;border-radius:4px;font-size:11px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow);flex:1;min-width:0}.card.wide{flex:2}.card-title{font-weight:600;font-size:13px;color:var(--fg);text-transform:uppercase;letter-spacing:.4px;margin-bottom:12px}.card-sub{color:var(--fg-muted);font-size:12px;margin-top:2px}.page{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:16px;flex-wrap:wrap}.page-header h1{font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.row{display:flex;gap:20px;flex-wrap:wrap}.inline{display:flex;gap:8px;align-items:center}.muted{color:var(--fg-muted)}.section-title{font-size:15px;font-weight:600;color:var(--fg);display:flex;align-items:center;gap:8px;margin-bottom:10px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--fg);font-size:13px;font-weight:500;cursor:pointer;transition:.15s}.btn:hover{background:var(--bg-subtle);border-color:var(--border-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#4338ca;border-color:#4338ca}.btn-ghost{border-color:transparent;color:var(--fg-muted);background:transparent}.btn-ghost:hover{background:var(--bg-subtle);color:var(--fg);border-color:transparent}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.input,.select,.search{background:#fff;border:1px solid var(--border-2);color:var(--fg);padding:7px 10px;border-radius:8px;font-size:13px;outline:none;min-width:140px}.input:focus,.select:focus,.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f}textarea.input{font-family:ui-monospace,SFMono-Regular,monospace;resize:vertical}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;color:var(--fg-muted)}.field>label{font-weight:500;color:var(--fg)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kpi{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;box-shadow:var(--shadow)}.kpi-label{color:var(--fg-muted);font-size:12px;text-transform:uppercase;letter-spacing:.3px;font-weight:500}.kpi-value{font-size:30px;font-weight:700;margin-top:4px;color:var(--fg);letter-spacing:-.8px;line-height:1}.kpi-sub{color:var(--fg-muted);font-size:12px;margin-top:4px}.tone-ok .kpi-value{color:var(--ok)}.tone-warn .kpi-value{color:var(--warn)}.tone-danger .kpi-value{color:var(--danger)}.tone-info .kpi-value{color:var(--info)}.card-gauge{display:flex;align-items:center;justify-content:center;position:relative;min-width:260px}.gauge{position:relative;width:100%}.gauge-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;margin-top:10px}.gauge-value{font-size:42px;font-weight:700;color:var(--fg)}.gauge-caption{color:var(--fg-muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}.table-wrap{overflow-x:auto}.table-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--fg-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;border-bottom:2px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff}.data-table th.sort{color:var(--accent)}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--fg)}.data-table tbody tr:hover td{background:var(--bg-subtle)}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;background:var(--bg-code);color:var(--fg-muted);border:1px solid transparent}.pill.sev-critical{background:#fef2f2;color:#dc2626}.pill.sev-high{background:#fff7ed;color:#ea580c}.pill.sev-medium{background:#fffbeb;color:#d97706}.pill.sev-low{background:#eff6ff;color:#2563eb}.pill.sev-info{background:#f3f4f6;color:#6b7280}.pill.st-open{background:#fef2f2;color:#dc2626}.pill.st-triaged{background:#fffbeb;color:#d97706}.pill.st-in_progress{background:#eef2ff;color:#4f46e5}.pill.st-blocked{background:#f3f4f6;color:#4b5563}.pill.st-resolved{background:#ecfdf5;color:#059669}.pill.st-closed{background:#f3f4f6;color:#6b7280}.pill-red{background:#fef2f2;color:#dc2626}.pill-amber{background:#fffbeb;color:#d97706}.pill-green{background:#ecfdf5;color:#059669}.pill-blue{background:#eff6ff;color:#2563eb}.pill-purple{background:#f5f3ff;color:#7c3aed}.pill-gray{background:#f3f4f6;color:#6b7280}.pill-cyan{background:#ecfeff;color:#0e7490}.auth-panel{position:relative;margin-left:auto}.auth-panel .user-pill{background:#ffffff24;color:#fff;border-color:#ffffff2e}.auth-panel .user-pill:hover{background:#ffffff38;color:#fff}.auth-panel .user-pill .user-name{color:#fff}.auth-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--fg-dim);margin-right:6px}.auth-dot[data-has="1"]{background:var(--ok)}.auth-drop{position:absolute;right:0;top:46px;width:320px;z-index:60;color:var(--fg)}.auth-actions{display:flex;gap:8px;margin-top:6px}.hint{font-size:11px;color:var(--fg-muted);margin:8px 0 0}.loading{display:flex;align-items:center;gap:12px;color:var(--fg-muted);padding:40px;justify-content:center}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:10px;display:flex;flex-direction:column;gap:6px}.error-detail{color:#b91c1c;font-size:12px;font-family:ui-monospace,monospace}.json-preview{background:var(--bg-code);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:11.5px;font-family:ui-monospace,SFMono-Regular,monospace;max-height:300px;overflow:auto;color:#1f2937}.category-list{flex:0 0 240px}.cat-list{list-style:none;padding:0;margin:0;max-height:520px;overflow:auto}.cat-list li{margin-bottom:2px}.cat-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;color:var(--fg);border:1px solid transparent;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px}.cat-btn:hover{background:var(--bg-subtle)}.cat-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.lookup-form{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.swatch{display:inline-block;padding:2px 10px;border-radius:4px;color:#000;font-family:ui-monospace,monospace;font-size:11px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top left,rgba(99,102,241,.15),transparent 60%),radial-gradient(ellipse at bottom right,rgba(16,185,129,.1),transparent 60%),var(--bg);padding:20px}.login-card{width:100%;max-width:440px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:32px;box-shadow:var(--shadow-lg)}.brand-login{justify-content:center;font-size:20px;margin-bottom:4px;color:var(--fg)}.brand-login .brand-mark{color:var(--accent)}.brand-login .brand-name{color:var(--fg)}.brand-login .brand-sub{color:var(--fg-muted)}.login-sub{text-align:center;margin:0 0 20px;color:var(--fg-muted)}.login-tabs{display:flex;gap:4px;background:var(--bg-code);padding:3px;border-radius:10px;margin-bottom:20px}.tab{flex:1;background:transparent;color:var(--fg-muted);border:none;padding:8px 12px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:500}.tab:hover{color:var(--fg)}.tab.active{background:#fff;color:var(--fg);box-shadow:0 1px 2px #00000014}.login-form{display:flex;flex-direction:column;gap:12px}.row-inline{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--fg-muted)}.btn-block{width:100%;padding:10px 14px;font-size:14px;justify-content:center}.user-pill{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px}.avatar{width:28px;height:28px;border-radius:999px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.avatar.lg{width:40px;height:40px;font-size:14px}.user-name{font-size:13px;color:var(--fg);max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.user-block{display:flex;gap:12px;align-items:center;margin-bottom:12px}.kv{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--fg-muted);padding:4px 0;border-top:1px dashed var(--border)}.kv code{color:var(--fg);font-family:ui-monospace,monospace;font-size:11px;max-width:220px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:var(--bg-code);padding:1px 6px;border-radius:4px}.graph-wrap{width:100%;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:8px}.lineage-svg{display:block;min-width:920px;background:#fff}.node{stroke:var(--border-2);stroke-width:1;fill:#fff}.node-focal{fill:var(--accent);stroke:var(--accent-2)}.node-in{fill:#eff6ff;stroke:#93c5fd}.node-out{fill:#ecfdf5;stroke:#6ee7b7}.node-name{fill:var(--fg);font-size:12px;font-weight:600}.node-focal .node-name,g:has(.node-focal) .node-name{fill:#fff}.node-sub{fill:var(--fg-muted);font-size:10.5px}.edge{stroke:var(--border-2);stroke-width:1.5}.edge-label{fill:var(--fg-muted);font-size:10px}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--bg-code);color:var(--fg);border:1px solid var(--border);font-size:11px;font-weight:500}.chip.risk-low{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.chip.risk-medium{background:#fffbeb;color:#b45309;border-color:#fcd34d}.chip.risk-high{background:#fff7ed;color:#c2410c;border-color:#fdba74}.chip.risk-critical{background:#fef2f2;color:#b91c1c;border-color:#fca5a5}.chip.dot:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;display:inline-block}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-x{margin-left:4px;cursor:pointer;opacity:.6}.tag-x:hover{opacity:1;color:var(--danger)}.kv-list{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12px}.kv-list .k{color:var(--fg-muted);white-space:nowrap}.kv-list .v{color:var(--fg);font-family:ui-monospace,monospace;font-size:11.5px;word-break:break-all}.role-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.role-list li{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle);font-size:12.5px}.role-list li .role-name{font-weight:600;color:var(--fg);font-family:ui-monospace,monospace}.role-list li .role-desc{color:var(--fg-muted)}.auth-obj-table{font-size:12px;width:100%;border-collapse:collapse}.auth-obj-table th,.auth-obj-table td{padding:6px 8px;border-bottom:1px solid var(--border);text-align:left}.auth-obj-table th{color:var(--fg-muted);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}.auth-obj-table code{font-size:11px;background:var(--bg-code);padding:1px 4px;border-radius:3px}.rfc-flow{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.rfc-flow .node-lbl{padding:4px 10px;border-radius:6px;background:#fff;border:1px solid var(--border);font-size:12px;font-weight:600}.rfc-flow .node-lbl.agent{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.rfc-flow .node-lbl.apim{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.rfc-flow .node-lbl.commuser{background:#fffbeb;color:#b45309;border-color:#fcd34d}.rfc-flow .node-lbl.sap{background:#ecfdf5;color:#065f46;border-color:#6ee7b7}.rfc-flow .arrow{color:var(--fg-muted);font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 16px}.section{margin-top:24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 900px){.topbar{height:auto;padding:8px 16px;flex-wrap:wrap}.topnav{margin-left:0;order:3;width:100%}.content{padding:16px}}