.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{color-scheme:dark;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;--bg: #071019;--panel: #0d1824;--panel-strong: #122131;--panel-soft: rgba(14, 24, 36, .72);--line: rgba(157, 177, 194, .18);--line-strong: rgba(157, 177, 194, .3);--text: #f3f7fb;--muted: #99b0c3;--accent: #79d1ff;--good: #7ce0b8;--warning: #f0c16b;--danger: #ff8f80;--shadow: 0 20px 48px rgba(0, 0, 0, .24)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 0% 0%,rgba(121,209,255,.08),transparent 22%),radial-gradient(circle at 100% 0%,rgba(124,224,184,.05),transparent 18%),linear-gradient(180deg,#061018,#08131d 40%,#081119)}button,input{font:inherit}.dashboard-shell{min-height:100vh;padding:24px}.dashboard-shell--immersive{padding:16px 18px 20px}.shell-header,.section-card,.engine-card,.landing-panel,.metric-pill,.error-banner,.empty-state,.loading-screen,.graph-shell{border:1px solid var(--line);background:linear-gradient(180deg,#0f1a26f5,#09111bfa);box-shadow:var(--shadow)}.shell-header{display:flex;justify-content:space-between;gap:24px;padding:24px;border-radius:24px}.shell-header--immersive{padding:18px 20px;border-radius:20px}.shell-header__brand h1,.section-card h2,.engine-card h2,.landing-panel h1,.graph-shell__header h2,.graph-node h3{margin:0;line-height:1.04}.shell-header__brand p:last-child,.muted-copy,.engine-card p,.landing-panel p,.note-block p,.empty-inline,.empty-state p,.graph-node p,.graph-shell__header p{color:var(--muted)}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.shell-nav,.engine-workspace-tabs,.shared-route-row,.engine-card__quick-links{display:flex;flex-wrap:wrap;gap:10px}.shell-nav{margin:18px 0 0}.nav-link,.quick-link,.session-card button,.auth-form button,.graph-node__drag{border:1px solid var(--line-strong);background:#101c28eb;color:var(--text);border-radius:14px;padding:12px 16px;cursor:pointer}.quick-link,.graph-node__drag{padding:10px 12px}.nav-link--active,.nav-link:hover,.quick-link:hover,.session-card button:hover,.auth-form button:hover,.graph-node__drag:hover{border-color:#79d1ff66;background:#122131fa}.session-card{display:grid;gap:8px;min-width:220px}.session-card span{color:var(--muted);font-size:.8rem}.shell-content,.page-grid{display:grid;gap:18px;margin-top:20px}.dashboard-shell--immersive .shell-content{margin-top:14px}.page-grid--executive{gap:22px}.page-grid--immersive{gap:14px}.section-card,.graph-shell{padding:22px;border-radius:22px}.section-card--compact{padding:18px 20px}.metric-row,.detail-grid,.card-grid{display:grid;gap:14px}.metric-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px}.metric-pill{padding:16px;border-radius:16px}.metric-pill span,.detail-grid span,.detail-list span,.graph-node__metrics span,.graph-node__meta span{display:block;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.metric-pill strong,.detail-grid strong,.detail-list strong,.graph-node__metrics strong,.graph-node__meta strong{display:block;margin-top:8px;font-size:1rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card-grid--executive{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.card-grid--dense{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.engine-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:20px;border-radius:20px;text-align:left;color:inherit}.engine-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.engine-card__quick-links{margin-top:18px}.engine-card--spotlight{padding:26px}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:8px 10px;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid var(--line)}.status-chip--good,.engine-card--good,.graph-node--good{border-color:#7ce0b847}.status-chip--warning,.engine-card--warning,.graph-node--warning{border-color:#f0c16b47}.status-chip--danger,.engine-card--danger,.graph-node--danger{border-color:#ff8f8047}.status-chip--muted,.engine-card--muted,.graph-node--muted{border-color:#9db1c22e}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:14px}.detail-grid--executive{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.detail-list,.note-block{margin-top:14px}.note-block--executive{background:#0a141fc2}.note-block{padding:14px;border:1px solid var(--line);border-radius:16px}.policy-list,.relationship-list{display:grid;gap:10px}.relationship-row{padding:16px;border:1px solid var(--line);border-radius:16px;background:#0a131eb8}.relationship-row span{display:inline-block;margin:0 8px;color:var(--accent);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.relationship-row p{margin:10px 0 0}.policy-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px}.engine-workspace-hero{overflow:hidden}.engine-workspace-hero--immersive{padding-bottom:18px}.engine-workspace-tabs{margin-top:18px}.table-shell,.graph-stage{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.graph-shell__header{display:grid;gap:10px}.page-grid--immersive .graph-shell{min-height:calc(100vh - 250px)}.graph-shell__actions{display:grid;gap:12px}.graph-shell__action{justify-self:start;border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:999px;padding:8px 14px;cursor:pointer}.graph-shell__action:hover{border-color:#79d1ff66}.graph-legend,.graph-group-row{display:grid;gap:12px}.graph-legend{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:18px}.graph-group-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:16px}.graph-group-chip{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--panel-soft)}.graph-group-chip--good{border-color:#7ce0b838}.graph-group-chip--warning{border-color:#f0c16b38}.graph-group-chip--danger{border-color:#ff8f8038}.graph-group-chip strong,.graph-group-chip span{display:block}.graph-group-chip span{margin-top:6px;color:var(--muted);font-size:.88rem}.graph-hint{margin:14px 0 0;color:var(--muted);font-size:.86rem}.graph-board{position:relative;margin-top:18px;min-height:720px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(rgba(121,209,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(121,209,255,.05) 1px,transparent 1px),#070f18f5;background-size:40px 40px}.graph-board__edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.graph-edge{fill:none;stroke:#99b0c361;stroke-width:2px}.graph-edge--good{stroke:#7ce0b894}.graph-edge--warning{stroke:#f0c16b94}.graph-edge--danger{stroke:#ff8f8094}.graph-edge--highlighted{stroke-width:3px}.graph-edge__label{fill:var(--muted);font-size:12px}.graph-group{fill:#0b141f85;stroke:#9db1c224;stroke-width:1}.graph-group--good{fill:#7ce0b80a;stroke:#7ce0b82e}.graph-group--warning{fill:#f0c16b0a;stroke:#f0c16b2e}.graph-group--danger{fill:#ff8f800a;stroke:#ff8f802e}.graph-group__label{fill:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.graph-node{position:absolute;width:236px;min-height:148px;padding:14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#0e1926fa,#080f18fa);box-shadow:0 12px 28px #00000047;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.graph-node--active{box-shadow:0 0 0 1px #79d1ff38,0 18px 34px #00000057}.graph-node--unhealthy{box-shadow:0 0 0 1px #f0c16b42,0 18px 34px #00000057}.graph-node--blocked{border-color:#ff8f8070;box-shadow:0 0 0 1px #ff8f8047,0 18px 34px #00000057}.graph-node--stale{border-style:dashed}.graph-node--dragging{cursor:grabbing;z-index:3}.graph-node__controls{display:flex;justify-content:space-between;gap:8px}.graph-node__drag{display:inline-flex;align-items:center;padding:6px 10px;font-size:.78rem;color:var(--muted);border:1px dashed rgba(121,209,255,.24);border-radius:10px}.graph-node__route{border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:10px;padding:6px 10px;cursor:pointer}.graph-node__route:hover{border-color:#79d1ff66}.graph-node__meta{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.graph-node__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.graph-node__badges span{padding:5px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.graph-node__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.landing-shell,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.landing-stage{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr);gap:24px}.landing-panel,.loading-screen,.empty-state{width:min(760px,100%);padding:28px;border-radius:24px}.landing-panel--hero,.landing-panel--auth{width:100%}.landing-panel--hero{min-height:100%}.landing-panel--auth h2{margin:0}.landing-value-grid{display:grid;gap:14px;margin-top:22px}.landing-value{padding:18px;border-radius:18px;border:1px solid var(--line);background:#0a121cb3}.landing-value span{display:block;color:var(--accent);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.landing-value strong{display:block;margin-top:10px;line-height:1.4}.executive-hero{display:grid;gap:18px}.executive-hero__copy{display:grid;gap:10px}.executive-hero__copy h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.08;max-width:18ch}.executive-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric-pill--executive{background:linear-gradient(180deg,#111e2bfa,#08101afa)}.shared-route-row--executive{margin-top:2px}.auth-form{display:grid;gap:14px;margin-top:22px}.auth-form label{display:grid;gap:8px}.auth-form input{border:1px solid var(--line-strong);background:#09111bf5;color:var(--text);border-radius:12px;padding:12px 14px}.form-error,.error-banner{color:var(--danger)}.error-banner{padding:14px 16px;border-radius:16px}.empty-inline{color:var(--muted);padding:10px 0 2px}@media (max-width: 900px){.landing-stage,.shell-header,.engine-card__header,.graph-shell__header{grid-template-columns:1fr;display:grid}.policy-row,.graph-node__metrics{grid-template-columns:1fr}}.graph-shell--premium{padding:24px;border-radius:28px;background:radial-gradient(circle at top left,rgba(121,209,255,.08),transparent 28%),linear-gradient(180deg,#0e1825fa,#070d16fa)}.graph-shell__header--premium{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start}.graph-shell__headline{display:grid;gap:10px}.graph-shell__headline h2{font-size:clamp(1.8rem,2.3vw,2.5rem)}.graph-shell__actions--premium{align-content:start}.graph-legend--premium{margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.graph-group-row--premium{margin-top:18px}.sandbox-hero{display:grid;gap:18px;background:radial-gradient(circle at top right,rgba(124,224,184,.06),transparent 24%),linear-gradient(180deg,#0f1b29f7,#09101afa)}.sandbox-hero__header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.sandbox-hero__summary{display:flex;align-items:center;justify-content:flex-end;min-width:120px}.graph-stage--premium{overflow:hidden;margin-top:18px;border-radius:28px;border:1px solid rgba(157,177,194,.16);background:radial-gradient(circle at top center,rgba(121,209,255,.06),transparent 28%),linear-gradient(180deg,#050a12f5,#070d15fa)}.graph-flow-frame{position:relative;width:100%;height:760px;min-height:760px}.graph-flow{width:100%;height:100%;background:radial-gradient(circle at top left,rgba(121,209,255,.05),transparent 24%),linear-gradient(180deg,#080e17fa,#050a12fa)}.graph-flow .react-flow__renderer,.graph-flow .react-flow__pane,.graph-flow .react-flow__viewport{cursor:default}.graph-flow .react-flow__node-groupRegion{pointer-events:none;z-index:0!important}.graph-flow .react-flow__node-agentNode{z-index:8!important}.graph-flow .react-flow__edge-path{transition:stroke .16s ease,stroke-width .16s ease,opacity .16s ease}.graph-flow .react-flow__edge.animated path{stroke-dasharray:7 6}.graph-flow__edge-label{fill:var(--text);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.graph-flow__edge-label-bg{fill:#070d15eb;stroke:#9db1c229;stroke-width:1}.graph-flow .react-flow__controls{overflow:hidden;border:1px solid rgba(157,177,194,.18);border-radius:16px;background:#080f18eb;box-shadow:0 18px 32px #00000042}.graph-flow .react-flow__controls-button{width:38px;height:38px;border-bottom:1px solid rgba(157,177,194,.14);background:#080f18f0;color:var(--text)}.graph-flow .react-flow__controls-button:hover{background:#122131fa}.graph-flow__minimap{border:1px solid rgba(157,177,194,.16);border-radius:18px;background:#070c14e0;box-shadow:0 16px 30px #0000003d}.graph-flow-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(157,177,194,.16);border-radius:18px;background:#070d15e6;box-shadow:0 18px 32px #00000042;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.graph-flow-toolbar__button{border:1px solid rgba(157,177,194,.18);background:#0f1a26f0;color:var(--text);border-radius:12px;padding:9px 12px;cursor:pointer}.graph-flow-toolbar__button:hover:not(:disabled){border-color:#79d1ff61;background:#122131fa}.graph-flow-toolbar__button:disabled{opacity:.42;cursor:not-allowed}.graph-flow-toolbar__selection{padding-left:6px;color:var(--muted);font-size:.88rem}.graph-group-surface{width:100%;height:100%;padding:18px 20px;border:1px solid rgba(157,177,194,.14);border-radius:30px;background:#0a121d94;box-shadow:inset 0 1px #ffffff08}.graph-group-surface--good{border-color:#7ce0b833;background:linear-gradient(180deg,#7ce0b80d,#0a121d8f)}.graph-group-surface--warning{border-color:#f0c16b33;background:linear-gradient(180deg,#f0c16b0d,#0a121d8f)}.graph-group-surface--danger{border-color:#ff8f8038;background:linear-gradient(180deg,#ff8f800d,#0a121d8f)}.graph-group-surface__label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.graph-group-surface__label,.graph-group-surface__count{color:#f3f7fbe0;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.graph-group-surface p{margin:14px 0 0;max-width:28ch;color:var(--muted);font-size:.9rem;line-height:1.45}.graph-flow-node{width:100%;min-height:214px;padding:14px;border-radius:22px;border:1px solid rgba(157,177,194,.18);background:radial-gradient(circle at top left,rgba(121,209,255,.08),transparent 26%),linear-gradient(180deg,#0f1b29fa,#080f18fa);box-shadow:0 18px 34px #00000052,inset 0 1px #ffffff08;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.graph-flow-node:hover{transform:translateY(-2px);border-color:#79d1ff52}.graph-flow-node--selected{border-color:#79d1ff75;box-shadow:0 0 0 1px #79d1ff2e,0 22px 42px #0000005c}.graph-flow-node--active{box-shadow:0 0 0 1px #79d1ff33,0 22px 42px #0000005c}.graph-flow-node--unhealthy{border-color:#f0c16b47}.graph-flow-node--blocked{border-color:#ff8f806b;box-shadow:0 0 0 1px #ff8f8033,0 22px 42px #00000061}.graph-flow-node--stale{border-style:dashed}.graph-flow-node__handle{width:10px;height:10px;border:2px solid rgba(243,247,251,.88);background:#79d1ffe6}.graph-flow-node__top,.graph-flow-node__headline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.graph-flow-node__kind{color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.graph-flow-node__top-actions{display:inline-flex;gap:8px}.graph-flow-node__drag-handle,.graph-flow-node__open{border:1px solid rgba(157,177,194,.18);background:#0b131ee0;color:var(--text);border-radius:12px;padding:7px 10px;cursor:pointer}.graph-flow-node__drag-handle{cursor:grab}.graph-flow-node__drag-handle:hover,.graph-flow-node__open:hover{border-color:#79d1ff57;background:#122131fa}.graph-flow-node__headline{margin-top:14px}.graph-flow-node__headline h3{margin:0;font-size:1.18rem;line-height:1.08}.graph-flow-node__description{margin:12px 0 0;min-height:42px;color:var(--muted);font-size:.92rem;line-height:1.42;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.graph-flow-node__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.graph-flow-node__badge{padding:5px 9px;border-radius:999px;border:1px solid rgba(157,177,194,.16);background:#0a121cb8;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.graph-flow-node__badge--active{border-color:#79d1ff52;color:var(--accent)}.graph-flow-node__badge--blocked{border-color:#ff8f8057;color:var(--danger)}.graph-flow-node__badge--stale,.graph-flow-node__badge--unhealthy{border-color:#f0c16b47;color:var(--warning)}.graph-flow-node__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.graph-flow-node__metrics div{padding:10px;border:1px solid rgba(157,177,194,.12);border-radius:14px;background:#080e17b8}.graph-flow-node__metrics span,.graph-detail-panel__metrics span{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.graph-flow-node__metrics strong,.graph-detail-panel__metrics strong{display:block;margin-top:8px;font-size:.95rem}.graph-detail-panel{width:330px;padding:18px;border:1px solid rgba(157,177,194,.16);border-radius:22px;background:#070d15eb;box-shadow:0 22px 38px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.graph-detail-panel--empty{width:280px}.graph-detail-panel h3{margin:0}.graph-detail-panel p{color:var(--muted)}.graph-detail-panel__header{display:grid;gap:12px}.graph-detail-panel__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.graph-detail-panel__metrics div{padding:12px;border:1px solid rgba(157,177,194,.12);border-radius:14px;background:#0a121cc7}.graph-detail-panel__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}@media (max-width: 1180px){.graph-shell__header--premium,.sandbox-hero__header{grid-template-columns:1fr;display:grid}.graph-flow-toolbar{flex-wrap:wrap;max-width:min(420px,calc(100vw - 40px))}}@media (max-width: 900px){.graph-flow-node__headline,.graph-flow-node__top{flex-direction:column}.graph-detail-panel{width:min(320px,calc(100vw - 36px))}}