body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#0000;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color-default);background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-default);background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.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__edge-path{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width-default);stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke-default);stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width-default);stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;pointer-events:none;position:absolute}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray: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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected-default);stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke-default);fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background-color:var(--xy-handle-background-color-default);background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color-default);background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(--xy-minimap-background-color-default);background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-default);fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(--xy-minimap-mask-stroke-color-default);stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(--xy-minimap-mask-stroke-width-default);stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-default);fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(--xy-minimap-node-stroke-color-default);stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(--xy-minimap-node-stroke-width-default);stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-dots-color-default);fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-lines-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-cross-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow-default);box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color-default);background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(--xy-controls-button-color-default);color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;width:100%}.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-group,.react-flow__node-input,.react-flow__node-output{background-color:var(--xy-node-background-color-default);background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius-default);border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color-default);color:var(--xy-node-color,var(--xy-node-color-default));font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover-default);box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.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{box-shadow:var(--xy-node-boxshadow-selected-default);box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color-default);background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color-default);background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.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-button:hover{background:var(--xy-controls-button-background-color-hover-default);background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(--xy-controls-button-color-hover-default);color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color-default);background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:5px;translate:-50% -50%;width:5px}.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.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color-default);fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color-default);fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.flow-root{color:#1f2937;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;height:100vh}.toolbar{align-items:center;background:linear-gradient(90deg,#0ea5e9,#6366f1);color:#fff;display:flex;justify-content:space-between;padding:10px 16px}.toolbar .brand{font-size:16px;font-weight:700}.toolbar .actions{align-items:center;display:flex;gap:10px}.toolbar .validation{align-items:center;display:flex;gap:8px;margin-right:10px}.toolbar .validation .status{border-radius:6px;font-size:13px;font-weight:700;padding:6px 8px;text-transform:capitalize}.toolbar .validation .status.ok{background:#ffffff1f;color:#bbf7d0}.toolbar .validation .status.bad{background:#ffffff14;color:#fecaca}.toolbar button{background:#ffffff14;color:#fff}.toolbar button,.toolbar-button{border:none;border-radius:6px;cursor:pointer;padding:8px 10px}.toolbar-button{background:#0366d60f;color:#0366d6}.button-primary{background:#0366d6;border-radius:6px;color:#fff;padding:8px 10px}.button-danger{background:#ef4444;color:#fff;padding:8px 10px}.button-danger,.button-muted{border:none;border-radius:6px;cursor:pointer}.button-muted{background:#f1f5f9;color:#0f172a;padding:6px 8px}.form-card{background:#fbfeff;border:1px solid #0366d60f;border-radius:8px;box-shadow:0 1px 4px #1018280a;color:#0f172a;padding:12px;transition:box-shadow .16s ease,transform .16s ease}.form-card:hover{box-shadow:0 6px 18px #1018280f;transform:translateY(-2px)}.forms-list{display:flex;flex-direction:column;gap:8px}.toolbar .import{align-items:center;display:flex;gap:8px}.toolbar textarea{border-radius:6px;height:36px;padding:6px 8px;resize:none;width:320px}.workbench{box-sizing:border-box;display:flex;flex:1 1;gap:12px;padding:12px}.sidebar{background:#f6f9ff;border-right:1px solid #0366d60f;box-shadow:inset 0 -1px 0 #0366d605;color:#0f172a;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:18px}.sidebar-header{border-bottom:1px solid #0366d608;color:#0f172a;font-weight:700;margin-bottom:8px;padding-bottom:8px}.node-list{grid-gap:10px;display:grid;gap:10px}.node-list-item{align-items:center;background:#fff;border:1px solid #0366d60a;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:box-shadow .16s ease,transform .16s ease}.node-list-item:hover{box-shadow:0 6px 18px #1018280f;transform:translateY(-2px)}.node-icon{align-items:center;background:linear-gradient(180deg,#e6f6ff,#d9f1ff);border:1px solid #cfeeff;border-radius:6px;color:#0366d6;display:flex;height:36px;justify-content:center;width:36px}.node-name{font-weight:600}.sidebar-footer{color:#64748b;font-size:13px;margin-top:auto}.canvas-area{background:linear-gradient(180deg,#f8fafc,#f1f5f9);box-sizing:border-box;flex:1 1;overflow:hidden}.canvas-area,.inspector{border-radius:8px;padding:12px}.inspector{background:#fff;border-left:1px solid #0366d60f;color:#0f172a;display:flex;flex-direction:column;width:320px}.inspector.empty{align-items:center;display:flex;gap:6px;justify-content:center;text-align:center}.inspector-header{color:#0f172a;font-weight:700;margin-bottom:8px}.field,.inspector-body{display:flex;flex-direction:column;gap:8px}.field{margin-bottom:8px}.label{color:#64748b;font-size:13px}input,textarea{background:#fff;border:1px solid #0366d614;border-radius:6px;color:#0f172a;padding:8px}.textarea{height:100px}.inspector-actions{display:flex;gap:8px;justify-content:flex-end}.node-card{border-radius:8px;box-shadow:0 2px 8px #1018280a;padding:8px 10px}.node-title{font-weight:700}.node-meta{color:#0006;font-size:12px}.node-start{background:linear-gradient(180deg,#bbf7d0,#86efac);border-left:6px solid #10b981}.node-end{background:linear-gradient(180deg,#fecaca,#fca5a5);border-left:6px solid #ef4444}.node-action{background:linear-gradient(180deg,#e0f2fe,#bae6fd);border-left:6px solid #0ea5e9}.node-condition{background:linear-gradient(180deg,#ffedd5,#fed7aa);border-left:6px solid #f59e0b}.node-branch{background:linear-gradient(180deg,#ede9fe,#ddd6fe);border-left:6px solid #8b5cf6}.mini-stats{display:flex;flex-direction:column;font-size:13px;gap:6px}.flow-indicator{background:linear-gradient(90deg,#d9f1ff,#e6f6ff);border:1px solid #0366d614;border-radius:999px;color:#0366d6;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.employee-suggest input{background:#fff!important;border-radius:6px;color:#111!important}.employee-suggest .suggestion-list,.employee-suggest-portal .suggestion-list,.suggestion-list{background:#fff;border:1px solid #0366d60f;box-shadow:0 8px 16px #0206170f;color:#111;z-index:99999}.employee-suggest .suggestion-item,.employee-suggest-portal .suggestion-item,.suggestion-item{border-bottom:1px solid #eee;cursor:pointer;padding:8px}.employee-suggest .suggestion-item.selected,.employee-suggest .suggestion-item:hover,.employee-suggest-portal .suggestion-item.selected,.employee-suggest-portal .suggestion-item:hover{background:#0206170a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef1f5;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#f9fafb;border-radius:12px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:400px}.modal-medium{width:600px}.modal-large{width:900px}.modal-xlarge{max-width:1400px;width:95vw}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:#0f172a;font-size:20px;font-weight:600}.modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f1f5f9;color:#0f172a}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.forms-dashboard{margin:0 auto;max-width:1400px;padding:32px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-title h1{color:#0f172a;font-size:32px;font-weight:700;margin-bottom:8px}.dashboard-subtitle{color:#64748b;font-size:16px}.button-lg{font-size:16px;padding:12px 24px}.dashboard-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:15px;min-width:300px;padding:12px 16px;transition:all .2s}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.filter-buttons{display:flex;gap:8px}.filter-btn{background:#f4f5f7;border:1px solid #dce0e6;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#f8fafc;border-color:#cbd5e1}.filter-btn.active{background:#2563eb;border-color:#2563eb;color:#f8fafc}.forms-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.empty-state{grid-column:1/-1;padding:64px 32px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{color:#0f172a;font-size:24px;margin-bottom:8px}.empty-state p{color:#64748b;font-size:16px;margin-bottom:24px}.form-card-new{background:#f9fafb;border:1px solid #e0e4ea;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .2s}.form-card-new:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.form-card-header{align-items:center;display:flex;justify-content:space-between}.form-card-icon{font-size:32px}.form-card-actions{display:flex;gap:8px}.action-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:6px;transition:all .2s}.action-btn:hover{background:#f1f5f9}.action-btn.danger:hover{background:#fee}.form-card-body{flex:1 1}.form-card-title{color:#0f172a;font-size:20px;font-weight:600;margin-bottom:8px}.form-card-description{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:16px}.form-card-stats{display:flex;gap:24px}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#0f172a;font-size:16px;font-weight:600}.flow-badge{background:#dcfce7;border-radius:12px;color:#166534;font-size:12px;font-weight:600;padding:4px 10px}.no-flow-badge{color:#94a3b8;font-size:14px;font-weight:500}.form-card-footer{border-top:1px solid #f1f5f9;display:flex;gap:8px;padding-top:16px}.button-primary{background:#2563eb;border:none;border-radius:8px;color:#f8fafc;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.button-primary:hover{background:#1d4ed8}.button-primary:disabled{background:#cbd5e1;cursor:not-allowed}.button-outline{background:#f4f5f7;border:1px solid #dce0e6;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.button-outline:hover{background:#f8fafc;border-color:#cbd5e1}.button-sm{font-size:13px;padding:6px 12px}.form-builder{display:flex;flex-direction:column;gap:24px}.form-builder-header{gap:16px}.field-group,.form-builder-header{display:flex;flex-direction:column}.field-group{gap:8px}.field-label{color:#0f172a;font-size:14px;font-weight:600}.field-input{border:1px solid #e2e8f0;border-radius:8px;font-size:15px;padding:10px 12px;transition:all .2s}.field-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-builder-body{background:#f0f2f5;border-radius:12px;padding:20px}.fields-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.fields-header h3{color:#0f172a;font-size:18px;font-weight:600}.field-type-buttons{display:flex;flex-wrap:wrap;gap:8px}.field-picker{position:relative}.picker-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:8px;position:absolute;right:0;top:100%;width:200px;z-index:10}.picker-search{border:1px solid #e2e8f0;border-radius:4px;margin-bottom:8px;padding:6px 8px;width:100%}.picker-list{max-height:150px;overflow-y:auto}.picker-item{border-radius:4px;cursor:pointer;padding:6px 8px}.picker-item:hover{background:#f1f5f9}.preview-section{margin:12px 0;text-align:center}.preview-section-label{color:#334155;display:block;font-size:14px;margin-top:4px}.fields-list{display:flex;flex-direction:column;gap:16px}.empty-fields{background:#f9fafb;border:2px dashed #e2e8f0;border-radius:8px;color:#64748b;padding:48px 24px;text-align:center}.field-item{background:#f9fafb;border:1px solid #e0e4ea;border-radius:8px;padding:16px}.reports-shell{background:linear-gradient(180deg,#eef1f5,#f7f9fc);gap:24px;margin:0;padding:28px 32px 40px;width:100%}.reports-header,.reports-shell{display:flex;flex-direction:column}.reports-header{gap:6px}.reports-heading{color:#0f172a;font-size:30px;font-weight:800;letter-spacing:-.3px}.reports-sub{color:#64748b;font-size:15px}.reports-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;width:100%}.reports-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 18px 38px #0f172a14;display:flex;flex-direction:column;gap:20px;padding:24px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.form-grid.two-col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:#0f172a;font-size:14px;font-weight:600}.form-field input,.form-field select{background:#f8fafc;border:1px solid #dfe3eb;border-radius:10px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.form-field.full-span{grid-column:1/-1}.pill-choices{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#0f172a;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s}.pill.active{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;box-shadow:0 8px 20px #2563eb40;color:#f8fafc}.assign-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto;padding:12px}.assign-row{align-items:center;color:#0f172a;display:flex;font-size:14px;gap:10px}.actions{display:flex;gap:12px;justify-content:flex-start}.reports-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%}.reports-grid.cards-only{margin-top:8px}.report-tabs{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.report-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 12px 28px #0f172a14;display:flex;gap:12px;justify-content:space-between;min-height:120px;padding:18px;width:100%}.report-card.clickable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.report-card.clickable:hover{box-shadow:0 12px 30px #0f172a1a;transform:translateY(-2px)}.report-card-body{display:flex;flex-direction:column;gap:6px}.report-title{color:#0f172a;font-size:18px;font-weight:700}.report-meta{color:#64748b;font-size:14px;line-height:1.5}.report-card-actions{display:flex;gap:8px}.empty-reports{background:#f8fafc;border:1px dashed #dce0e6;border-radius:12px;padding:24px;text-align:center}.empty-reports,.muted{color:#94a3b8;font-size:14px}.report-tab{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 24px #0f172a0f;display:flex;gap:12px;padding:14px 16px;text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;width:100%}.report-tab:hover{border-color:#c7d2fe;box-shadow:0 14px 30px #0f172a17;transform:translateY(-2px)}.report-tab-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.report-tab-body{display:flex;flex-direction:column;gap:4px;min-width:0}.report-tab .report-title{font-size:17px}.report-tab .report-meta,.report-tab .report-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-tab .report-meta{color:#6b7280;font-size:13px}.filters-panel{grid-gap:12px;background:linear-gradient(135deg,#f5f7fb,#eef2ff);border:1px solid #e0e7ff;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff80;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:16px 18px;width:100%}.filter-item{display:flex;flex-direction:column;gap:6px}.filter-item label{color:#475569;font-size:12px;font-weight:700;letter-spacing:.2px}.filter-item input{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:9px 10px;transition:border-color .2s,box-shadow .2s}.filter-item input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.filter-item.filter-range .range-inputs{align-items:center;display:flex;gap:8px}.filter-item.filter-range .range-inputs input{flex:1 1}.filter-item.filter-range .range-separator{color:#475569;font-size:12px;font-weight:700}.range-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.chip-btn{background:#f8fafc;border:1px solid #dbeafe;border-radius:999px;color:#1e293b;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:all .2s}.chip-btn:hover{background:#e0e7ff;border-color:#c7d2fe;box-shadow:0 6px 16px #2563eb24}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 16px 36px #0f172a14;overflow:hidden;width:100%}.table-wrap{overflow-x:auto;width:100%}.data-table{border-collapse:collapse;min-width:720px;width:100%}.data-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:13px;letter-spacing:.5px;padding:12px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.data-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:14px;padding:12px 14px}.data-table tr:hover td{background:#f8fafc}.empty-table{color:#94a3b8;padding:18px;text-align:center}.field-item-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.field-drag-handle{color:#94a3b8;cursor:move;font-size:18px}.field-type-badge{background:#e0f2fe;border-radius:6px;color:#075985;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.field-move-buttons{display:flex;gap:4px;margin-left:auto}.btn-icon{background:#f1f5f9;border:none;border-radius:6px;cursor:pointer;font-size:14px;height:28px;transition:all .2s;width:28px}.btn-icon:hover:not(:disabled){background:#e2e8f0}.btn-icon:disabled{cursor:not-allowed;opacity:.3}.btn-danger{color:#dc2626}.btn-danger:hover:not(:disabled){background:#fee}.field-item-body{flex-direction:column}.field-item-body,.field-row{display:flex;gap:12px}.flex-1{flex:1 1}.field-label-sm{color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.field-input-sm{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 10px;transition:all .2s}.field-input-sm:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.field-checkbox{align-items:center;display:flex;gap:8px}.field-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.field-checkbox label{color:#475569;cursor:pointer;font-size:14px}.form-builder-preview{background:#f9fafb;border:1px solid #e0e4ea;border-radius:12px;padding:20px}.form-builder-preview h3{color:#0f172a;font-size:18px;font-weight:600;margin-bottom:16px}.preview-form{background:#f0f2f5;border-radius:8px;padding:24px}.preview-form-title{color:#0f172a;font-size:24px;font-weight:700;margin-bottom:8px}.preview-form-desc{color:#64748b;line-height:1.6;margin-bottom:24px}.preview-empty{color:#94a3b8;padding:32px;text-align:center}.preview-field{margin-bottom:20px}.preview-label{color:#0f172a;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.required-star{color:#dc2626}.preview-input,.preview-select,.preview-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:15px;padding:10px 12px;width:100%}.preview-input:disabled,.preview-select:disabled,.preview-textarea:disabled{background:#f0f2f5;cursor:not-allowed}.form-builder-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding-top:20px}.form-editor-container{display:flex;flex-direction:column;height:100%}.form-editor-tabs{background:#eef1f5;border-bottom:1px solid #dce0e6;display:flex;gap:4px;padding:0 24px}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:15px;font-weight:500;padding:12px 20px;transition:all .2s}.tab-button:hover{color:#0f172a}.tab-button.active{border-bottom-color:#2563eb;color:#2563eb}.form-editor-content{flex:1 1;overflow-y:auto;padding:24px}.flow-instructions{background:#eef4fb;border:1px solid #c4d9ee;border-radius:8px;margin-bottom:16px;padding:16px}.flow-instructions p{color:#0c4a6e;font-size:14px;line-height:1.6}.form-submission{margin:0 auto;max-width:700px}.submission-header{margin-bottom:32px}.submission-header h2{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:8px}.submission-description{color:#64748b;font-size:16px;line-height:1.6}.submission-form{background:#f9fafb;border:1px solid #e0e4ea;border-radius:12px;padding:32px}.form-field{margin-bottom:24px}.form-field-label{color:#0f172a;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-field-input,.form-field-select,.form-field-textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:15px;padding:10px 12px;transition:all .2s;width:100%}.form-field-input:focus,.form-field-select:focus,.form-field-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-field-input.error,.form-field-select.error,.form-field-textarea.error{border-color:#dc2626}.field-error{color:#dc2626;font-size:13px;margin-top:6px}.submission-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.submissions-view{margin:0 auto;max-width:1600px;padding:32px}.submissions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.submissions-title{color:#0f172a;font-size:28px;font-weight:700;margin-top:16px}.submissions-actions{display:flex;gap:12px}.submissions-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:400px 1fr;height:calc(100vh - 200px)}.submissions-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.submission-item{background:#f9fafb;border:1px solid #e0e4ea;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.submission-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.submission-item.active{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1f}.submission-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.submission-date{color:#94a3b8;font-size:12px}.submission-item-preview{display:flex;flex-direction:column;gap:6px}.preview-field-sm{font-size:13px}.preview-label-sm{color:#64748b;font-weight:500}.preview-value-sm{color:#0f172a;margin-left:6px}.submission-detail{background:#f9fafb;border:1px solid #e0e4ea;border-radius:12px;overflow-y:auto;padding:24px}.detail-empty{color:#94a3b8;height:100%;justify-content:center}.detail-empty,.detail-header{align-items:center;display:flex}.detail-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.detail-header h3{color:#0f172a;font-size:20px;font-weight:600}.detail-meta{background:#f0f2f5;border-radius:8px;display:flex;gap:32px;margin-bottom:24px;padding:16px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#0f172a;font-size:14px;font-weight:500}.detail-data{gap:16px;margin-bottom:24px}.detail-data,.detail-field{display:flex;flex-direction:column}.detail-field{gap:6px}.detail-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{background:#f0f2f5;border-radius:6px;color:#1e293b;font-size:15px;padding:10px 12px}.detail-flow{border-top:1px solid #e2e8f0;padding-top:24px}.detail-flow h4{color:#0f172a;font-size:16px;font-weight:600;margin-bottom:16px}.flow-nodes{display:flex;flex-direction:column;gap:12px}.flow-node-item{background:#f0f2f5;border:1px solid #e0e4ea;border-radius:8px;padding:12px}.node-label{color:#0f172a;font-size:14px;font-weight:600;margin-bottom:6px}.node-assignee{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px}.assignee-icon{font-size:16px}.ib-wrapper{display:flex;gap:0;min-height:60vh;position:relative}.ib-canvas{align-items:flex-start;background:#e8ecf1;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:32px}.ib-form-card{background:#f9fafb;border-radius:12px;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a;display:flex;flex-direction:column;max-width:640px;padding:0;width:100%}.ib-form-header{border-bottom:1px solid #f1f5f9;padding:28px 32px 20px}.ib-form-title-input{background:#0000;border:none;border-bottom:2px solid #0000;color:#0f172a;font-size:24px;font-weight:700;outline:none;padding:0 0 8px;transition:border-color .2s;width:100%}.ib-form-title-input:focus{border-bottom-color:#2563eb}.ib-form-title-input::placeholder{color:#cbd5e1}.ib-form-desc-input{background:#0000;border:none;color:#64748b;font-size:14px;outline:none;padding:4px 0 0;width:100%}.ib-form-desc-input::placeholder{color:#cbd5e1}.ib-fields-area{min-height:100px;overflow:visible;padding:16px 32px 120px}.ib-empty{border:2px dashed #e2e8f0;border-radius:8px;color:#94a3b8;padding:48px 24px;text-align:center}.ib-field{border:2px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:16px;position:relative;transition:all .15s}.ib-field:hover{background:#f8fafc;border-color:#e2e8f0}.ib-field-selected{background:#edf2fa;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.ib-label{color:#0f172a;display:block;font-size:14px;font-weight:600;margin-bottom:6px;pointer-events:none}.ib-input,.ib-select,.ib-textarea{background:#f0f2f5;border:1px solid #e0e4ea;border-radius:6px;color:#94a3b8;font-size:14px;padding:10px 12px;pointer-events:none;width:100%}.ib-textarea{resize:none}.ib-placeholder-block{border:1px dashed #cbd5e1;border-radius:6px;color:#94a3b8;font-size:13px;padding:14px;pointer-events:none;text-align:center}.ib-section-break{align-items:center;display:flex;gap:12px;padding:8px 0}.ib-section-line{background:#cbd5e1;flex:1 1;height:1px}.ib-section-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.ib-field-actions{background:#f9fafb;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;gap:4px;padding:4px;position:absolute;right:8px;top:-12px;z-index:5}.ib-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#475569;cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .15s;width:26px}.ib-action-btn:hover:not(:disabled){background:#f1f5f9}.ib-action-btn:disabled{cursor:not-allowed;opacity:.3}.ib-action-danger{color:#dc2626}.ib-action-danger:hover:not(:disabled){background:#fee2e2}.ib-add-row{padding:16px 32px 24px;position:relative}.ib-add-btn,.ib-add-row{display:flex;justify-content:center}.ib-add-btn{align-items:center;background:#f4f5f7;border:2px dashed #c0c8d2;border-radius:50%;color:#64748b;cursor:pointer;height:40px;transition:all .2s;width:40px}.ib-add-btn-active,.ib-add-btn:hover{background:#edf2fa;border-color:#2563eb;border-style:solid;color:#2563eb}.ib-add-menu{background:#f9fafb;border:1px solid #e2e8f0;border-radius:10px;bottom:70px;box-shadow:0 4px 20px #0000001f;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:220px;z-index:20}.ib-add-search-wrap{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;padding:10px 12px}.ib-add-search-icon{color:#94a3b8;flex-shrink:0}.ib-add-search{border:none;color:#0f172a;font-size:13px;outline:none;width:100%}.ib-add-list{max-height:220px;overflow-y:auto;padding:6px}.ib-add-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#334155;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 10px;text-align:left;transition:background .12s;width:100%}.ib-add-item:hover{background:#f1f5f9}.ib-add-item-icon{font-size:15px;text-align:center;width:24px}.ib-add-empty{color:#94a3b8;font-size:13px;padding:16px;text-align:center}.ib-tooltip{border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 24px #0000001f;left:0;padding:16px;right:0;top:calc(100% + 8px);z-index:10}.ib-tooltip,.ib-tooltip-arrow{background:#f9fafb;position:absolute}.ib-tooltip-arrow{border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;height:12px;left:24px;top:-6px;transform:rotate(45deg);width:12px}.ib-tooltip-body{gap:12px}.ib-tooltip-body,.ib-tooltip-row{display:flex;flex-direction:column}.ib-tooltip-row{gap:4px}.ib-tooltip-row label{color:#475569;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ib-tooltip-row input{border:1px solid #e2e8f0;border-radius:6px;font-size:13px;padding:7px 10px;transition:border-color .2s}.ib-tooltip-row input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.ib-tooltip-check{align-items:center;display:flex;gap:8px}.ib-tooltip-check input[type=checkbox]{height:15px;width:15px}.ib-tooltip-check label{color:#475569;font-size:13px}.ib-tooltip-type{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px;padding-top:8px}.ib-bottom-bar{align-items:center;background:#f4f5f7;border-top:1px solid #dce0e6;display:flex;justify-content:flex-end;min-height:40px;padding:10px 24px}.ib-save-status{color:#94a3b8;font-size:13px;font-weight:500;min-width:130px;text-align:right}.fsp-overlay{animation:fspSlideIn .25s ease-out;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fspSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fsp-container{background:#eef1f5;display:flex;flex-direction:column;height:100%}.fsp-header{background:#f4f5f7;border-bottom:1px solid #dce0e6;flex-shrink:0;height:56px;justify-content:space-between;padding:0 24px;z-index:1}.fsp-header,.fsp-header-left{align-items:center;display:flex}.fsp-header-left{gap:12px}.fsp-back-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.fsp-back-btn:hover{background:#e2e8f0;color:#0f172a}.fsp-header-text{align-items:baseline;display:flex;gap:10px}.fsp-title{color:#0f172a;font-size:17px;font-weight:600;margin:0}.fsp-subtitle{color:#94a3b8;font-size:13px;font-weight:500}.fsp-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.fsp-close-btn:hover{background:#f1f5f9;color:#0f172a}.fsp-body{flex:1 1;overflow-y:auto;padding:24px}.fsp-body .form-submission,.fsp-body form{background:#f9fafb;border:1px solid #e0e4ea;border-radius:12px;margin:0 auto;max-width:680px;padding:32px}.fsp-body .ib-wrapper{min-height:calc(100vh - 120px)}.fsp-body .form-editor-container{height:calc(100vh - 104px)}
/*# sourceMappingURL=main.2e5bc162.css.map*/