@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";.dashboard-container{height:100vh;display:flex;flex-direction:column;background:var(--bg-darker, #0f172a);color:var(--text-primary, #e2e8f0)}.dashboard-nav{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;background:#0f172af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;z-index:200}.nav-brand{display:flex;align-items:center;gap:10px}.nav-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.nav-toggle-btn:hover{background:#ffffff12;color:#e2e8f0}.nav-toggle-btn svg{width:18px;height:18px}.nav-logo{width:22px;height:22px;color:var(--brand-primary, #1aaf69);flex-shrink:0}.nav-title{font-size:14px;font-weight:700;color:var(--brand-primary, #1aaf69);letter-spacing:-.01em}.nav-user{display:flex;align-items:center;gap:10px}.nav-avatar{width:30px;height:30px;border-radius:50%;background:#1aaf6926;border:1.5px solid rgba(26,175,105,.3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--brand-primary, #1aaf69);overflow:hidden;flex-shrink:0}.nav-avatar img{width:100%;height:100%;object-fit:cover}.nav-username{font-size:13px;font-weight:500;color:#94a3b8}.logout-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:#ef444414;border:1px solid rgba(239,68,68,.18);border-radius:7px;color:#fca5a5;cursor:pointer;transition:background .15s,border-color .15s}.logout-btn svg{width:14px;height:14px}.logout-btn:hover{background:#ef44442e;border-color:#ef444459}.dashboard-body{flex:1;display:flex;overflow:hidden}:root{--sidebar-expanded-width: 248px;--sidebar-collapsed-width: 60px;--sidebar-transition: .22s cubic-bezier(.4, 0, .2, 1)}.sidebar{width:var(--sidebar-expanded-width);background:#0f172acc;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width var(--sidebar-transition);position:relative}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:44px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;overflow:hidden}.sidebar-header-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#475569;white-space:nowrap;opacity:1;transition:opacity var(--sidebar-transition)}.sidebar.collapsed .sidebar-header-label{opacity:0;pointer-events:none}.sidebar-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:#1aaf691f;border:1px solid rgba(26,175,105,.25);border-radius:10px;font-size:10px;font-weight:700;color:var(--brand-primary, #1aaf69);flex-shrink:0}.proc-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.proc-list::-webkit-scrollbar{width:4px}.proc-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.proc-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;transition:background .15s;position:relative;min-height:52px;overflow:hidden}.proc-item:hover{background:#ffffff0d}.proc-item.active{background:#1aaf691a}.proc-item-active-dot{position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--brand-primary, #1aaf69);border-radius:2px 0 0 2px}.proc-item-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s}.proc-item:hover .proc-item-icon{transform:scale(1.05)}.proc-item-icon svg{width:16px;height:16px}.proc-icon-bpmn{background:#1aaf691f}.proc-icon-python{background:#fbbf241f}.proc-icon-ksql{background:#6366f11f}.impl-letter{font-size:15px;font-weight:800;font-family:JetBrains Mono,SF Mono,Consolas,monospace;letter-spacing:-.02em;line-height:1;-webkit-user-select:none;user-select:none}.impl-letter-bpmn{color:var(--brand-primary, #1aaf69)}.impl-letter-python{color:#fcd34d}.impl-letter-ksql{color:#a5b4fc}.proc-item-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;overflow:hidden;opacity:1;transition:opacity var(--sidebar-transition),width var(--sidebar-transition)}.sidebar.collapsed .proc-item-body{opacity:0;width:0;pointer-events:none}.proc-item-name{font-size:13px;font-weight:600;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;transition:color .15s}.proc-item.active .proc-item-name{color:#e2e8f0}.proc-item-meta{display:flex;align-items:center;gap:5px}.proc-item-type{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 5px;border-radius:3px;border:1px solid transparent;line-height:1.5}.proc-type-bpmn{background:#1aaf691a;border-color:#1aaf694d;color:var(--brand-primary,#1aaf69)}.proc-type-python{background:#fbbf241a;border-color:#fbbf244d;color:#fcd34d}.proc-type-ksql{background:#6366f11a;border-color:#6366f14d;color:#a5b4fc}.proc-item-version{font-size:10px;color:#475569;font-family:JetBrains Mono,monospace}.sidebar.collapsed .proc-item{justify-content:center;padding:9px 0}.sidebar.collapsed .proc-item:after{content:attr(data-tooltip);position:absolute;left:calc(var(--sidebar-collapsed-width) - 4px);top:50%;transform:translateY(-50%);background:#1e293b;color:#e2e8f0;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:300;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0006}.sidebar.collapsed .proc-item:hover:after{opacity:1}.sidebar-empty,.sidebar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 12px;color:#475569;text-align:center}.sidebar-empty svg,.sidebar-loading svg{width:28px;height:28px;opacity:.5}.sidebar-empty p,.sidebar-loading span{margin:0;font-size:12px;color:#475569;line-height:1.4}.sidebar-error{color:#f87171}.sidebar-error svg{opacity:.7}.sidebar-error p{color:#fca5a5}.sidebar-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--brand-primary, #1aaf69);border-radius:50%;animation:spin .7s linear infinite}.sidebar-mobile-close{display:none}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.tab-bar{display:flex;align-items:center;padding:0 8px;background:#0f172ae6;border-bottom:1px solid rgba(255,255,255,.07);min-height:40px;overflow-x:auto;flex-shrink:0}.tab-bar::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:6px;padding:0 12px;height:40px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;flex-shrink:0;color:#64748b;border-radius:0}.tab:hover{background:#ffffff0a;color:#94a3b8}.tab.active{background:#1aaf6914;border-bottom-color:var(--brand-primary, #1aaf69);color:#e2e8f0}.tab-impl-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tab-dot-bpmn{background:var(--brand-primary, #1aaf69)}.tab-dot-python{background:#fcd34d}.tab-dot-ksql{background:#a5b4fc}.tab-name{font-size:13px;font-weight:500}.tab-type-badge{display:inline-block;padding:1px 5px;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:3px;border:1px solid transparent;line-height:1.6;flex-shrink:0}.tab-type-bpmn{background:#1aaf691a;border-color:#1aaf6940;color:var(--brand-primary,#1aaf69)}.tab-type-python{background:#fbbf241a;border-color:#fbbf2440;color:#fcd34d}.tab-type-ksql{background:#6366f11a;border-color:#6366f140;color:#a5b4fc}.tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;border-radius:3px;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;flex-shrink:0}.tab-close svg{width:10px;height:10px;color:#94a3b8}.tab:hover .tab-close,.tab.active .tab-close{opacity:1}.tab-close:hover{background:#ef444433}.tab-close:hover svg{color:#fca5a5}.content-area{flex:1;overflow:hidden;background:#0b1120}.editor-container{width:100%;height:100%}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;gap:0}.empty-icon{width:72px;height:72px;margin-bottom:20px;color:#1e293b}.empty-icon svg{width:100%;height:100%}.empty-state h2{margin:0 0 8px;font-size:18px;font-weight:600;color:#334155}.empty-state p{margin:0;font-size:13px;color:#334155;max-width:260px;line-height:1.5}@media (max-width: 768px){.nav-username{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:250;width:var(--sidebar-expanded-width)!important;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px #0009}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed .proc-item-body{opacity:1;width:auto;pointer-events:auto}.sidebar.collapsed .sidebar-header-label{opacity:1;pointer-events:auto}.sidebar.collapsed .proc-item{justify-content:flex-start;padding:9px 10px}.sidebar.collapsed .proc-item:after{display:none}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:240;animation:fadeIn .2s ease}.sidebar-mobile-close{display:flex;position:absolute;top:10px;right:10px;width:28px;height:28px;align-items:center;justify-content:center;background:#ffffff0f;border:none;border-radius:6px;color:#94a3b8;cursor:pointer}.sidebar-mobile-close svg{width:14px;height:14px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ms-login-btn{display:flex;align-items:center;gap:12px;padding:14px 32px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;justify-content:center}.ms-login-btn:hover{background:#ffffff24;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.ms-login-btn:active{transform:translateY(0)}.ms-logo{width:20px;height:20px;flex-shrink:0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--brand-primary: #1AAF69;--brand-primary-hover: #148f56;--brand-primary-light: rgba(26, 175, 105, .15);--bg-dark: #1C1C1C;--bg-darker: #121212;--bg-card: #2E332F;--bg-card-hover: #3a403b;--text-primary: #FFFFFF;--text-secondary: #B7C6B8;--text-muted: #6b7a6d;--accent-green: #014D32;--accent-green-hover: #026A45;--border-subtle: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1)}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-darker);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 30%,rgba(26,175,105,.08) 0%,transparent 70%)}.login-card{width:100%;max-width:420px;padding:48px 36px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;animation:fadeUp .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-section{margin-bottom:36px}.logo-icon{width:56px;height:56px;margin:0 auto 16px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#1aaf6926,#1aaf690d);color:var(--brand-primary);animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px #1aaf691a}50%{box-shadow:0 0 30px #1aaf6940}}.logo-icon svg{width:100%;height:100%}.logo-section h1{font-size:24px;font-weight:800;color:var(--brand-primary);margin-bottom:6px}.subtitle{font-size:14px;color:var(--text-muted);font-weight:400}.status-section{margin-bottom:32px}.loading-container{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{width:36px;height:36px;border:3px solid rgba(26,175,105,.15);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-text{font-size:13px;color:var(--text-secondary);font-weight:500}.error-container{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:14px}.error-text{font-size:13px;color:#fca5a5;line-height:1.5}.retry-btn{padding:8px 20px;background:#ef444426;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#fca5a5;font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:#ef444440;border-color:#ef444466}.footer-note{padding-top:8px}.footer-note p{font-size:11px;color:var(--text-muted);font-weight:400;letter-spacing:.02em}