.client-selector{position:relative;width:280px}.client-selector__trigger{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.client-selector__trigger:hover{border-color:#cbd5e1;background:#f8fafc}.client-selector__trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.client-selector__icon{font-size:18px}.client-selector__name{flex:1;font-weight:500;color:#1e293b;text-align:left}.client-selector__arrow{font-size:10px;color:#64748b;transition:transform .2s ease}.client-selector__arrow--open{transform:rotate(180deg)}.client-selector__mode-badge{font-size:12px;margin-right:4px;opacity:.7}.client-selector__trigger:disabled{opacity:.6;cursor:not-allowed}.client-selector__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 40px #00000026;z-index:1000;overflow:hidden}.client-selector__search{padding:8px;border-bottom:1px solid #e2e8f0}.client-selector__search-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s ease}.client-selector__search-input:focus{outline:none;border-color:#3b82f6}.client-selector__list{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.client-selector__option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background-color .15s ease}.client-selector__option:hover{background:#f1f5f9}.client-selector__option--selected{background:#eff6ff}.client-selector__option-content{display:flex;flex-direction:column;gap:2px}.client-selector__option-name{font-weight:500;color:#1e293b}.client-selector__option-meta{font-size:12px;color:#64748b}.client-selector__check{color:#3b82f6;font-weight:700}.client-selector__no-results{padding:16px;text-align:center;color:#64748b}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-weight:500;font-size:13px;white-space:nowrap;transition:all .2s ease}.status-badge--small{padding:2px 8px;font-size:11px;gap:4px}.status-badge--large{padding:6px 16px;font-size:15px;gap:8px}.status-badge__icon{font-size:.9em}.status-badge__label{text-transform:capitalize}.status-indicator{display:inline-block;border-radius:50%;flex-shrink:0}.status-indicator--small{width:8px;height:8px}.status-indicator--medium{width:12px;height:12px}.app{display:flex;flex-direction:column;min-height:100vh;background:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.app__logo{display:flex;align-items:center;gap:10px}.app__logo-icon{font-size:28px}.app__title{margin:0;font-size:20px;font-weight:700;color:#1e293b}.app__edit-indicator{padding:4px 10px;background:#fef3c7;color:#d97706;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-left:8px}.app__header-right{display:flex;align-items:center;gap:16px}.app__header-left{display:flex;align-items:center;gap:32px}.app__nav{display:flex;align-items:center;gap:8px}.app__nav-link{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;transition:all .2s}.app__nav-link:hover{background:#f1f5f9;color:#334155}.app__nav-link--active{background:#eff6ff;color:#3b82f6}.app__container{display:flex;flex-direction:column;min-height:100vh;background:#f1f5f9}.app__main{display:flex;flex:1;overflow:hidden}.app__sidebar{width:280px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.app__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.app__sidebar-title{margin:0;font-size:16px;font-weight:600;color:#1e293b}.app__sidebar-count{background:#f1f5f9;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;color:#64748b}.app__journey-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.app__journey-item{display:flex;flex-direction:column;gap:8px;padding:16px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background-color .15s ease}.app__journey-item:hover{background:#f8fafc}.app__journey-item--selected{background:#eff6ff;border-left:3px solid #3b82f6}.app__journey-info{flex:1}.app__journey-name{margin:0 0 4px;font-size:14px;font-weight:600;color:#1e293b}.app__journey-description{margin:0;font-size:12px;color:#64748b;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app__loading{padding:20px;text-align:center;color:#64748b;font-size:14px}.app__canvas{flex:1;display:flex;flex-direction:column;overflow:hidden}.app__canvas-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.app__canvas-info{flex:1}.app__canvas-title{margin:0 0 4px;font-size:18px;font-weight:600;color:#1e293b}.app__canvas-meta{margin:0;font-size:13px;color:#64748b}.app__canvas-actions{display:flex;gap:12px}.app__toggle-panel{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.app__toggle-panel:hover{background:#e2e8f0;color:#1e293b}.app__flow-wrapper{flex:1;padding:16px;overflow:hidden}.app__flow-wrapper--with-panel{margin-right:0}.app__approval-sidebar{width:380px;background:#fff;border-left:1px solid #e2e8f0;overflow-y:auto;padding:16px}.app__footer{padding:12px 24px;background:#fff;border-top:1px solid #e2e8f0;text-align:center}.app__footer p{margin:0;font-size:12px;color:#94a3b8}.app__mode-indicator{color:#10b981;font-weight:500}.app__login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:24px}.app__login-card{background:#fff;border-radius:16px;padding:48px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.app__login-logo{text-align:center;margin-bottom:8px}.app__login-logo span{font-size:48px}.app__login-logo h1{margin:16px 0 0;font-size:24px;font-weight:700;color:#1e293b}.app__login-subtitle{text-align:center;color:#64748b;font-size:14px;margin:8px 0 32px}.app__login-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px}.app__login-form{display:flex;flex-direction:column;gap:20px}.app__login-field{display:flex;flex-direction:column;gap:6px}.app__login-field label{font-size:14px;font-weight:500;color:#374151}.app__login-field input{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s}.app__login-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.app__login-btn{padding:14px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.app__login-btn:hover:not(:disabled){background:#2563eb}.app__login-btn:disabled{opacity:.7;cursor:not-allowed}.app__main--fullwidth{padding:0;overflow:auto;width:100%}.webhook-page,.touchpoint-page{width:100%;height:100%;overflow:auto;padding:0}.app__loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#64748b}.app__loading-spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.app__user-menu{display:flex;align-items:center;gap:8px;margin-left:12px;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}.app__user-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#ffffff40;color:#fff;font-size:13px;font-weight:600;cursor:default;user-select:none}.app__logout-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .15s}.app__logout-btn:hover{background:#ffffff47}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;color:#1e293b;line-height:1.5}#root{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}::selection{background:#bfdbfe;color:#1e3a8a}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}