.login-page{min-height:100vh;background:linear-gradient(135deg,var(--secondary-900) 0%,var(--secondary-800) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.05) 0%,transparent 50%)}.login-container{background:#fff;border-radius:var(--rounded-sm);box-shadow:var(--shadow-2xl);display:grid;grid-template-columns:1fr 1fr;max-width:1000px;width:100%;min-height:600px;overflow:hidden;position:relative;z-index:1}.login-brand{background:linear-gradient(135deg,var(--secondary-800) 0%,var(--secondary-900) 100%);padding:var(--space-12);display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative}.login-brand:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');opacity:.5}.brand-logo{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);position:relative}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--rounded-sm);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-lg)}.brand-text{flex:1}.brand-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0;letter-spacing:-.02em}.brand-subtitle{font-size:var(--text-sm);color:#ffffffb3;margin:0;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.brand-description{position:relative}.brand-description p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#ffffffe6;margin:0}.login-content{padding:var(--space-12);display:flex;flex-direction:column;justify-content:center}.login-form{max-width:400px;width:100%;margin:0 auto}.form-header{text-align:center;margin-bottom:var(--space-10)}.form-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-2) 0}.form-subtitle{font-size:var(--text-base);color:var(--gray-600);margin:0}.form{display:flex;flex-direction:column;gap:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700)}.form-input{padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--rounded-sm);font-size:var(--text-base);background:#fff;transition:var(--transition-colors);outline:none}.form-input:focus{border-color:var(--primary-500);box-shadow:var(--focus-ring)}.form-input::placeholder{color:var(--gray-400)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.form-checkbox{width:16px;height:16px;border:2px solid var(--gray-300);border-radius:var(--rounded-sm);cursor:pointer;accent-color:var(--primary-500)}.checkbox-text{color:var(--gray-600);font-size:var(--text-sm)}.forgot-password{color:var(--primary-600);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition-colors)}.forgot-password:hover{color:var(--primary-700)}.submit-button{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--rounded-sm);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.form-footer{text-align:center;margin-top:var(--space-8)}.signup-text{color:var(--gray-600);font-size:var(--text-sm);margin:0}.signup-link{color:var(--primary-600);text-decoration:none;font-weight:var(--font-semibold);transition:var(--transition-colors)}.signup-link:hover{color:var(--primary-700)}.register-form{max-width:400px;width:100%;margin:0 auto}.error-message{color:var(--error-600);font-size:var(--text-xs);margin-top:var(--space-1);display:block}.form-input.error{border-color:var(--error-500)}.form-input.error:focus{border-color:var(--error-600);box-shadow:0 0 0 3px #ef44441a}.terms-link{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium);transition:var(--transition-colors)}.terms-link:hover{color:var(--primary-700);text-decoration:underline}.login-text{color:var(--gray-600);font-size:var(--text-sm);margin:0}.login-link{color:var(--primary-600);text-decoration:none;font-weight:var(--font-semibold);transition:var(--transition-colors)}.login-link:hover{color:var(--primary-700)}@media(max-width:768px){.login-container{grid-template-columns:1fr;max-width:400px}.login-brand{padding:var(--space-8);text-align:center}.brand-logo{justify-content:center}.brand-title{font-size:var(--text-2xl)}.brand-description p{font-size:var(--text-base)}.login-content{padding:var(--space-8)}}@media(max-width:480px){.login-page{padding:var(--space-2)}.login-brand,.login-content{padding:var(--space-6)}.form-header{margin-bottom:var(--space-8)}.form-title{font-size:var(--text-2xl)}}.loading-spinner-wrapper{display:flex;justify-content:center;align-items:center;padding:2rem}.loading-spinner-wrapper.fullscreen{position:fixed;inset:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;padding:0}.loading-spinner-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-message{margin:0;font-size:.875rem;color:#6b7280;font-weight:500;text-align:center}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,var(--secondary-50) 0%,var(--gray-100) 100%);color:var(--gray-900)}.dashboard-header{background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.header-content{max-width:1400px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0;letter-spacing:-.02em}.dashboard-subtitle{font-size:var(--text-sm);color:var(--gray-600);margin:0;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.header-right{display:flex;align-items:center;gap:var(--space-4)}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.user-info-top,.user-info-bottom{display:flex;align-items:center;gap:var(--space-2)}.user-email{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.user-role{font-size:var(--text-xs);color:var(--gray-500);text-transform:capitalize;background:var(--gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--rounded-sm)}.user-group{font-size:var(--text-xs);color:var(--gray-600);font-weight:var(--font-medium)}.logout-button{background:var(--gray-800);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--rounded-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.logout-button:hover{background:var(--gray-900);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dashboard-main{max-width:1400px;margin:0 auto;padding-top:var(--space-6)}.error-banner{background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--rounded-sm);padding:var(--space-4);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);color:var(--red-700);font-size:var(--text-sm)}.error-banner svg{color:var(--red-500);flex-shrink:0}.error-close{background:none;border:none;color:var(--red-500);cursor:pointer;font-size:var(--text-xl);padding:var(--space-1);border-radius:var(--rounded-sm);margin-left:auto;transition:var(--transition-all)}.error-close:hover{background:var(--red-100);color:var(--red-700)}.stats-section{margin-bottom:var(--space-8)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--rounded-sm);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--rounded-sm);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content{flex:1}.stat-number{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-1) 0;line-height:var(--leading-none)}.stat-label{font-size:var(--text-sm);color:var(--gray-600);margin:0;font-weight:var(--font-medium)}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0}.create-button{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--rounded-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm)}.create-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.view-all-button{background:transparent;color:var(--primary-600);border:1px solid var(--primary-200);padding:var(--space-2) var(--space-4);border-radius:var(--rounded-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.view-all-button:hover{background:var(--primary-50);border-color:var(--primary-300)}.workspaces-grid{display:flex;flex-direction:column;gap:var(--space-4)}.workspace-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--rounded-sm);padding:var(--space-6);transition:var(--transition-all);box-shadow:var(--shadow-sm)}.workspace-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.workspace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-3)}.workspace-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0;flex:1}.workspace-badges{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.workspace-visibility{padding:var(--space-1) var(--space-3);border-radius:var(--rounded-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--space-1);white-space:nowrap;flex-shrink:0}.workspace-visibility.public{background:var(--blue-100);color:var(--blue-700);border:1px solid var(--blue-200)}.workspace-visibility.private{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.workspace-status{padding:var(--space-1) var(--space-3);border-radius:var(--rounded-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.workspace-status.active{background:var(--success-100);color:var(--success-700);border:1px solid var(--success-200)}.workspace-status.archived{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-300)}.workspace-description{color:var(--gray-600);font-size:var(--text-sm);margin:0 0 var(--space-4) 0;line-height:var(--leading-relaxed)}.workspace-footer{display:flex;align-items:center;justify-content:space-between}.workspace-date{font-size:var(--text-xs);color:var(--gray-500)}.workspace-actions{display:flex;align-items:center;gap:var(--space-2)}.workspace-action{background:var(--gray-100);color:var(--gray-700);border:none;padding:var(--space-2) var(--space-3);border-radius:var(--rounded-sm);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.workspace-action:hover{background:var(--gray-200)}.workspace-edit{background:var(--gray-100);color:var(--gray-600);border:none;padding:var(--space-2);border-radius:var(--rounded-sm);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.workspace-edit:hover:not(:disabled){background:var(--blue-100);color:var(--blue-600);transform:translateY(-1px)}.workspace-edit:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed;opacity:.5}.workspace-delete{background:var(--gray-100);color:var(--gray-600);border:none;padding:var(--space-2);border-radius:var(--rounded-sm);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.workspace-delete:hover:not(:disabled){background:var(--red-100);color:var(--red-600);transform:translateY(-1px)}.workspace-delete:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed;opacity:.5}.simulations-list{display:flex;flex-direction:column;gap:var(--space-4)}.simulation-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--rounded-sm);padding:var(--space-5);transition:var(--transition-all);box-shadow:var(--shadow-sm)}.simulation-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.simulation-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.simulation-info{flex:1}.simulation-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-1) 0}.simulation-file{font-size:var(--text-sm);color:var(--primary-600);margin:0 0 var(--space-2) 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--primary-50);padding:var(--space-1) var(--space-2);border-radius:var(--rounded-sm);display:inline-block}.simulation-workspace{font-size:var(--text-xs);color:var(--gray-500)}.simulation-status{text-align:right;min-width:200px}.status-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-3)}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--rounded-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:#fff;text-transform:uppercase;letter-spacing:.05em}.simulation-time{font-size:var(--text-xs);color:var(--gray-500)}.progress-section{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.progress-bar{width:100px;height:6px;background:var(--gray-200);border-radius:var(--rounded-sm);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500) 0%,var(--primary-600) 100%);transition:width .3s ease}.progress-text{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-700);min-width:30px}.estimated-completion{font-size:var(--text-xs);color:var(--gray-500)}.simulation-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.result-button{background:var(--blue-600);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--rounded-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.result-button:hover{background:var(--blue-700);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f633}.simulation-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.simulation-date{font-size:var(--text-xs);color:var(--gray-500)}.simulation-action-buttons{display:flex;align-items:center;gap:var(--space-2)}.simulation-edit{background:var(--gray-100);color:var(--gray-600);border:none;padding:var(--space-2);border-radius:var(--rounded-sm);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.simulation-edit:hover:not(:disabled){background:var(--blue-100);color:var(--blue-600);transform:translateY(-1px)}.simulation-edit:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed;opacity:.5}.simulation-delete{background:var(--gray-100);color:var(--gray-600);border:none;padding:var(--space-2);border-radius:var(--rounded-sm);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.simulation-delete:hover:not(:disabled){background:var(--red-100);color:var(--red-600);transform:translateY(-1px)}.simulation-delete:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed;opacity:.5}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:var(--rounded-sm);max-width:500px;width:90%;box-shadow:var(--shadow-2xl);border:1px solid var(--gray-200)}.workspace-modal{max-width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0}.modal-close{background:transparent;border:none;color:var(--gray-500);cursor:pointer;padding:var(--space-2);border-radius:var(--rounded-sm);transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.workspace-form{padding:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-900);margin-bottom:var(--space-2)}.form-input,.form-textarea{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--rounded-sm);font-size:var(--text-sm);background:#fff;transition:var(--transition-all);box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled,.form-textarea:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.error-message{background:var(--red-50);border:1px solid var(--red-200);color:var(--red-700);border-radius:var(--rounded-sm);font-size:var(--text-sm);margin-bottom:var(--space-4);display:flex;align-items:center;cursor:pointer;gap:var(--space-2)}.error-message:before{content:"⚠️";margin-right:var(--space-2);flex-shrink:0}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.cancel-button,.submit-button{padding:var(--space-3) var(--space-4);border-radius:var(--rounded-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);border:none;min-width:100px;display:flex;align-items:center;justify-content:center}.cancel-button{background:var(--gray-100);color:var(--gray-700)}.cancel-button:hover{background:var(--gray-200)}.cancel-button:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed}.submit-button{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.submit-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-button:disabled{background:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:1200px){.dashboard-content{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:768px){.dashboard-main{padding:var(--space-4)}.header-content{padding:var(--space-3) var(--space-4);flex-direction:column;gap:var(--space-3);align-items:flex-start}.header-right{width:100%;justify-content:space-between}.stats-grid{grid-template-columns:1fr;gap:var(--space-4)}.stat-card{padding:var(--space-4)}.simulation-main{flex-direction:column;gap:var(--space-3)}.simulation-status{text-align:left;min-width:auto}.status-row,.progress-section{justify-content:flex-start}}@media(max-width:480px){.dashboard-main{padding:var(--space-3)}.header-content{padding:var(--space-2) var(--space-3)}.dashboard-title{font-size:var(--text-xl)}.workspace-card,.simulation-item{padding:var(--space-4)}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.module-select-modal{width:800px;max-width:90vw;max-height:80vh;overflow-y:auto}.module-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid #e9ecef}.tab-button{flex:1;padding:.75rem 1rem;border:none;background:none;cursor:pointer;font-size:.9rem;font-weight:500;color:#6c757d;transition:all .2s ease;border-bottom:2px solid transparent}.tab-button:hover{background:#f8f9fa;color:#495057}.tab-button.active{color:#007bff;border-bottom-color:#007bff;background:#f8f9ff}.module-select-loading{display:flex;flex-direction:column;align-items:center;padding:2rem}.module-select-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.module-select-error{text-align:center;padding:2rem;color:#dc3545}.retry-button{background-color:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem}.retry-button:hover{background-color:#0056b3}.no-modules{text-align:center;padding:2rem;color:#6c757d}.module-list h4{margin-bottom:1rem;color:#333}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.module-card{border:2px solid #e9ecef;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;background-color:#fff;position:relative}.module-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.module-card.selected{border-color:#007bff;background-color:#f8f9ff;box-shadow:0 2px 8px #007bff33}.module-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.module-card-header h5{margin:0;color:#333;font-size:1.1rem;font-weight:600;flex:1;min-width:0}.module-version{background-color:#6c757d;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;white-space:nowrap}.module-type{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.module-type.fmu{background-color:#28a745;color:#fff}.module-type.ssp{background-color:#17a2b8;color:#fff}.module-card.selected .module-version{background-color:#007bff}.module-card-body{display:flex;flex-direction:column;gap:.5rem}.module-description{font-size:.9rem;color:#6c757d;line-height:1.4;margin:0}.module-details{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#6c757d}.module-author,.module-filename{display:block}.module-stats{display:flex;gap:1rem;margin-top:.5rem}.stat-item{font-size:.8rem;color:#007bff;background-color:#e3f2fd;padding:.25rem .5rem;border-radius:4px;font-weight:500}.module-content{min-height:300px}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid #e9ecef;background:#f8f9fa}.cancel-button{background-color:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500}.cancel-button:hover{background-color:#5a6268}.confirm-button{background-color:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.confirm-button:hover:not(:disabled){background-color:#0056b3}.confirm-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.module-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e9ecef}.module-owner-info{font-size:.85rem;color:#6c757d;font-weight:400}.module-owner-group{color:#6c757d;font-weight:400}.module-action-buttons{display:flex;gap:.5rem;align-items:center}.toggle-switch-container{display:flex;align-items:center;gap:.5rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#28a745}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-label{font-size:.85rem;font-weight:500;color:#495057;min-width:42px}.toggle-label.public{color:#28a745}.toggle-label.private{color:#6c757d}.delete-button{background-color:#dc3545;color:#fff;border:none;padding:.4rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.delete-button:hover:not(:disabled){background-color:#c82333}.delete-button:active:not(:disabled){transform:scale(.98)}.delete-button:disabled{opacity:.5;cursor:not-allowed}.readonly-badge{display:inline-flex;align-items:center;gap:.25rem;background-color:#e9ecef;color:#6c757d;padding:.35rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500}.module-card-actions{pointer-events:auto}.module-card-actions>*{pointer-events:auto}@media(max-width:768px){.module-select-modal{width:95vw;max-height:90vh}.module-grid{grid-template-columns:1fr}.module-card-header{flex-direction:column;align-items:flex-start}.modal-footer{flex-direction:column}.cancel-button,.confirm-button{width:100%}.module-card-actions{flex-direction:column;align-items:flex-start;gap:.5rem}.module-action-buttons{width:100%;justify-content:flex-end}}.file-upload-modal{max-width:650px;width:90%}.upload-section{margin-bottom:2rem}.upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.upload-area:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.upload-area.drag-active{border-color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:scale(1.02)}.upload-icon{font-size:48px;margin-bottom:1.5rem;filter:grayscale(.3)}.upload-text p{margin:0;font-size:1.1rem;color:#374151;font-weight:500}.upload-hint{font-size:.9rem!important;color:#6b7280!important;margin-top:.5rem!important;font-weight:400!important}.selected-file{margin-top:1.5rem;padding:1.25rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a}.file-info{display:flex;align-items:center;gap:1rem;flex:1}.file-icon{font-size:32px;transition:color .2s ease}.file-details{display:flex;flex-direction:column;flex:1}.file-name{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.25rem}.file-meta{display:flex;align-items:center;gap:.75rem}.file-type{color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.file-size{font-size:.875rem;color:#6b7280;font-weight:500}.remove-file{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#9ca3af;padding:.5rem;border-radius:6px;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.remove-file:hover{background:#fef2f2;color:#ef4444}.remove-file:disabled{opacity:.5;cursor:not-allowed}.upload-error{margin-top:1rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.error-icon{font-size:1.1rem}.upload-info{padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.upload-info h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1f2937}.file-type-info{display:flex;flex-direction:column;gap:1rem}.file-type-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.type-badge{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;flex-shrink:0}.type-badge.fmu{background-color:#22c55e}.type-badge.ssp{background-color:#0ea5e9}.type-description{flex:1}.type-description strong{display:block;color:#111827;font-size:.9rem;margin-bottom:.25rem}.type-description p{margin:0;font-size:.8rem;color:#6b7280;line-height:1.4}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.action-button{padding:.625rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-button{background:#f3f4f6;color:#374151}.cancel-button:hover:not(:disabled){background:#e5e7eb;color:#111827}.upload-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.upload-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.upload-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.file-upload-modal{width:95vw;max-width:none}.upload-area{padding:2rem}.upload-icon{font-size:36px}.upload-text p{font-size:1rem}.file-type-info{gap:.75rem}.file-type-item{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-footer{flex-direction:column;gap:.5rem}.action-button{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;line-height:1}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:.875rem}.form-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error{border-color:#ef4444}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.error-message{display:block;color:#ef4444;font-size:.75rem;margin-top:4px}.radio-group{display:flex;gap:16px;margin-bottom:12px}.radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:400;color:#374151;font-size:.875rem}.radio-label input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.form-hint{display:block;color:#6b7280;font-size:.75rem;margin-top:4px;font-style:italic}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid #e5e7eb}.modal-button{padding:12px 24px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:100px}.modal-button.primary{background:#3b82f6;color:#fff}.modal-button.primary:hover{background:#2563eb}.modal-button.secondary{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.modal-button.secondary:hover{background:#f3f4f6}@media(max-width:640px){.modal-content{width:95%;margin:20px}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-button{width:100%}}.workspace-page{min-height:100vh;background:linear-gradient(135deg,var(--secondary-50) 0%,var(--gray-100) 100%);color:var(--gray-900);display:flex;flex-direction:column}.workspace-header{background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.workspace-info{display:flex;align-items:center;gap:var(--space-4)}.workspace-title h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0;letter-spacing:-.02em}.workspace-title p{font-size:var(--text-sm);color:var(--gray-600);margin:var(--space-1) 0 0 0}.save-status{margin-top:var(--space-2)}.save-indicator{font-size:var(--text-xs);color:var(--gray-500);padding:var(--space-1) var(--space-2);border-radius:var(--rounded-xs);background:var(--gray-100);border:1px solid var(--gray-200);display:inline-flex;align-items:center;gap:var(--space-1);transition:var(--transition-all)}.save-indicator.saving{color:var(--blue-600);background:var(--blue-50);border-color:var(--blue-200)}.save-indicator.saving:before{content:"●";animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.back-button{background:var(--gray-100);color:var(--gray-700);border:none;padding:var(--space-2) var(--space-3);border-radius:var(--rounded-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;gap:var(--space-2)}.back-button:hover{background:var(--gray-200);transform:translateY(-1px)}.workspace-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.action-button{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--rounded-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);white-space:nowrap}.action-button:last-child{margin-right:40px}.action-button:hover{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.simulation-button{background:linear-gradient(135deg,#28a745,#198838);color:#fff}.simulation-button:hover{background:linear-gradient(135deg,#198838,#145b2e);transform:translateY(-1px);box-shadow:var(--shadow-md)}.workspace-content{flex:1;padding:var(--space-6)}.flow-container{height:calc(100vh - 120px);background:#fff;border:1px solid var(--gray-200);border-radius:var(--rounded-sm);box-shadow:var(--shadow-sm);overflow:hidden;transition:margin-right .3s ease}.flow-container.inspector-open{margin-right:400px}@media(max-width:768px){.flow-container.inspector-open{margin-right:0}}.workspace-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--space-4)}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.workspace-loading p{font-size:var(--text-lg);color:var(--gray-600);margin:0}.workspace-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--space-4);text-align:center}.error-icon{font-size:64px;margin-bottom:var(--space-2)}.workspace-error h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0}.workspace-error p{font-size:var(--text-base);color:var(--gray-600);margin:0}.react-flow__node{background:#fff;border:2px solid var(--gray-300);border-radius:var(--rounded-sm);box-shadow:var(--shadow-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-900);padding:0;transition:var(--transition-all);min-width:180px;min-height:80px}.react-flow__node:hover{border-color:var(--primary-500);box-shadow:var(--shadow-md)}.react-flow__node.selected{border-color:var(--primary-600);box-shadow:0 0 0 2px var(--primary-100)}.react-flow__node-input{background:var(--green-50);border-color:var(--green-300)}.react-flow__node-output{background:var(--blue-50);border-color:var(--blue-300)}.custom-node{position:relative;width:100%;height:100%;min-height:80px}.custom-node.input-node{border-color:var(--green-400);background:var(--green-50)}.custom-node.input-node .node-title{color:var(--green-700)}.custom-node.output-node{border-color:var(--blue-400);background:var(--blue-50)}.custom-node.output-node .node-title{color:var(--blue-700)}.custom-node.process-node{border-color:var(--purple-400);background:var(--purple-50)}.custom-node.process-node .node-title{color:var(--purple-700)}.custom-node.selected{box-shadow:0 0 0 2px var(--primary-500)}.node-content{padding:var(--space-3);display:flex;flex-direction:column;justify-content:center;height:100%}.node-title{font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-1);text-align:center;font-size:var(--text-sm)}.node-fmu{font-size:var(--text-xs);color:var(--primary-600);font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--primary-50);padding:var(--space-1) var(--space-2);border-radius:var(--rounded-xs);text-align:center;margin-bottom:var(--space-1)}.node-indicators{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-1)}.indicator-inputs,.indicator-outputs{font-size:var(--text-xs);color:var(--gray-500)}.indicator-label{background:var(--gray-100);padding:var(--space-0-5) var(--space-1);border-radius:var(--rounded-xs)}.node-inputs,.node-outputs{position:absolute;height:100%;pointer-events:none}.node-inputs{left:0;top:0}.node-outputs{right:0;top:0}.input-handle-container,.output-handle-container{position:absolute;height:100%;pointer-events:none}.input-handle-container{left:-8px}.output-handle-container{right:-8px}.input-label{position:absolute;left:12px;transform:translateY(-50%);font-size:var(--text-xs);color:var(--gray-600);background:#fff;padding:var(--space-0-5) var(--space-1);border-radius:var(--rounded-xs);border:1px solid var(--gray-200);white-space:nowrap;pointer-events:auto;font-weight:var(--font-medium);z-index:1}.output-label{position:absolute;right:12px;transform:translateY(-50%);font-size:var(--text-xs);color:var(--gray-600);background:#fff;padding:var(--space-0-5) var(--space-1);border-radius:var(--rounded-xs);border:1px solid var(--gray-200);white-space:nowrap;pointer-events:auto;font-weight:var(--font-medium);z-index:1}.react-flow__edge{stroke:var(--gray-400);stroke-width:2}.react-flow__edge.selected{stroke:var(--primary-600);stroke-width:3}.react-flow__edge-path:hover{stroke:var(--primary-500);stroke-width:3}.react-flow__edge-text{font-size:10px;fill:var(--gray-600);font-weight:var(--font-medium)}.react-flow__edge-textbg{fill:#fff;fill-opacity:.9}.react-flow__handle{width:12px!important;height:12px!important;background:#374151!important;border:2px solid white!important;transition:all .2s ease!important}.react-flow__handle:hover{transform:scale(1.2)!important}.react-flow__handle-connecting{background:#ef4444!important}.react-flow__handle-valid{background:#10b981!important}.react-flow__handle-invalid{background:#ef4444!important}.input-port-handle{background:#3b82f6!important;border-radius:0!important;width:12px!important;height:12px!important}.input-port-handle:hover{background:#2563eb!important;box-shadow:0 0 8px #3b82f699!important}.output-port-handle{width:0!important;height:0!important;background:transparent!important;border:none!important;border-left:10px solid #10b981!important;border-top:7px solid transparent!important;border-bottom:7px solid transparent!important;border-radius:0!important;transform:translate(-2px) translateY(-1px)!important}.output-port-handle:hover{border-left-color:#059669!important;filter:drop-shadow(0 0 4px rgba(16,185,129,.6))!important;transform:translate(-2px) translateY(-1px) scale(1.1)!important}.output-port-handle.react-flow__handle-connecting{border-left-color:#ef4444!important}.output-port-handle.react-flow__handle-valid{border-left-color:#10b981!important}.output-port-handle.react-flow__handle-invalid{border-left-color:#ef4444!important}.react-flow__controls{background:#fff;border:1px solid var(--gray-200);border-radius:var(--rounded-sm);box-shadow:var(--shadow-sm)}.react-flow__controls-button{background:#fff;border:none;border-bottom:1px solid var(--gray-200);color:var(--gray-700);font-size:var(--text-sm);padding:var(--space-2);cursor:pointer;transition:var(--transition-all)}.react-flow__controls-button:hover{background:var(--gray-50);color:var(--gray-900)}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__minimap{background:#fff;border:1px solid var(--gray-200);border-radius:var(--rounded-sm);box-shadow:var(--shadow-sm)}.react-flow__background{background:var(--gray-50)}.node-details-modal{max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.modal-body{padding:var(--space-6);max-height:60vh;overflow-y:auto}.node-section{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.node-section:last-child{border-bottom:none;margin-bottom:0}.node-section h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-4) 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.add-button{background:var(--primary-600);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--rounded-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;gap:var(--space-1)}.add-button:hover{background:var(--primary-700);transform:translateY(-1px)}.parameter-list{display:flex;flex-direction:column;gap:var(--space-3)}.parameter-main{display:grid;grid-template-columns:2fr 1fr auto;gap:var(--space-3);align-items:center;margin-bottom:var(--space-2)}.parameter-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--rounded-sm);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.parameter-name{background:#fff;border:1px solid var(--gray-300);border-radius:var(--rounded-xs);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--gray-900);transition:var(--transition-all)}.parameter-name:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.parameter-type{background:#fff;border:1px solid var(--gray-300);border-radius:var(--rounded-xs);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--gray-900);cursor:pointer;transition:var(--transition-all)}.parameter-type:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.parameter-value{background:#fff;border:1px solid var(--gray-300);border-radius:var(--rounded-xs);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--gray-900);transition:var(--transition-all);grid-column:1 / -1;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.parameter-value:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.parameter-description{background:#fff;border:1px solid var(--gray-300);border-radius:var(--rounded-xs);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--gray-600);transition:var(--transition-all);grid-column:1 / -1;margin-top:var(--space-2)}.parameter-description:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.remove-button{background:var(--red-100);color:var(--red-600);border:none;padding:var(--space-2);border-radius:var(--rounded-xs);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.remove-button:hover{background:var(--red-200);color:var(--red-700);transform:translateY(-1px)}.empty-message{color:var(--gray-500);font-style:italic;text-align:center;padding:var(--space-4);background:var(--gray-50);border-radius:var(--rounded-sm);margin:0}.connection-subsection{margin-bottom:var(--space-4)}.connection-subsection h5{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gray-800);margin:0 0 var(--space-3) 0}.connection-list{display:flex;flex-direction:column;gap:var(--space-2)}.connection-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--rounded-sm);padding:var(--space-3);display:flex;justify-content:space-between;align-items:center}.connection-info{display:flex;flex-direction:column;gap:var(--space-1)}.connection-label{font-weight:var(--font-medium);color:var(--gray-900);font-size:var(--text-sm)}.connection-detail{font-size:var(--text-xs);color:var(--gray-600);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.handle-buttons{display:flex;gap:var(--space-2)}.add-button.small{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);height:auto;min-width:auto}.handle-list{display:flex;flex-direction:column;gap:var(--space-2)}.handle-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--rounded-sm);padding:var(--space-3)}.handle-main{display:flex;align-items:center;gap:var(--space-2)}.handle-type{display:inline-block;padding:var(--space-0-5) var(--space-1);border-radius:var(--rounded-xs);font-size:var(--text-xs);font-weight:var(--font-medium);min-width:50px;text-align:center}.handle-type.input{background:var(--blue-100);color:var(--blue-700)}.handle-type.output{background:var(--green-100);color:var(--green-700)}.handle-label-input{flex:1;padding:var(--space-1-5) var(--space-2);border:1px solid var(--gray-300);border-radius:var(--rounded-xs);font-size:var(--text-sm);background:#fff;transition:var(--transition-all)}.handle-label-input:focus{outline:none;border-color:var(--primary-500);box-shadow:var(--ring-primary)}.handle-position{padding:var(--space-1-5) var(--space-2);border:1px solid var(--gray-300);border-radius:var(--rounded-xs);font-size:var(--text-sm);background:#fff;cursor:pointer;transition:var(--transition-all)}.handle-position:focus{outline:none;border-color:var(--primary-500);box-shadow:var(--ring-primary)}.node-handles{position:absolute;width:100%;height:100%;pointer-events:none}.handle-container{position:absolute;pointer-events:none}.handle-label{position:absolute;font-size:var(--text-xs);color:var(--gray-600);background:#fff;padding:var(--space-0-5) var(--space-1);border-radius:var(--rounded-xs);border:1px solid var(--gray-200);white-space:nowrap;pointer-events:auto;font-weight:var(--font-medium);z-index:1}.handle-label.input-label{color:var(--blue-700);border-color:var(--blue-200)}.handle-label.output-label{color:var(--green-700);border-color:var(--green-200)}.port-buttons{display:flex;gap:8px}.port-list{display:flex;flex-direction:column;gap:12px}.port-item{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#f9fafb;transition:all .2s ease}.port-item:hover{border-color:#d1d5db;background:#f3f4f6}.port-main{display:flex;align-items:center;gap:8px;margin-bottom:8px}.port-type{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;min-width:40px;text-align:center}.port-type.input{background:#dbeafe;color:#1e40af}.port-type.output{background:#d1fae5;color:#065f46}.port-name{flex:1;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;min-width:120px}.port-datatype{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;min-width:80px}.port-unit{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;min-width:60px}.port-description{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#6b7280}.port-description:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.port-label{position:absolute;pointer-events:none;font-size:10px;font-weight:500;white-space:nowrap;background:#ffffffe6;padding:1px 4px;border-radius:3px;z-index:10;transition:opacity .2s ease;opacity:.8}.port-label:hover{opacity:1}.input-port-label{color:#3b82f6;border:1px solid rgba(59,130,246,.3);transform:translate(-100%,-50%)}.output-port-label{color:#10b981;border:1px solid rgba(16,185,129,.3);transform:translate(100%,-50%)}.custom-node.selected .port-label{opacity:1}.react-flow__viewport[data-zoom-level="0.5"] .port-label,.react-flow__viewport[data-zoom-level="0.25"] .port-label{opacity:0}.handle-buttons{display:flex;gap:8px}.handle-item{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#f9fafb;transition:all .2s ease}.handle-item:hover{border-color:#d1d5db;background:#f3f4f6}.handle-main{display:flex;align-items:center;gap:8px}.handle-type{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;min-width:40px;text-align:center}.handle-type.input{background:#dbeafe;color:#1e40af}.handle-type.output{background:#d1fae5;color:#065f46}.handle-label-input{flex:1;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;min-width:120px}.handle-position{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;min-width:80px}.connection-subsection{margin-bottom:20px}.connection-subsection h5{margin:0 0 8px;font-size:14px;font-weight:600;color:#374151}.connection-list{display:flex;flex-direction:column;gap:8px}.connection-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.connection-info{display:flex;flex-direction:column;gap:2px}.connection-label{font-size:14px;font-weight:500;color:#374151}.connection-detail{font-size:12px;color:#6b7280}.add-button.small{padding:6px 10px;font-size:12px;background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.add-button.small:hover{background:#e5e7eb;border-color:#9ca3af}.add-button.small svg{width:12px;height:12px}.empty-message{color:#6b7280;font-style:italic;font-size:14px;margin:10px 0;text-align:center;padding:20px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h4{margin:0;font-size:16px;font-weight:600;color:#111827}.section-header h5{margin:0;font-size:14px;font-weight:600;color:#374151}.create-port-modal{max-width:500px;width:90%}.create-port-modal .modal-description{margin-bottom:20px;padding:12px;background:#f3f4f6;border-radius:6px;color:#374151;line-height:1.5}.create-port-modal .port-form{display:flex;flex-direction:column;gap:16px}.create-port-modal .form-group{display:flex;flex-direction:column;gap:6px}.create-port-modal .form-label{font-size:14px;font-weight:600;color:#374151}.create-port-modal .form-input,.create-port-modal .form-textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s}.create-port-modal .form-input:focus,.create-port-modal .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.create-port-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.create-port-modal .cancel-button{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-port-modal .cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.create-port-modal .submit-button{background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-port-modal .submit-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.create-port-modal .submit-button:active{transform:translateY(0)}@media(max-width:768px){.workspace-header{flex-direction:column;align-items:flex-start}.workspace-info{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.workspace-actions{width:100%;justify-content:flex-start}.action-button{flex:1;min-width:0}.workspace-content{padding:var(--space-4)}.flow-container{height:calc(100vh - 200px)}}@media(max-width:480px){.workspace-header,.workspace-content{padding:var(--space-3)}.action-button{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.workspace-title h1{font-size:var(--text-xl)}}.connection-option{margin-bottom:20px;padding:15px;border:1px solid #e1e5e9;border-radius:8px;background-color:#f8f9fa}.connection-option h3{margin:0 0 10px;color:#333;font-size:16px}.connection-option p{margin:0 0 15px;color:#666;font-size:14px}.port-selection{margin-bottom:15px}.port-option{display:flex;align-items:flex-start;margin-bottom:12px;padding:10px;border:1px solid #ddd;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease}.port-option:hover{border-color:#007bff;background-color:#f8f9ff}.port-option input[type=radio]{margin-right:10px;margin-top:2px}.port-info{flex:1}.port-info strong{color:#333;font-weight:600}.port-type{color:#6c757d;font-size:12px;margin-left:8px}.port-description{margin:5px 0 0;color:#666;font-size:13px;line-height:1.4}.action-button.primary{background-color:#007bff;color:#fff;border:none}.action-button.primary:hover:not(:disabled){background-color:#0056b3}.action-button.primary:disabled{background-color:#6c757d;cursor:not-allowed}.action-button.secondary{background-color:#6c757d;color:#fff;border:none}.action-button.secondary:hover{background-color:#5a6268}.workspace-inspector{position:fixed;top:0;right:0;height:100vh;background:#fff;border-left:1px solid var(--gray-300);box-shadow:var(--shadow-lg);z-index:1000;transition:all .3s ease;display:flex;flex-direction:column}.workspace-inspector.open{width:400px}.workspace-inspector.closed{width:50px}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--gray-200);background:var(--gray-50);min-height:60px}.inspector-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.inspector-toggle{background:none;border:none;font-size:var(--text-lg);cursor:pointer;padding:var(--space-2);border-radius:var(--rounded-sm);transition:var(--transition-all)}.inspector-toggle:hover{background:var(--gray-200)}.inspector-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.inspector-search{padding:var(--space-4);border-bottom:1px solid var(--gray-200)}.search-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--rounded-sm);font-size:var(--text-sm)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a}.inspector-tabs{display:flex;border-bottom:1px solid var(--gray-200)}.tab-button{flex:1;padding:var(--space-3);border:none;background:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);transition:var(--transition-all);border-bottom:2px solid transparent}.tab-button.active{color:var(--primary-600);border-bottom-color:var(--primary-600);background:var(--primary-50)}.tab-button:hover{background:var(--gray-100)}.inspector-body{flex:1;overflow-y:auto;padding:var(--space-4)}.node-inspector-item{border:1px solid var(--gray-200);border-radius:var(--rounded-sm);margin-bottom:var(--space-3);overflow:hidden}.node-header{display:flex;align-items:center;padding:var(--space-3);background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.expand-button{background:none;border:none;cursor:pointer;font-size:var(--text-sm);padding:var(--space-1);margin-right:var(--space-2);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-sm);transition:var(--transition-all)}.expand-button:hover{background:var(--gray-200)}.node-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.node-label-input{background:none;border:none;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-900);padding:var(--space-1);border-radius:var(--rounded-sm);transition:var(--transition-all)}.node-label-input:focus{outline:none;background:#fff;border:1px solid var(--primary-500)}.node-id{font-size:var(--text-xs);color:var(--gray-500);font-family:monospace}.node-actions{display:flex;gap:var(--space-1)}.action-btn{background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--rounded-sm);transition:var(--transition-all);font-size:var(--text-sm)}.action-btn:hover{background:var(--gray-200)}.action-btn.delete-btn:hover{background:var(--red-100)}.node-details{padding:var(--space-3)}.node-section{margin-bottom:var(--space-4)}.node-section:last-child{margin-bottom:0}.node-section h5{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-2) 0}.info-item{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.info-label{font-size:var(--text-xs);color:var(--gray-600)}.info-value{font-size:var(--text-xs);color:var(--gray-900);font-weight:var(--font-medium)}.ports-list,.handles-list{display:flex;flex-direction:column;gap:var(--space-2)}.port-item,.handle-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--gray-50);border-radius:var(--rounded-sm);border:1px solid var(--gray-200)}.port-type,.handle-type{font-size:var(--text-sm);width:20px;text-align:center}.port-type.input,.handle-type.input{color:var(--blue-600)}.port-type.output,.handle-type.output{color:var(--green-600)}.port-name,.handle-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-900);flex:1}.port-datatype,.handle-position{font-size:var(--text-xs);color:var(--gray-500)}.connections-summary{padding:var(--space-2);background:var(--gray-50);border-radius:var(--rounded-sm);border:1px solid var(--gray-200)}.connection-count{display:flex;gap:var(--space-4)}.incoming,.outgoing{font-size:var(--text-xs);color:var(--gray-600)}.incoming{color:var(--blue-600)}.outgoing{color:var(--green-600)}.edge-inspector-item{border:1px solid var(--gray-200);border-radius:var(--rounded-sm);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--gray-50)}.edge-header{display:flex;align-items:center;gap:var(--space-2)}.edge-icon{font-size:var(--text-lg)}.edge-info{flex:1}.edge-connection{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.source-node,.target-node{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-900)}.connection-arrow{font-size:var(--text-xs);color:var(--gray-500)}.edge-details{font-size:var(--text-xs);color:var(--gray-600)}.edge-handles{display:flex;gap:var(--space-2)}.source-handle,.target-handle{background:var(--gray-100);padding:var(--space-1);border-radius:var(--rounded-sm)}@media(max-width:768px){.workspace-inspector.open{width:100%}.workspace-inspector.closed{width:40px}}.parameters-list{display:flex;flex-direction:column;gap:var(--space-3)}.parameter-item{padding:var(--space-3);background:var(--gray-50);border-radius:var(--rounded-sm);border:1px solid var(--gray-200)}.parameter-header{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.parameter-name-input{flex:1;padding:var(--space-2);border:1px solid var(--gray-300);border-radius:var(--rounded-sm);font-size:var(--text-xs);background:#fff}.parameter-name-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a}.parameter-type-select{padding:var(--space-2);border:1px solid var(--gray-300);border-radius:var(--rounded-sm);font-size:var(--text-xs);background:#fff;min-width:80px}.parameter-type-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a}.parameter-value{margin-bottom:var(--space-2)}.parameter-value-input,.parameter-value-select{width:100%;padding:var(--space-2);border:1px solid var(--gray-300);border-radius:var(--rounded-sm);font-size:var(--text-xs);background:#fff}.parameter-value-input:focus,.parameter-value-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a}.parameter-description{margin-top:var(--space-2)}.parameter-description-input{width:100%;padding:var(--space-2);border:1px solid var(--gray-300);border-radius:var(--rounded-sm);font-size:var(--text-xs);background:#fff;resize:vertical;min-height:30px}.parameter-description-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a}@media(max-width:768px){.parameter-header{flex-direction:column}.parameter-type-select{min-width:auto}}.fmu-upload-modal{max-width:600px;width:90%}.upload-section{margin-bottom:var(--space-6)}.upload-area{border:2px dashed var(--gray-300);border-radius:var(--rounded-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:var(--transition-all);background:var(--gray-50)}.upload-area:hover{border-color:var(--primary-400);background:var(--primary-50)}.upload-area.drag-active{border-color:var(--primary-500);background:var(--primary-100)}.upload-icon{font-size:48px;margin-bottom:var(--space-4)}.upload-text p{margin:0;font-size:var(--text-base);color:var(--gray-700)}.upload-hint{font-size:var(--text-sm)!important;color:var(--gray-500)!important;margin-top:var(--space-1)!important}.selected-file{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--rounded-sm);background:#fff;display:flex;align-items:center;justify-content:space-between}.file-info{display:flex;align-items:center;gap:var(--space-3)}.file-icon{font-size:24px}.file-details{display:flex;flex-direction:column}.file-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-900)}.file-size{font-size:var(--text-xs);color:var(--gray-500)}.remove-file{background:none;border:none;font-size:var(--text-lg);cursor:pointer;color:var(--gray-400);padding:var(--space-1);border-radius:var(--rounded-sm);transition:var(--transition-all)}.remove-file:hover{background:var(--red-100);color:var(--red-600)}.upload-info{padding:var(--space-4);background:var(--blue-50);border-radius:var(--rounded-sm);border:1px solid var(--blue-200)}.upload-info h4{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--blue-900)}.upload-info ul{margin:0;padding-left:var(--space-4)}.upload-info li{font-size:var(--text-sm);color:var(--blue-800);margin-bottom:var(--space-1)}.upload-info li:last-child{margin-bottom:0}.cancel-button{background:var(--gray-500)!important}.cancel-button:hover{background:var(--gray-600)!important}.upload-button{background-color:#0056b3}.upload-button:hover:not(:disabled){background-color:#0056b3}.upload-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.fmu-upload-modal{width:95%;max-width:none}.upload-area{padding:var(--space-6)}.upload-icon{font-size:36px}.modal-footer{flex-direction:column;gap:var(--space-2)}.action-button{width:100%}}.result-page-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:2rem 0;margin-bottom:2rem}.result-header-content{max-width:1200px;margin:0 auto;padding:0 2rem}.back-button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;margin-bottom:1rem;transition:all .2s}.back-button:hover{background:#e5e7eb;border-color:#9ca3af}.result-title{font-size:2rem;font-weight:700;color:#111827;margin:1rem 0}.result-stats{display:flex;gap:2rem;color:#6b7280;font-size:.875rem}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-item strong{color:#374151}.result-content{margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:300px 1fr;gap:2rem;min-height:500px}.result-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;height:fit-content;box-shadow:0 1px 3px #0000001a;overflow:scroll;scrollbar-width:none;max-height:calc(100vh - 200px);overflow-y:auto}.result-sidebar h3{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.variable-list{display:flex;flex-direction:column;gap:.25rem}.variable-group{border-radius:.375rem;overflow:hidden}.group-header{display:flex;align-items:center;padding:.75rem;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;transition:background-color .2s;margin-bottom:.25rem}.group-header:hover{background:#f1f5f9}.group-toggle{margin-right:.5rem;font-size:.75rem;color:#64748b;-webkit-user-select:none;user-select:none;font-weight:600}.group-name{font-size:.875rem;font-weight:600;color:#334155;font-family:Monaco,Menlo,monospace}.group-children{margin-left:1rem;border-left:2px solid #e2e8f0;padding-left:.5rem}.variable-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s}.variable-item:hover{background:#f9fafb}.variable-item.child{padding-left:.75rem;background:#fafbfc;border-left:1px solid #e2e8f0}.variable-item.child:hover{background:#f1f5f9}.variable-item input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.variable-name{font-size:.875rem;color:#374151;font-family:Monaco,Menlo,monospace}.result-chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.chart-header h3{font-size:1.25rem;font-weight:600;color:#111827}.chart-legend{display:flex;flex-wrap:wrap;gap:1rem}.legend-item{display:flex;align-items:center;font-size:.875rem;font-weight:500;font-family:Monaco,Menlo,monospace}.legend-item:before{content:"";width:1rem;height:2px;background:currentColor;margin-right:.5rem}.chart-wrapper{display:flex;justify-content:center;align-items:center;margin:1rem 0}.chart-wrapper canvas{border:1px solid #e5e7eb;border-radius:.375rem;background:#fff}.empty-chart-message{text-align:center;color:#6b7280;font-size:1rem;padding:3rem;background:#f9fafb;border-radius:.375rem;border:2px dashed #d1d5db}.empty-chart-message p{margin:0}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{font-size:1.125rem;color:#6b7280}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:1rem}.error-message{font-size:1.125rem;color:#ef4444;text-align:center}@media(max-width:768px){.result-content{grid-template-columns:1fr;gap:1rem}.result-header-content{padding:0 1rem}.result-stats{flex-direction:column;gap:.5rem}.chart-wrapper canvas{width:100%;max-width:600px;height:auto}.chart-legend{justify-content:center}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-gray-50:oklch(98.5% .002 247.839);--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-relaxed:1.625;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gray-50{background-color:var(--color-gray-50)}.pt-0{padding-top:calc(var(--spacing)*0)}.text-blue-500{color:var(--color-blue-500)}.capitalize{text-transform:capitalize}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.running{animation-play-state:running}}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--info-50:#eff6ff;--info-100:#dbeafe;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--space-px:1px;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-thin:100;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--rounded-none:0;--rounded-sm:.125rem;--rounded:.25rem;--rounded-md:.375rem;--rounded-lg:.5rem;--rounded-xl:.75rem;--rounded-2xl:1rem;--rounded-3xl:1.5rem;--rounded-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--transition-none:none;--transition-all:all .15s cubic-bezier(.4,0,.2,1);--transition-colors:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);--transition-opacity:opacity .15s cubic-bezier(.4,0,.2,1);--transition-shadow:box-shadow .15s cubic-bezier(.4,0,.2,1);--transition-transform:transform .15s cubic-bezier(.4,0,.2,1);--z-auto:auto;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--gradient-primary:linear-gradient(135deg,var(--primary-600)0%,var(--primary-700)100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-500)0%,var(--secondary-600)100%);--gradient-success:linear-gradient(135deg,var(--success-500)0%,var(--success-600)100%);--focus-ring:0 0 0 3px #3b82f61a;--focus-ring-offset:0 0 0 2px white,0 0 0 4px var(--primary-500);--duration-75:75ms;--duration-100:.1s;--duration-150:.15s;--duration-200:.2s;--duration-300:.3s;--duration-500:.5s;--duration-700:.7s;--duration-1000:1s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1)}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}*{box-sizing:border-box;font:inherit;color:inherit;margin:0;padding:0}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}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}