.main-navbar{background-color:#1f2937;color:#fff}.navbar-link{display:flex;align-items:center;padding:.75rem 1rem;color:#ffffffb3;border-radius:.375rem;transition:all .2s}.navbar-link:hover,.navbar-link.active{color:#fff;background-color:#ffffff1a}.main-content{width:100%;padding:0;margin:0}#drawflow{width:100%;height:85vh;text-align:initial;background:#f8fafc;background-size:25px 25px;background-image:linear-gradient(to right,#f1f5f9 1px,transparent 1px),linear-gradient(to bottom,#f1f5f9 1px,transparent 1px);overflow:auto}.drawflow .connection .main-path{stroke:#4b5563;stroke-width:3px;stroke-dasharray:10;animation:flowAnimation 30s linear infinite}.drawflow .drawflow-node{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 2px 5px #0000000d;min-width:150px;width:250px}.drawflow .drawflow-node.selected{border:1px solid #3b82f6;box-shadow:0 4px 8px #3b82f633}.drawflow .drawflow-node.selected .drawflow_content_node{background:transparent!important}.drawflow .drawflow-node.selected .drawflow_content_node .outputs .output .output_point,.drawflow .drawflow-node.selected .drawflow_content_node .inputs .input .input_point{background:#3b82f6}.drawflow .connection .point{stroke:#4b5563;fill:#fff;stroke-width:2}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:#3b82f6}.node-content{-webkit-user-select:none;-moz-user-select:none;user-select:none}.node-content input,.node-content textarea{pointer-events:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.title-box{font-weight:600;text-align:center}.drawflow-delete{display:block;position:absolute;top:-14px;right:-14px;width:20px;height:20px;background:#fff;border:2px solid #dc2626;color:#dc2626;border-radius:50%;z-index:1;font-size:10px;text-align:center;line-height:16px;cursor:pointer}.node-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;border-radius:.375rem;cursor:grab;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:.5rem;box-shadow:0 1px 2px #0000000d}.node-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.node-item svg{flex-shrink:0}.flow-editor-page main,.flow-editor-page .container{max-width:none!important;padding:0!important;margin:0!important}.flow-editor-page #drawflow{height:calc(100vh - 64px)}@keyframes flowAnimation{to{stroke-dashoffset:-1000}}@keyframes flow{0%{stroke-dasharray:15;stroke-dashoffset:40}to{stroke-dasharray:15;stroke-dashoffset:0}}@keyframes success-pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.connection .main-path{stroke:#64748b;stroke-width:3px}.connection-active .main-path{stroke:#6366f1;stroke-width:4px;filter:drop-shadow(0 0 3px rgba(99,102,241,.5));animation:flow 3s linear infinite}.connection-highlight .main-path{stroke:#22c55e;stroke-width:4px;filter:drop-shadow(0 0 5px rgba(34,197,94,.7))}.node-success{box-shadow:0 0 0 3px #22c55e80!important;animation:success-pulse 1.5s ease-in-out}.node-highlight{box-shadow:0 0 0 3px #6366f180!important}.export-excel{transition:all .3s}.export-excel:disabled{opacity:.5;cursor:not-allowed}.export-excel:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.export-excel-btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#fff;background-color:#16a34a;border-radius:.375rem;transition:all .2s;border:none;cursor:pointer;box-shadow:0 1px 3px #0000001a}.export-excel-btn:hover{background-color:#15803d;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.export-excel-btn:focus{outline:none;box-shadow:0 0 0 3px #16a34a4d}.export-excel-btn .icon{margin-right:.25rem}.notification{position:fixed;top:1rem;right:1rem;padding:.75rem 1rem;border-radius:.375rem;box-shadow:0 4px 6px #0000001a;z-index:50;max-width:24rem;animation:slide-in .3s ease-out forwards}.notification-success{background-color:#f0fdf4;border:1px solid #86efac;color:#166534}.notification-error{background-color:#fef2f2;border:1px solid #fca5a5;color:#b91c1c}.notification-info{background-color:#eff6ff;border:1px solid #93c5fd;color:#1e40af}.notification.hide{animation:slide-out .3s ease-in forwards}.result-container{margin-top:.5rem;border:1px solid #e2e8f0;border-radius:.375rem;padding:.5rem;background-color:#f8fafc;font-size:.75rem}.result-container .result-title{font-weight:600;margin-bottom:.25rem}.result-container .result-row{margin-bottom:.25rem}.result-container .label{font-weight:500;color:#64748b}.result-container .original{color:#64748b}.result-container .optimized{color:#16a34a;font-weight:500}[x-cloak]{display:none!important}