:root{--bg: #0a0e17;--bg-surface: #131926;--bg-elevated: #1a2233;--text: #c8d6e5;--text-dim: #6b7d93;--text-bright: #e8f0fe;--accent: #f4a261;--border: #1e2d42;--field-ops: #2d6a4f;--labor-ops: #7b2d8e;--cold-chain: #1d3557;--fsma: #e63946;--distribution: #e76f51;--financial: #f4a261}*{margin:0;padding:0;box-sizing:border-box}body{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;background:var(--bg);color:var(--text);overflow:hidden;height:100vh}#app{display:flex;flex-direction:column;height:100vh}#header{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}#header h1{font-size:16px;font-weight:700;color:var(--text-bright);letter-spacing:.5px}#header .subtitle{font-size:12px;color:var(--text-dim);padding:2px 8px;border:1px solid var(--border);border-radius:4px}#search-container{margin-left:auto}#search{background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:6px 12px;font-family:inherit;font-size:12px;width:220px;outline:none;transition:border-color .2s}#search:focus{border-color:var(--accent)}#controls{display:flex;align-items:center;gap:12px;padding:8px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}#view-toggle{display:flex;margin-right:12px}.view-btn{padding:3px 12px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:11px;cursor:pointer;transition:all .15s}.view-btn:first-child{border-radius:4px 0 0 4px}.view-btn:last-child{border-radius:0 4px 4px 0;border-left:none}.view-btn.active{background:var(--bg-elevated);color:var(--accent);border-color:var(--accent)}.view-btn:last-child.active{border-left:1px solid var(--accent)}#category-filters,#edge-filters{display:flex;gap:6px}.filter-btn{display:flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text);font-family:inherit;font-size:11px;cursor:pointer;transition:all .15s}.filter-btn:hover{background:var(--bg-elevated)}.filter-btn.active{border-color:currentColor;background:var(--bg-elevated)}.filter-btn .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-btn .line-sample{width:16px;height:2px;flex-shrink:0}#critical-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);cursor:pointer;margin-left:auto}#critical-toggle input{accent-color:var(--accent)}#main{display:flex;flex:1;overflow:hidden;position:relative}#graph{flex:1;cursor:grab}#graph:active{cursor:grabbing}.node-group{cursor:pointer}.node-circle{stroke-width:2;transition:r .15s,stroke-width .15s}.node-group:hover .node-circle{stroke-width:3;filter:brightness(1.3)}.node-group.selected .node-circle{stroke-width:3;stroke:var(--text-bright)}.node-group.dimmed .node-circle{opacity:.15}.node-group.dimmed .node-label{opacity:.1}.node-label{fill:var(--text);font-size:9px;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:var(--bg);stroke-width:3px}.node-id{fill:var(--text-bright);font-size:8px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.edge-line{fill:none;transition:opacity .15s}.edge-line.dimmed{opacity:.04}.edge-label{fill:var(--text-dim);font-size:7px;pointer-events:none}#minimap{position:absolute;bottom:12px;left:12px;background:#131926eb;border:1px solid var(--border);border-radius:6px;overflow:hidden;z-index:10;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#minimap-svg{display:block;width:240px;height:160px}#minimap-legend{padding:8px 10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px;max-height:260px;overflow-y:auto}.minimap-section-label{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-top:3px}.minimap-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text);line-height:1.2}.minimap-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.minimap-legend-line{width:18px;height:0;border-top-width:2px;border-top-style:solid;flex-shrink:0}#panel{width:340px;background:var(--bg-surface);border-left:1px solid var(--border);overflow-y:auto;flex-shrink:0;padding:16px}#panel-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-size:13px}.hidden{display:none!important}#panel-content h2{font-size:14px;color:var(--text-bright);margin-bottom:4px}#panel-content .node-short{font-size:11px;color:var(--text-dim);margin-bottom:16px;line-height:1.5}#panel-content .badge{display:inline-block;padding:1px 8px;border-radius:3px;font-size:10px;font-weight:600;margin-right:4px;margin-bottom:4px}#panel-content .badge-category{color:#fff}#panel-content .badge-risk{border:1px solid}.risk-low{color:#2d6a4f;border-color:#2d6a4f}.risk-medium{color:#f4a261;border-color:#f4a261}.risk-high{color:#e76f51;border-color:#e76f51}.risk-critical{color:#e63946;border-color:#e63946}#panel-content section{margin-bottom:14px}#panel-content section h3{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:6px;border-bottom:1px solid var(--border);padding-bottom:3px}#panel-content ul{list-style:none;padding:0}#panel-content li{font-size:11px;padding:2px 0;color:var(--text);line-height:1.4}#panel-content li:before{content:">";color:var(--accent);margin-right:6px;font-weight:700}#panel-content .state-flow{display:flex;gap:4px;flex-wrap:wrap}#panel-content .state-chip{padding:2px 8px;border:1px solid var(--border);border-radius:3px;font-size:10px;color:var(--text-dim)}#panel-content .state-chip:after{content:" →";color:var(--accent)}#panel-content .state-chip:last-child:after{content:""}#panel-content .industry-row{display:flex;justify-content:space-between;font-size:11px;padding:2px 0;border-bottom:1px solid var(--border)}#panel-content .industry-key{color:var(--text-dim)}#panel-content .industry-val{color:var(--accent);font-weight:600}#panel-content .odoo-model{font-family:inherit;padding:1px 6px;background:var(--bg);border-radius:3px;font-size:10px;color:var(--accent);display:inline-block;margin:1px 2px}.ai-bar{display:flex;align-items:center;gap:6px;margin-top:4px}.ai-bar-track{flex:1;height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.ai-bar-fill{height:100%;border-radius:3px;transition:width .3s}.ai-bar-label{font-size:10px;color:var(--text-dim);min-width:60px}.edge-data_flow{stroke:#457b9d}.edge-physical_flow{stroke:#2d6a4f;stroke-width:2.5}.edge-regulatory_trigger{stroke:#e63946;stroke-dasharray:4 3}.edge-decision_gate{stroke:#f4a261;stroke-dasharray:6 3}.edge-financial_flow{stroke:#e9c46a;stroke-dasharray:8 4}.edge-time_constraint{stroke:#7b2d8e;stroke-dasharray:2 2}.edge-exception_flow{stroke:#6b7d93;stroke-dasharray:3 2 1 2}.edge-critical{stroke:#ff6b6b!important;stroke-width:3!important;filter:drop-shadow(0 0 4px rgba(255,107,107,.5))}.node-group.traced .node-circle{stroke:#0fc!important;stroke-width:3;filter:drop-shadow(0 0 6px rgba(0,255,204,.4))}.edge-line.traced{stroke:#0fc!important;stroke-width:3!important;stroke-opacity:.9!important;filter:drop-shadow(0 0 4px rgba(0,255,204,.4))}#trace-hint{font-size:11px;color:#0fc;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#trace-btn.active,#export-trace-btn{border-color:#0fc;color:#0fc}#export-trace-btn:hover{background:#00ffcc1a}.edge-line{cursor:pointer}.kisac-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}.kisac-dim{font-size:10px;color:var(--text-dim);min-width:64px;text-transform:capitalize}.kisac-bars{flex:1}.kisac-bar-pair{display:flex;align-items:center;gap:3px}.kisac-bar-track{flex:1;height:5px;background:var(--bg);border-radius:2px;overflow:hidden}.kisac-bar-fill{height:100%;border-radius:2px;transition:width .3s}.kisac-human{background:#457b9d}.kisac-ai{background:#e63946}.kisac-val{font-size:9px;color:var(--text-dim);min-width:14px;text-align:center}.kisac-winner{color:var(--text-bright);font-weight:700}.kisac-auc{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;border-top:1px solid var(--border)}.kisac-auc-val{font-size:10px;color:var(--accent);font-weight:600}.kisac-summary{font-size:10px;color:var(--text-dim);margin-top:6px;font-style:italic;line-height:1.4}#scatter{flex:1;background:var(--bg)}.scatter-axis text{fill:var(--text-dim);font-size:9px;font-family:inherit}.scatter-axis line,.scatter-axis path{stroke:var(--border)}.scatter-axis-label{fill:var(--text);font-size:11px;font-family:inherit}.scatter-grid line{stroke:var(--border);stroke-opacity:.3}.scatter-quadrant-line{stroke:var(--text-dim);stroke-dasharray:6 4;stroke-opacity:.25}.scatter-quadrant-label{fill:var(--text-dim);font-size:10px;font-family:inherit;opacity:.25}.scatter-dot{cursor:pointer;stroke-width:2;transition:stroke-width .15s,opacity .15s}.scatter-dot:hover{stroke-width:3;filter:brightness(1.3)}.scatter-dot.selected{stroke:var(--text-bright)!important;stroke-width:3}.scatter-dot.dimmed{opacity:.1}.scatter-id{fill:var(--text-bright);font-size:7px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.scatter-id.dimmed{opacity:.1}.cluster-circle{cursor:pointer;transition:fill-opacity .2s,filter .2s}.cluster-circle:hover{fill-opacity:.25;filter:brightness(1.3)}.cluster-label{fill:var(--text-bright);font-size:12px;font-weight:600;text-anchor:middle;pointer-events:none}.cluster-count{fill:var(--text-dim);font-size:10px;text-anchor:middle;pointer-events:none}.node-group.clustered,.edge-line.clustered{opacity:0;pointer-events:none;transition:opacity .2s}#panel-handle{display:none;width:36px;height:4px;background:var(--text-dim);border-radius:2px;margin:8px auto 4px;cursor:pointer}#panel-toggle-btn{display:none;position:absolute;bottom:16px;right:16px;padding:8px 16px;background:var(--accent);color:var(--bg);border:none;border-radius:20px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;z-index:20;box-shadow:0 2px 8px #0006;transition:transform .15s}#panel-toggle-btn:hover{transform:scale(1.05)}.scatter-tooltip{position:absolute;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:6px 10px;font-size:11px;color:var(--text);pointer-events:none;z-index:100;white-space:nowrap;box-shadow:0 2px 8px #0000004d}@media(max-width:1024px){#panel{width:280px}#search{width:160px}#minimap-svg{width:180px;height:120px}#minimap-legend{max-height:200px}#controls{gap:8px;padding:6px 12px}.filter-btn{font-size:10px;padding:2px 8px}}@media(max-width:768px){#header{padding:8px 12px;gap:8px}#header h1{font-size:13px}#header .subtitle{display:none}#search{width:120px;font-size:11px;padding:4px 8px}#controls{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;gap:6px;padding:6px 12px;scrollbar-width:none}#controls::-webkit-scrollbar{display:none}#category-filters,#edge-filters{flex-wrap:nowrap;flex-shrink:0}.filter-btn{white-space:nowrap;flex-shrink:0}#view-toggle{margin-right:6px;flex-shrink:0}#critical-toggle{margin-left:0;flex-shrink:0}#panel{position:absolute;bottom:0;left:0;right:0;width:100%;height:auto;max-height:50vh;border-left:none;border-top:1px solid var(--border);border-radius:12px 12px 0 0;transform:translateY(100%);transition:transform .3s ease;z-index:30}#panel.open{transform:translateY(0)}#panel-handle,#panel-toggle-btn{display:block}#panel-placeholder,#minimap{display:none}#graph,#scatter{touch-action:none}}