body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-header{align-items:center;background-color:#2c3e50}.dashboard-title{font-size:1.8rem}.logout-button{background-color:#e74c3c;border-radius:5px;cursor:pointer;transition:background-color .3s}.logout-button:hover{background-color:#c0392b}.upload-section{border-radius:10px;margin:20px auto}.upload-section h2{color:#1a2b3b;font-size:26px;font-weight:700;margin-bottom:20px;text-align:center}.upload-subtitle{color:#7f8c8d;font-size:.9rem;margin-bottom:10px}.file-upload-label{background-color:#1a2b3b;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;margin-left:auto;margin-right:auto;margin-top:20px;padding:10px 30px;text-transform:uppercase;transition:background-color .3s;width:-webkit-fit-content;width:fit-content}.file-upload-label:hover{background-color:#1a2b3b90}.green-line{animation:fadeOut 5s forwards;border-radius:2px}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.clear-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:20px auto;padding:10px 20px;transition:background-color .3s}.clear-button:hover{background-color:#c0392b}.dropdowns-wrapper{align-items:center;justify-content:flex-start;margin:20px auto}.dropdown{display:flex;flex-direction:column}.dropdown label{color:#34495e;font-size:1rem;font-weight:700;margin-bottom:5px}.dropdown select{border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:.9rem;padding:8px}.columns-dropdown-container{position:relative}.columns-dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 10px #0000001a;left:0;max-height:200px;overflow-y:auto;padding:10px;position:absolute;top:100%;z-index:10}.checkbox-label{cursor:pointer;font-size:.9rem;margin-bottom:5px}.checkbox-label input{margin-right:5px}.columns-dropdown-container select{border-radius:5px;cursor:pointer;font-size:.9rem;padding:8px}.scrollable-table{border-radius:5px}div.scrollable-table thead th{cursor:pointer}tbody *{color:#000}tbody td{text-align:left!important}tbody tr:nth-child(2n){background-color:#f9f9f9}.dashboard-header{background-color:#01203d;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.logout-button{background-color:#ce0f0f;border:none;border-radius:20px;color:#fff;padding:10px 20px;text-transform:uppercase}.green-line{background-color:#2ecc71;height:5px;margin-top:10px}.dropdowns-wrapper{display:flex;gap:20px;margin:15px}.dropdown{position:relative}.dropdown-header{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:8px}.dropdown-menu{background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:250px;z-index:1000}.checkbox-label{align-items:center;display:flex;padding:5px}.checkbox-label input{margin-right:10px}.table-container{margin:20px auto;width:90%}thead th{background-color:#34495e}.scrollable-table{max-height:400px}thead th{border-bottom:2px solid #ddd;text-align:left;z-index:1}tbody td,thead th{padding:8px}tbody tr:hover{background-color:#f1f1f1}.scrollable-table{border:1px solid #ddd;border-radius:8px;max-height:540px;overflow-x:auto;overflow-y:auto}.scrollable-table::-webkit-scrollbar{height:12px;width:12px}.scrollable-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.scrollable-table::-webkit-scrollbar-thumb{background:#888;border:3px solid #f1f1f1;border-radius:10px}.scrollable-table::-webkit-scrollbar-thumb:hover{background:#555}.scrollable-table::-webkit-scrollbar-horizontal{height:10px}.scrollable-table::-webkit-scrollbar-thumb-horizontal{background:#888}.scrollable-table{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.export-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 12px}.export-button:hover{background-color:#218838}.sheet-tabs{display:flex;gap:10px;margin:20px 0}.sheet-tab{background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:10px 15px}.sheet-tab.active{background-color:#007bff;color:#fff;font-weight:700}.remove-column-button{color:#ff4d4f;font-size:16px;height:34px;margin-left:5px}.remove-column-button:hover{color:#d9363e}.search-container{border-bottom:1px solid #ccc;padding:8px}.search-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:6px;width:100%}.table-container{border:1px solid #ddd;border-radius:10px;box-shadow:0 1px 1px #091e4240,0 0 1px 1px #091e4221;margin-top:20px;max-width:100%;overflow-x:auto}table{background-color:#fff;border-collapse:collapse;width:100%}thead th{background-color:#004085;color:#fff;min-width:200px;position:-webkit-sticky;position:sticky;text-align:center;top:0}tbody td,thead th{font-size:14px;padding:10px}tbody td{border-bottom:1px solid #ddd;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody td:hover{overflow:visible;white-space:normal}tbody tr:nth-child(odd){background-color:#f2f2f2}tbody tr:nth-child(2n){background-color:#fff}td,th{border:1px solid #ddd}.remove-column-button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:20px;margin-left:8px;width:40px}.remove-column-button:hover{color:#bd2130}.tooltip{cursor:pointer;display:inline-block;position:relative}.tooltip .tooltip-text{background-color:#555;border-radius:6px;bottom:100%;color:#fff;left:50%;margin-left:-100px;opacity:0;padding:5px 0;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.loader{border:4px solid #f3f3f3;height:20px;width:20px}.logout-button:hover{background:#ce0f0f90}.upload-section{background-color:#fff;border-radius:20px;box-shadow:0 1px 1px #091e4240,0 0 1px 1px #091e4221;margin:60px auto 20px;max-width:500px;padding:20px;text-align:center;width:90%}.upload-subtitle{color:#555;font-size:14px}.button-container{margin-top:20px}button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:5px;padding:12px 18px;transition:.3s}.upload-btn{background:#1a2b3b;border-radius:25px;color:#fff;max-width:-webkit-fit-content;max-width:fit-content;min-width:110px;text-transform:uppercase}.upload-btn:hover{background:#1a2b3b90}.download-btn{background:#3498db;border-radius:25px;color:#fff;text-transform:uppercase}.download-btn:hover{background-color:#3498db90}.clear-btn{background-color:#ce0f0f;border-radius:25px;color:#fff;text-transform:uppercase;width:110px}.clear-btn:hover{background-color:#ce0f0f90}.file-input-hidden{display:none}.notification-message{color:#333;font-size:14px;font-weight:700;margin-top:15px;text-align:center}.button-wrapper{text-align:center}.error-message{font-size:14px;font-weight:700;margin-top:15px}.progress-bar-container{background-color:#e0e0e0;border-radius:5px;height:20px;margin-left:auto;margin-right:auto;margin-top:10px;overflow:hidden;width:20%}.progress-bar{background-color:#28a745;border-radius:5px;color:#fff;font-size:14px;height:100%;line-height:20px;text-align:center;transition:width .3s ease-in-out}.edit-header-button{background:none;background-color:#a9a9a9;border:none;color:#fff;cursor:pointer;font-size:22px;margin-left:5px;width:40px}.edit-header-button,.remove-column-button,.save-header-button{background:none;border:none;cursor:pointer;font-size:14px;margin-left:5px;padding:2px!important;width:40px}.remove-column-button{background-color:#efefef}.edit-header-button,.save-header-button{background-color:#3498db;font-size:24px;vertical-align:sub}.edit-header-button:hover{background-color:#3498db60}.remove-column-button:hover{background-color:#ff000090}.save-header-button:hover{color:green}.user-info{flex:1 1;text-align:center}.user-name{font-size:16px;font-weight:700;padding:10px;text-align:end}.pre-user-name{font-weight:300}.loader{animation:spin 1s linear infinite;border:5px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:50px;margin:20px auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}thead th:first-child{min-width:70px!important}.tabs{flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.tab-button{background-color:#f5f5f5;border:1px solid #ccc;border-radius:20px;color:#333;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.tab-button:hover{background-color:#eaeaea;box-shadow:0 2px 5px #00000014;transform:translateY(-1px)}.tab-button.active{background-color:#3498db;border-color:#3498db;box-shadow:none!important;color:#fff}.tab-button:focus{box-shadow:0 0 0 3px #007bff4d;outline:none}.back-button{background:#ddd;border:1px solid #ccc;border-radius:6px;border-radius:20px;color:#000;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.back-button:hover{background:#ccc}.edit-header-button>font{vertical-align:initial!important}.template-dropdown{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-weight:500;height:40px;padding:8px 10px}.file-upload-container{display:flex;gap:20px;justify-content:center;margin-top:20px}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2}h2.modal-title{font-size:20px;margin-bottom:10px;margin-top:10px}.column-table td,.column-table th{padding:8px;text-align:left}.disabled-input{background:#f0f0f0}.close-btn-container{justify-self:center}.close-btn{background:red;padding:10px 20px}.column-details-button-container{margin-left:auto;padding-top:5px;text-align:right}.column-details-button{background-color:#3498db;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 30px;text-transform:uppercase}.column-details-button:hover{background-color:#3498db90}input{border:1px solid #ccc;font-size:14px;padding:2px}.modal-description{max-height:60vh;overflow-y:auto}.modal-description::-webkit-scrollbar{width:8px}.modal-description::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-description::-webkit-scrollbar-thumb{background:#007bff;border-radius:5px}.modal-description::-webkit-scrollbar-thumb:hover{background:#0056b3}.modal-description{border-radius:5px;box-shadow:0 1px 1px #091e4240,0 0 1px 1px #091e4221;scrollbar-color:#ddd #f1f1f1;scrollbar-width:thin}.column-table{border-collapse:collapse;max-height:60vh;overflow-y:auto;width:100%}.column-table thead{background:#004080;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:2}.column-table td,.column-table th{border:1px solid #ddd;padding:4px;text-align:center;white-space:nowrap}.column-table th{padding:12px!important}.disabled-input{background:none;border:none;cursor:not-allowed;padding:5px}.close-btn{background:#307fdc;border-radius:5px;margin-top:10px;padding:8px 12px}.open-modal-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.modal-content{background-color:#fff;border-radius:25px;box-shadow:0 1px 1px #091e4240,0 0 1px 1px #091e4221;padding:20px}.new_column_name{width:-webkit-fill-available}.overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-container{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;max-height:80vh;max-width:700px;overflow-y:auto;padding:20px;text-align:left;width:60%}.modal-header h2{font-size:1.6rem;text-align:center}.close-btn{background:#ce0f0f;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:30px;padding:10px 30px;text-transform:uppercase}.close-btn:hover{background-color:#ce0f0f90}.info-link{cursor:pointer;margin-left:200px;transition:background .3s ease-in-out}@media (max-width:768px){.modal-container{width:90%}}.modal-container::-webkit-scrollbar{height:12px;width:12px}.modal-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-container::-webkit-scrollbar-thumb{background:#888;border:3px solid #f1f1f1;border-radius:10px}.modal-container::-webkit-scrollbar-thumb:hover{background:#555}.modal-container::-webkit-scrollbar-horizontal{height:10px}.modal-container::-webkit-scrollbar-thumb-horizontal{background:#888}.modal-container{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.tutorial-image{display:block;margin:10px auto;max-width:500px;width:100%}.section{padding:15px 0}.modal-footer,.section{text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:#f5f5f5;color:#333;font-family:Arial,sans-serif;height:100vh;justify-content:center}.svgimg{height:-webkit-fill-available;height:-moz-available;pointer-events:none;right:60px;top:-5%;width:44vw}.logoimg,.svgimg{position:absolute}.logoimg{cursor:pointer;left:20px;top:20px;width:200px}.login-container{overflow-x:hidden;overflow-y:hidden;padding:20px;width:100%}.login-box{background-color:#fff;border-radius:20px;box-shadow:0 1px 1px #091e4240,0 0 1px 1px #091e4221;padding:40px 30px;text-align:center;width:400px;z-index:1}.login-box h2{color:#333;font-size:1.8rem;margin-bottom:10px}.subtitle{color:#777;font-size:.9rem;margin-bottom:20px}.login-form{gap:15px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{align-items:flex-start}.form-group label{color:#555;font-size:.9rem}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:1rem;outline:none;transition:border-color .3s ease}.form-group input:focus{border-color:#007bff}.login-button{background:#1a2b3b;border-radius:5px;font-size:1rem;padding:10px 20px;text-transform:uppercase;transition:background-color .3s ease}.login-button:hover{background-color:#1a2b3b}.signup-text{color:#555;font-size:.9rem;margin-top:15px}.signup-text a{color:#007bff;font-weight:700;text-decoration:none}.signup-text a:hover{text-decoration:underline}@media screen and (max-width:768px){.login-box{padding:30px 20px}}@media screen and (max-width:480px){.login-box{padding:20px 15px}.login-box h2{font-size:1.5rem}.form-group input{font-size:.9rem;padding:8px}}.login-container{background-image:url(/static/media/BMEflex-Background.1d70fe0ddcedb3debf7b.jpg);flex-direction:row-reverse;height:100vh}.login-container,.render-container{align-items:center;display:flex;justify-content:center}.render-container{background-image:url(/static/media/BMEflex-render.b60c022de474e9a44569.svg);height:600px;width:600px}.st0{display:none}.st1{fill:#004c7b;display:inline}.st2{opacity:.65}.st3{fill:none;stroke:#fff;stroke-width:.5;stroke-miterlimit:10}.st4{fill:none;stroke:#fff;stroke-width:.33;stroke-miterlimit:10}.st5{fill:#bdffff}.st6{fill:#63ddfc;opacity:.5}.login-form{background:#fff;border-radius:8px;max-width:400px;padding:20px 30px;width:100%}.login-container h2{color:#1a2b3b;font-size:32px;font-weight:700;margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{color:#1a2b3b;display:block;font-weight:700;margin-bottom:5px}.form-group input{background-color:#eee;border-radius:10px;box-shadow:0 1px 1px #091e4240,0 0 1px 1px #091e4221;color:#000;font-size:14px;padding:10px;width:100%}.error-message{color:red;margin-bottom:15px;text-align:center}.login-button{background-color:#1a2b3b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;margin:auto;padding:10px 30px;width:100%;width:-webkit-fit-content;width:fit-content}.login-button:hover{background-color:#1a2b3b90}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.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 .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.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.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;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.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:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;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{margin:15px;position:absolute;z-index:5}.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:translateX(-50%)}.react-flow__attribution{background:#ffffff80;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{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;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:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;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: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-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:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.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{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.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.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:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.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:0 solid #3367d9}.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%}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;outline:none}#rf__controls{display:none}.react-flow__node[data-id=xml-label] .react-flow__handle{display:none!important}.react-flow__panel{margin-bottom:100px}.react-flow__panel[data-message="Please only hide this attribution when you are subscribed to React Flow Pro: https://reactflow.dev/pro"]{display:none!important}.dashboard-container{height:100vh}.page-wrapper{background:#f5f5f5;display:flex;height:100%}.sidebar{background:#fff;box-shadow:2px 0 4px #0000001a;display:flex;flex-direction:column;height:auto;justify-content:space-between;padding:16px 12px;width:180px}.sidebar-header{font-size:22px;font-weight:600;padding:12px 0;text-align:center;text-transform:uppercase}.sidebar-buttons{display:flex;flex-direction:column;gap:12px}.sidebar-button{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:10px 14px;text-align:left;transition:all .2s}.sidebar-button.active{background:#3498db;color:#fff}.info-box{align-items:center;background:#f9f9f9;border-top:1px solid #ddd;color:#555;display:flex;font-size:12px;gap:6px;margin-top:auto;padding:10px}.info-box span:first-child{font-size:14px}.main-content{flex:1 1;overflow:hidden;position:relative}.main-content h2{padding:12px 0;text-align:center}.save-button{background:#3498db;border:none;border-radius:6px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;position:absolute;right:30px;top:85%}.react-flow__edge-path{stroke-width:1.5px}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{word-wrap:break-word}.react-flow__edge-path{stroke:#333;stroke-width:2px}.dashboard-container{background-color:#f9f9f9;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.error{color:red;font-weight:700;margin-top:10px}.supplier-select{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.supplier-select label{font-size:16px;font-weight:500}.supplier-select select{border:1px solid #ccc;border-radius:6px;font-size:16px;min-width:200px;padding:8px 12px}.supplier-select button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;transition:background-color .3s}.supplier-select button:hover{background-color:#0056b3}.mapping-container{margin-top:30px}.tabs{display:flex;gap:10px;margin-bottom:15px}.tabs button{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:8px 12px}.tabs .active-tab{background:#007bff;color:#fff}.main-container{margin:0 auto;width:70%}.mapping-table{border-collapse:collapse;width:100%}.mapping-table td,.mapping-table th{border:1px solid #ccc;padding:8px}.mapping-table input{padding:6px;width:100%}.editor-container{font-family:Segoe UI,sans-serif;padding:30px}h2{border-bottom:1px solid #ccc;color:#333;margin-top:0;padding-bottom:4px}h4{color:#007bff;margin-top:20px}.tabs-section,.xml-fields{display:flex;flex-wrap:wrap;gap:10px}.tabs-section input,.xml-fields input{border:1px solid #ccc;border-radius:4px;min-width:200px;padding:6px 10px}.temp-section{display:flex;flex-wrap:wrap;gap:20px}.temp-section ul{list-style:disc;padding-left:20px}.dynamic-section{margin-top:20px;overflow-x:auto}.dynamic-section table{border-collapse:collapse;margin-top:10px;width:100%}.dynamic-section td,.dynamic-section th{border:1px solid #ccc;padding:8px}.dynamic-section input{border:1px solid #ddd;border-radius:4px;padding:6px;width:100%}.input-row{gap:8px;margin-bottom:10px}.input-row input{padding:6px}.input-row button{background:#dc3545;padding:4px 10px}.tabs-section,.xml-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px;margin-top:10px}.input-row{align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:6px;display:flex;gap:6px;padding:6px}.input-row input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:14px;padding:8px 10px}.input-row button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 10px;transition:background-color .2s ease}.input-row button:hover{background-color:#c82333}.add-button{align-items:center;background-color:#f1f1f1;border:1px dashed #aaa;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-top:8px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.add-button:hover{background-color:#e4e4e4}.input-row select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;max-width:300px;padding:6px 10px;width:100%}.input-row select:focus{border-color:#007bff;box-shadow:0 0 3px #007bff80;outline:none}