:root{--c-bg:#0a0c12;--c-bg-2:#0f1219;--c-bg-3:#161b27;--c-surface:#1c2235;--c-surface-2:#232b40;--c-border:#2a3350;--c-border-2:#3a4a6b;--c-primary:#3b82f6;--c-primary-h:#2563eb;--c-primary-glow:#3b82f633;--c-accent:#06b6d4;--c-accent-h:#0891b2;--c-success:#10b981;--c-warning:#f59e0b;--c-danger:#ef4444;--c-text:#e2e8f0;--c-text-2:#94a3b8;--c-text-3:#64748b;--c-risk-low:#10b981;--c-risk-med:#f59e0b;--c-risk-high:#ef4444;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 24px var(--c-primary-glow);--t-fast:.12s ease;--t-med:.22s ease;--t-slow:.38s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;height:100vh;line-height:1.6;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-bg-2)}::-webkit-scrollbar-thumb{background:var(--c-border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}h1{letter-spacing:-.03em;font-size:1.75rem;font-weight:800}h2{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}h3{font-size:1rem;font-weight:600}h4{font-size:.875rem;font-weight:600}.text-primary{color:var(--c-primary)}.text-accent{color:var(--c-accent)}.text-success{color:var(--c-success)}.text-warning{color:var(--c-warning)}.text-danger{color:var(--c-danger)}.text-muted{color:var(--c-text-2)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.w-full{width:100%}.grow{flex-grow:1}.shrink-0{flex-shrink:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.btn{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;border:none;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover:not(:disabled){background:var(--c-primary-h);transform:translateY(-1px);box-shadow:0 4px 16px #3b82f673}.btn-ghost{color:var(--c-text-2);border:1px solid var(--c-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--c-surface);color:var(--c-text);border-color:var(--c-border-2)}.btn-danger{color:var(--c-danger);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover:not(:disabled){background:#ef444440}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:.8rem}.btn-lg{padding:var(--sp-3) var(--sp-6);font-size:1rem}.btn-icon{padding:var(--sp-2);border-radius:var(--r-sm)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.card-sm{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md)}.input{background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-md);width:100%;color:var(--c-text);font-family:var(--font-sans);padding:var(--sp-2) var(--sp-3);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;font-size:.875rem}.input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-glow)}.input::placeholder{color:var(--c-text-3)}textarea.input{resize:vertical;min-height:80px;line-height:1.5}.select{appearance:none;background:var(--c-bg-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text);font-family:var(--font-sans);padding:var(--sp-2) 32px var(--sp-2) var(--sp-3);cursor:pointer;transition:border-color var(--t-fast);outline:none;font-size:.875rem}.select:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-glow)}.label{color:var(--c-text-2);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--sp-1);font-size:.75rem;font-weight:600;display:block}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-primary{color:var(--c-primary);background:#3b82f626;border:1px solid #3b82f64d}.badge-accent{color:var(--c-accent);background:#06b6d426;border:1px solid #06b6d44d}.badge-success{color:var(--c-success);background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:var(--c-warning);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-danger{color:var(--c-danger);background:#ef444426;border:1px solid #ef44444d}.divider{border:none;border-top:1px solid var(--c-border)}.progress-bar{background:var(--c-bg-3);border-radius:2px;height:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--c-primary), var(--c-accent));height:100%;transition:width var(--t-slow);border-radius:2px}.tooltip-wrapper{position:relative}.tooltip-wrapper:hover .tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.tooltip{background:var(--c-surface-2);border:1px solid var(--c-border-2);color:var(--c-text);border-radius:var(--r-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:all var(--t-fast);z-index:1000;box-shadow:var(--shadow-md);padding:4px 10px;font-size:.75rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--t-med) both}.animate-slide-in{animation:slideIn var(--t-med) both}.animate-spin{animation:1s linear infinite spin}.animate-pulse-dot{animation:1.4s ease-in-out infinite pulse-dot}.skeleton{background:linear-gradient(90deg, var(--c-surface) 25%, var(--c-surface-2) 50%, var(--c-surface) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.6s infinite shimmer}.react-flow__background{background:var(--c-bg)!important}.react-flow__controls{background:var(--c-surface)!important;border:1px solid var(--c-border)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-md)!important}.react-flow__controls-button{background:var(--c-surface)!important;border-color:var(--c-border)!important;color:var(--c-text-2)!important}.react-flow__controls-button:hover{background:var(--c-surface-2)!important;color:var(--c-text)!important}.react-flow__minimap{background:var(--c-surface)!important;border:1px solid var(--c-border)!important;border-radius:var(--r-md)!important}.react-flow__edge-path{stroke-width:2px;stroke:var(--c-border-2)!important}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--c-primary)!important}.react-flow__handle{border:2px solid var(--c-primary)!important;background:var(--c-bg)!important;width:10px!important;height:10px!important}.app-shell{flex-direction:column;height:100vh;display:flex}.app-body{flex:1;display:flex;overflow:hidden}.main-area{flex:1;position:relative;overflow:hidden}.sidebar{background:var(--c-bg-2);border-left:1px solid var(--c-border);flex-shrink:0;width:340px;overflow-y:auto}.sidebar-section{padding:var(--sp-4);border-bottom:1px solid var(--c-border)}.chat-bubble{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);max-width:85%;animation:fadeIn var(--t-med) both;font-size:.9rem;line-height:1.6}.chat-bubble-user{color:var(--c-text);background:#3b82f626;border:1px solid #3b82f640;align-self:flex-end}.chat-bubble-ai{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);align-self:flex-start}.module-node{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);min-width:240px;box-shadow:var(--shadow-md);transition:box-shadow var(--t-fast), border-color var(--t-fast);overflow:hidden}.module-node:hover{box-shadow:var(--shadow-lg);border-color:var(--c-border-2)}.module-node.selected{border-color:var(--c-primary);box-shadow:var(--shadow-glow)}.module-node-header{padding:var(--sp-3) var(--sp-4);align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--c-border);display:flex}.module-node-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.module-node-body{padding:var(--sp-3) var(--sp-4)}.module-node-footer{padding:var(--sp-2) var(--sp-4);background:var(--c-bg-2);border-top:1px solid var(--c-border);justify-content:space-between;align-items:center;display:flex}.roi-metric{padding:var(--sp-3);background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-md);flex-direction:column;gap:2px;display:flex}.roi-metric-value{background:linear-gradient(135deg, var(--c-primary), var(--c-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}.roi-metric-label{color:var(--c-text-3);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.score-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.score-high{background:var(--c-success);box-shadow:0 0 6px var(--c-success)}.score-medium{background:var(--c-warning);box-shadow:0 0 6px var(--c-warning)}.score-low{background:var(--c-danger);box-shadow:0 0 6px var(--c-danger)}.step-indicator{align-items:center;gap:var(--sp-2);display:flex}.step-dot{border:2px solid var(--c-border);width:28px;height:28px;color:var(--c-text-3);transition:all var(--t-med);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.step-dot.active{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-glow)}.step-dot.done{border-color:var(--c-success);background:var(--c-success);color:#fff}.step-line{background:var(--c-border);border-radius:1px;flex:1;height:2px}.step-line.done{background:var(--c-success)}