.production{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;height:calc(100vh - 200px)}@media(max-width:1200px){.production{grid-template-columns:1fr;grid-template-rows:500px auto;height:auto}}.production-flow{display:flex;flex-direction:column;gap:1rem;min-height:500px;border:1px solid #DFE4ED;border-radius:8px;overflow:hidden}.production-form{display:grid;grid-template-rows:auto auto;gap:1.5rem;overflow-y:auto;max-height:calc(100vh - 200px)}@media(max-width:1200px){.production-form{max-height:none}}.vue-flow__edge-path{stroke:#4d91ff;stroke-width:2px}.vue-flow__controls button{background:#fff;border:1px solid #CACFDF;color:#515e73}.vue-flow__controls button:hover{background:#f5f8fc}.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-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:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg: #fff;--vf-node-text: #222;--vf-connection-path: #b1b1b7;--vf-handle: #555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;text-align:center;border-width:1px;border-style:solid;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color: var(--vf-node-color, #0041d0);--vf-handle: var(--vf-node-color, #0041d0);--vf-box-shadow: var(--vf-node-color, #0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color, #0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none;border:1px solid var(--vf-node-color, #0041d0)}.vue-flow__node-default{--vf-handle: var(--vf-node-color, #1a192b);--vf-box-shadow: var(--vf-node-color, #1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color, #1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none;border:1px solid var(--vf-node-color, #1a192b)}.vue-flow__node-output{--vf-handle: var(--vf-node-color, #ff0072);--vf-box-shadow: var(--vf-node-color, #ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color, #ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid var(--vf-node-color, #ff0072)}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px;background:var(--vf-handle);border:1px solid #fff;border-radius:100%}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;user-select:none;padding:5px}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}:root,[data-bs-theme=light]{--ga-blue: #005AFF;--ga-red: #FF2A00;--ga-orange: #FF8800;--ga-yellow: #FFD600;--ga-green: #29C746;--ga-cyan: #00E5FF;--ga-white: white;--ga-gray: #9EA6C1;--ga-gray-dark: #515E73;--ga-gray-100: #F5F8FC;--ga-gray-150: #EAEEF5;--ga-gray-200: #DFE4ED;--ga-gray-250: #D4D9E6;--ga-gray-300: #CACFDF;--ga-gray-350: #BFC5D7;--ga-gray-400: #B4BBD0;--ga-gray-450: #A9B0C8;--ga-gray-500: #9EA6C1;--ga-gray-550: #778399;--ga-gray-600: #647087;--ga-gray-650: #545F76;--ga-gray-700: #515E73;--ga-gray-750: #384153;--ga-gray-800: #2A3141;--ga-gray-850: #1C222F;--ga-gray-900: #10151E;--ga-gray-950: #06080C;--ga-primary: #005AFF;--ga-secondary: #FF455C;--ga-success: #29C746;--ga-info: #00E5FF;--ga-warning: #FFD600;--ga-danger: #FF2A00;--ga-light: #F5F8FC;--ga-dark: #10151E;--ga-primary-rgb: 0, 90, 255;--ga-secondary-rgb: 255, 69, 92;--ga-success-rgb: 41, 199, 70;--ga-info-rgb: 0, 229, 255;--ga-warning-rgb: 255, 214, 0;--ga-danger-rgb: 255, 42, 0;--ga-light-rgb: 245, 248, 252;--ga-dark-rgb: 16, 21, 30;--ga-primary-text-emphasis: #002466;--ga-secondary-text-emphasis: rgb(102, 27.6, 36.8);--ga-success-text-emphasis: rgb(16.4, 79.6, 28);--ga-info-text-emphasis: rgb(0, 91.6, 102);--ga-warning-text-emphasis: rgb(102, 85.6, 0);--ga-danger-text-emphasis: rgb(102, 16.8, 0);--ga-light-text-emphasis: #495057;--ga-dark-text-emphasis: #495057;--ga-primary-bg-subtle: #ccdeff;--ga-secondary-bg-subtle: rgb(255, 217.8, 222.4);--ga-success-bg-subtle: rgb(212.2, 243.8, 218);--ga-info-bg-subtle: rgb(204, 249.8, 255);--ga-warning-bg-subtle: rgb(255, 246.8, 204);--ga-danger-bg-subtle: rgb(255, 212.4, 204);--ga-light-bg-subtle: rgb(251.5, 252, 252.5);--ga-dark-bg-subtle: #ced4da;--ga-primary-border-subtle: #99bdff;--ga-secondary-border-subtle: rgb(255, 180.6, 189.8);--ga-success-border-subtle: rgb(169.4, 232.6, 181);--ga-info-border-subtle: rgb(153, 244.6, 255);--ga-warning-border-subtle: rgb(255, 238.6, 153);--ga-danger-border-subtle: rgb(255, 169.8, 153);--ga-light-border-subtle: #e9ecef;--ga-dark-border-subtle: #adb5bd;--ga-white-rgb: 255, 255, 255;--ga-black-rgb: 0, 0, 0;--ga-font-sans-serif: Akkurat, Helvetica, Arial, sans-serif;--ga-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ga-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--ga-body-font-family: var(--ga-font-sans-serif);--ga-body-font-size: 1rem;--ga-body-font-weight: 400;--ga-body-line-height: 1.5;--ga-body-color: #000042;--ga-body-color-rgb: 0, 0, 66;--ga-body-bg: white;--ga-body-bg-rgb: 255, 255, 255;--ga-emphasis-color: #000;--ga-emphasis-color-rgb: 0, 0, 0;--ga-secondary-color: rgba(0, 0, 66, .75);--ga-secondary-color-rgb: 0, 0, 66;--ga-secondary-bg: #e9ecef;--ga-secondary-bg-rgb: 233, 236, 239;--ga-tertiary-color: rgba(0, 0, 66, .5);--ga-tertiary-color-rgb: 0, 0, 66;--ga-tertiary-bg: #f8f9fa;--ga-tertiary-bg-rgb: 248, 249, 250;--ga-heading-color: inherit;--ga-link-color: #005AFF;--ga-link-color-rgb: 0, 90, 255;--ga-link-decoration: none;--ga-link-hover-color: #0048cc;--ga-link-hover-color-rgb: 0, 72, 204;--ga-code-color: #d63384;--ga-highlight-color: #000042;--ga-highlight-bg: rgb(255, 246.8, 204);--ga-border-width: 1px;--ga-border-style: solid;--ga-border-color: #dee2e6;--ga-border-color-translucent: rgba(0, 0, 0, .175);--ga-border-radius: .5rem;--ga-border-radius-sm: .5rem;--ga-border-radius-lg: .5rem;--ga-border-radius-xl: 1rem;--ga-border-radius-xxl: 2rem;--ga-border-radius-2xl: var(--ga-border-radius-xxl);--ga-border-radius-pill: .5rem;--ga-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--ga-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--ga-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);--ga-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);--ga-focus-ring-width: .25rem;--ga-focus-ring-opacity: .25;--ga-focus-ring-color: rgba(0, 90, 255, .25);--ga-form-valid-color: #29C746;--ga-form-valid-border-color: #29C746;--ga-form-invalid-color: #FF2A00;--ga-form-invalid-border-color: #FF2A00}[data-bs-theme=dark]{color-scheme:dark;--ga-body-color: #dee2e6;--ga-body-color-rgb: 222, 226, 230;--ga-body-bg: #212529;--ga-body-bg-rgb: 33, 37, 41;--ga-emphasis-color: white;--ga-emphasis-color-rgb: 255, 255, 255;--ga-secondary-color: rgba(222, 226, 230, .75);--ga-secondary-color-rgb: 222, 226, 230;--ga-secondary-bg: #343a40;--ga-secondary-bg-rgb: 52, 58, 64;--ga-tertiary-color: rgba(222, 226, 230, .5);--ga-tertiary-color-rgb: 222, 226, 230;--ga-tertiary-bg: rgb(42.5, 47.5, 52.5);--ga-tertiary-bg-rgb: 43, 48, 53;--ga-primary-text-emphasis: #669cff;--ga-secondary-text-emphasis: rgb(255, 143.4, 157.2);--ga-success-text-emphasis: rgb(126.6, 221.4, 144);--ga-info-text-emphasis: rgb(102, 239.4, 255);--ga-warning-text-emphasis: rgb(255, 230.4, 102);--ga-danger-text-emphasis: rgb(255, 127.2, 102);--ga-light-text-emphasis: #f8f9fa;--ga-dark-text-emphasis: #dee2e6;--ga-primary-bg-subtle: #001233;--ga-secondary-bg-subtle: rgb(51, 13.8, 18.4);--ga-success-bg-subtle: rgb(8.2, 39.8, 14);--ga-info-bg-subtle: rgb(0, 45.8, 51);--ga-warning-bg-subtle: rgb(51, 42.8, 0);--ga-danger-bg-subtle: rgb(51, 8.4, 0);--ga-light-bg-subtle: #343a40;--ga-dark-bg-subtle: #1a1d20;--ga-primary-border-subtle: #003699;--ga-secondary-border-subtle: rgb(153, 41.4, 55.2);--ga-success-border-subtle: rgb(24.6, 119.4, 42);--ga-info-border-subtle: rgb(0, 137.4, 153);--ga-warning-border-subtle: rgb(153, 128.4, 0);--ga-danger-border-subtle: rgb(153, 25.2, 0);--ga-light-border-subtle: #495057;--ga-dark-border-subtle: #343a40;--ga-heading-color: inherit;--ga-link-color: #669cff;--ga-link-hover-color: rgb(132.6, 175.8, 255);--ga-link-color-rgb: 102, 156, 255;--ga-link-hover-color-rgb: 133, 176, 255;--ga-code-color: rgb(230.4, 132.6, 181.2);--ga-highlight-color: #dee2e6;--ga-highlight-bg: rgb(102, 85.6, 0);--ga-border-color: #495057;--ga-border-color-translucent: rgba(255, 255, 255, .15);--ga-form-valid-color: rgb(126.6, 221.4, 144);--ga-form-valid-border-color: rgb(126.6, 221.4, 144);--ga-form-invalid-color: rgb(255, 127.2, 102);--ga-form-invalid-border-color: rgb(255, 127.2, 102)}.production-graph-container{width:100%;height:100%;min-height:500px}.production-graph-node{background:#fff;border:2px solid #CACFDF;border-radius:8px;padding:12px 16px;min-width:150px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;cursor:pointer}.production-graph-node:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.production-graph-node--idle{border-color:#b4bbd0}.production-graph-node--ready{border-color:#4d91ff}.production-graph-node--success{border-color:#58d66e}.production-graph-node--failed{border-color:#ff5635}.production-graph-node__content{display:flex;flex-direction:column;gap:4px;align-items:center}.production-graph-node__id{font-weight:600;font-size:14px;color:#2a3141}.production-graph-node__status{font-size:12px;font-weight:500;text-transform:uppercase;color:#647087}.production-graph-node__error{font-size:16px;color:#d91f00}.vue-flow__handle{width:8px;height:8px;background:#005aff;border:2px solid white}.vue-flow__handle.source{bottom:-4px}.vue-flow__handle.target{top:-4px}