@charset "UTF-8";@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-down{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.spinner{animation:spin 1s linear infinite}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.fade-in{animation:fade-in .2s ease}@media (prefers-reduced-motion: reduce){.fade-in{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.fade-out{animation:fade-out .2s ease}@media (prefers-reduced-motion: reduce){.fade-out{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.slide-down{animation:slide-down .2s ease}@media (prefers-reduced-motion: reduce){.slide-down{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.slide-up{animation:slide-up .2s ease}@media (prefers-reduced-motion: reduce){.slide-up{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.slide-left{animation:slide-left .2s ease}@media (prefers-reduced-motion: reduce){.slide-left{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.slide-right{animation:slide-right .2s ease}@media (prefers-reduced-motion: reduce){.slide-right{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.scale-up{animation:scale-up .2s ease}@media (prefers-reduced-motion: reduce){.scale-up{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.scale-down{animation:scale-down .2s ease}@media (prefers-reduced-motion: reduce){.scale-down{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.bounce{animation:bounce .6s ease-in-out}@media (prefers-reduced-motion: reduce){.bounce{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shake{animation:shake .5s ease-in-out}@media (prefers-reduced-motion: reduce){.shake{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pulse{animation:pulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.pulse{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.transition{transition:all .2s ease}@media (prefers-reduced-motion: reduce){.transition{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}@media (prefers-reduced-motion: reduce){.transition-colors{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.transition-opacity{transition:opacity .2s ease}@media (prefers-reduced-motion: reduce){.transition-opacity{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.transition-transform{transition:transform .2s ease}@media (prefers-reduced-motion: reduce){.transition-transform{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.transition-shadow{transition:box-shadow .2s ease}@media (prefers-reduced-motion: reduce){.transition-shadow{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}@media (prefers-reduced-motion: reduce){.hover-lift{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.hover-lift:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.hover-scale{transition:transform .2s ease}@media (prefers-reduced-motion: reduce){.hover-scale{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.98)}.hover-brighten{transition:filter .2s ease}@media (prefers-reduced-motion: reduce){.hover-brighten{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover-brighten:hover{filter:brightness(1.1)}.skeleton{background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.skeleton{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.progress-indeterminate{position:relative;overflow:hidden}.progress-indeterminate:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(57,73,171,.3),transparent);animation:progress 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.progress-indeterminate:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-backdrop-enter{animation:fade-in .3s ease}@media (prefers-reduced-motion: reduce){.modal-backdrop-enter{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-backdrop-leave{animation:fade-out .3s ease}@media (prefers-reduced-motion: reduce){.modal-backdrop-leave{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-enter{animation:scale-up .2s ease}@media (prefers-reduced-motion: reduce){.modal-enter{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-leave{animation:scale-down .2s ease}@media (prefers-reduced-motion: reduce){.modal-leave{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tooltip-enter,.popover-enter{animation:fade-in .15s ease,slide-up .15s ease}@media (prefers-reduced-motion: reduce){.tooltip-enter,.popover-enter{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tooltip-leave,.popover-leave{animation:fade-out .15s ease}@media (prefers-reduced-motion: reduce){.tooltip-leave,.popover-leave{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.notification-enter{animation:slide-right .2s ease}@media (prefers-reduced-motion: reduce){.notification-enter{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.notification-leave{animation:slide-left .2s ease}@media (prefers-reduced-motion: reduce){.notification-leave{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.delay-50{animation-delay:50ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}html{overflow-x:hidden}body{overflow-x:hidden;max-width:100%}.container-fluid{max-width:100%;overflow-x:hidden}.row{margin-left:calc(var(--bs-gutter-x) * -.5);margin-right:calc(var(--bs-gutter-x) * -.5)}[class*=col-]{padding-left:calc(var(--bs-gutter-x) * .5);padding-right:calc(var(--bs-gutter-x) * .5);min-width:0}.header{flex-wrap:wrap;min-height:56px}.avatar-circle{flex-shrink:0}.user-panel{max-width:min(300px,90vw);width:100%;right:0;left:auto}.sidebar-container{max-width:220px;flex-shrink:0}.sidebar-container.collapsed{max-width:50px}.main-content{min-width:0;overflow-x:hidden}.process-action-bar .action-bar-card{flex-wrap:wrap;min-height:auto}.process-action-bar .action-bar-right{flex-wrap:wrap;justify-content:flex-end}.sife-tabs .tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.sife-tabs .tab-button{flex-shrink:0;white-space:nowrap}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}.process-card,.flow-card,.chapter-card{max-width:100%}.process-card .card-body,.process-card .chapter-body,.flow-card .card-body,.flow-card .chapter-body,.chapter-card .card-body,.chapter-card .chapter-body{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.form-control,.form-select{max-width:100%;font-size:1rem}label{display:block;word-wrap:break-word}.btn{white-space:normal;word-wrap:break-word;min-height:2.5rem}.btn-group{flex-wrap:wrap}.modal-dialog{max-width:min(500px,95vw);margin:1rem auto}.modal-content{max-width:100%}.pagination{flex-wrap:wrap;justify-content:center}.page-item{margin:.25rem}@media (max-width: 1024px){.action-bar-card{padding:12px 16px}.process-title .title-text{font-size:1rem}.btn-action{font-size:.875rem;padding:.5rem .75rem}.sidebar-container:not(.collapsed){position:absolute;z-index:1000;box-shadow:2px 0 8px #00000026}}@media (max-width: 768px){.action-bar-card{flex-direction:column;align-items:stretch;gap:12px}.action-bar-left,.action-bar-right{width:100%;justify-content:center}.action-bar-right{gap:8px}.sife-tabs .tabs-list{flex-direction:column;align-items:stretch}.sife-tabs .tab-button{width:100%;text-align:left}.header{padding:.5rem}.user-panel{width:100%;max-width:100vw;left:0;right:0}.process-card .process-info,.flow-card .process-info{flex-direction:column}.process-card .info-item,.flow-card .info-item{width:100%}.breadcrumb{flex-wrap:wrap;font-size:.875rem}.chapter-card .chapter-header,.chapter-card .chapter-body{padding:.75rem}}@media (max-width: 576px){body{font-size:1rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}.btn{min-height:3rem;font-size:1rem}.btn-sm{min-height:2.5rem;font-size:.875rem}.form-control,.form-select{min-height:3rem;font-size:1rem}.action-bar-card{padding:8px 12px}.sidebar-container:not(.collapsed){width:100%;max-width:250px}}.text-nowrap-zoom{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.text-nowrap-zoom{white-space:normal;overflow:visible}}.hide-on-zoom{display:block}@media (max-width: 768px){.hide-on-zoom{display:none}}.show-on-zoom{display:none}@media (max-width: 768px){.show-on-zoom{display:block}}.flex-wrap-zoom{display:flex}@media (max-width: 768px){.flex-wrap-zoom{flex-wrap:wrap}}img,svg,video,iframe{max-width:100%;height:auto}*{box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}@media (max-width: 768px){::-webkit-scrollbar{width:8px;height:8px}}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}:root{--primary-color: #3949ab;--primary-hover: #2c3a8e;--primary-light: #5e6dc4;--secondary-color: #90caf9;--text-primary: #212121;--text-secondary: #424242;--text-tertiary: #757575;--text-disabled: #9e9e9e;--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #e8eaf6;--bg-hover: #f0f3ff;--success-color: #4caf50;--error-color: #d32f2f;--warning-color: #ff9800;--info-color: #1976d2;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--focus-color: #1976d2;--focus-outline-width: 3px;--focus-box-shadow: 0 0 0 3px rgba(25, 118, 210, .4);--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--transition-fast: .2s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1)}body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{background-color:var(--primary-color);box-shadow:0 2px 4px #0000001a}.logo{color:#fff;font-weight:700}.avatar{width:40px;height:40px;border-radius:50%;background-color:#90caf9;color:#1a237e;font-weight:700}.sidebar{background-color:#fff;box-shadow:2px 0 4px #0000001a;height:calc(100vh - 56px)}.menu-item{padding:.75rem 1rem;cursor:pointer;border-left:4px solid transparent}.menu-item:hover{background-color:var(--bg-hover)}.menu-item.active{background-color:var(--bg-tertiary);color:var(--primary-color);font-weight:700;border-left:4px solid #3949ab}.menu-category{padding:.5rem 1rem;font-size:.75rem;color:#757575;text-transform:uppercase;font-weight:700;margin-top:1rem}.main-content{padding:1.5rem}.card-common{background-color:#fff;border-radius:5px;overflow:hidden;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease;margin-bottom:1.5rem}.card-common:hover{transform:translateY(-5px)}.process-card{background-color:#fff;border-radius:5px;overflow:hidden;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease;margin-bottom:1.5rem}.process-card:hover{transform:translateY(-5px)}.card-header-custom{color:#fff;padding:1rem;height:1px;display:flex;align-items:center}.process-blue{background-color:var(--primary-color)}.card-body-custom{padding:1rem}.process-details{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.process-summary{color:#212121;font-size:.95rem;margin:.8rem 0;line-height:1.4}.workflow-steps{display:flex;align-items:center;margin:1rem 0;overflow-x:auto;padding-bottom:.5rem}.step{min-width:120px;text-align:center;padding:.5rem;border-radius:4px;font-size:.75rem;position:relative;margin-right:1.5rem}.step:not(:last-child):after{content:"";position:absolute;top:50%;right:-20px;width:20px;height:2px;background-color:#bdbdbd}.step-completed{background-color:#c8e6c9;color:#2e7d32}.step-current{background-color:#bbdefb;color:#1565c0;font-weight:700}.step-pending{background-color:#f5f5f5;color:#9e9e9e}.flow-card{background-color:#fff;border-radius:5px;overflow:hidden;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease;margin-bottom:1.5rem}.flow-card:hover{transform:translateY(-5px)}.card-header-blue{background-color:var(--primary-color);color:#fff;padding:1rem}.card-header-green{background-color:#26a69a;color:#fff;padding:1rem}.card-header-orange{background-color:#ff9800;color:#fff;padding:1rem}.card-header-purple{background-color:#7b1fa2;color:#fff;padding:1rem}.flow-details{color:var(--text-secondary);font-size:.875rem;padding:1rem}.flow-description{margin:.8rem 0;font-size:.95rem;line-height:1.4}.flow-steps{padding:.5rem 1rem;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:5px}.step-tag{display:inline-block;padding:.2rem .6rem;font-size:.75rem;border-radius:10px;background-color:var(--bg-tertiary);color:var(--primary-color)}.flow-actions{padding:1rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.new-card-common{background-color:#fff;border:2px dashed #e0e0e0;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;height:100%;min-height:180px;transition:background-color .2s ease;margin-bottom:1.5rem}.new-card-common:hover{background-color:#f5f5f5}.new-process-card{background-color:#fff;border:2px dashed #e0e0e0;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;height:100%;min-height:180px;transition:background-color .2s ease;margin-bottom:1.5rem}.new-process-card:hover{background-color:#f5f5f5}.new-flow-card{background-color:#fff;border:2px dashed #e0e0e0;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;height:100%;min-height:220px;transition:background-color .2s ease;margin-bottom:1.5rem}.new-flow-card:hover{background-color:#f5f5f5}.add-icon{width:60px;height:60px;border-radius:50%;background-color:#f5f7fa;display:flex;align-items:center;justify-content:center;font-size:28px;color:#9e9e9e;margin-bottom:10px}.badge-active{background-color:#4caf50;color:#fff;font-weight:400}.badge-draft{background-color:#ff9800;color:#fff;font-weight:400}.search-common,.process-search,.flow-search{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:1rem;margin-bottom:1.5rem}.pagination-container{display:flex;justify-content:center;margin-top:1rem;margin-bottom:1rem}.recent-activity{margin-top:2rem}.activity-item{background-color:#fff;padding:1rem;border-radius:5px;margin-bottom:.6rem;box-shadow:0 1px 3px #0000001a}.activity-date{color:#9e9e9e;font-size:.75rem}.flow-builder{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:1.5rem;min-height:400px}.flow-step{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:5px;padding:1rem;margin-bottom:1rem;position:relative;cursor:move}.flow-step:hover{background-color:var(--bg-hover)}.step-number{position:absolute;left:-10px;top:-10px;width:60px;height:30px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.step-actions{position:absolute;right:10px;top:10px}.btn-sm-custom{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;margin-left:.25rem}.step-settings{margin-top:.5rem;margin-bottom:.5rem}.step-details{font-size:.875rem;color:var(--text-secondary)}.flow-connection{display:flex;align-items:center;justify-content:center;height:30px;margin:5px 0}.flow-connection-line{width:3px;height:100%;background-color:#a0a0a0;box-shadow:0 0 2px #0003}.arrow{position:relative;height:30px;display:flex;flex-direction:column;align-items:center}.stem{width:3px;height:25px;background-color:var(--primary-color);box-shadow:0 0 2px #0003}.head{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #3949ab}.flow-viewer{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:1.5rem;margin-bottom:2rem}.flow-header{border-bottom:1px solid #e0e0e0;padding-bottom:1rem;margin-bottom:1.5rem}.flow-badge{font-weight:400;padding:.25rem .75rem;border-radius:15px}.flow-details-container{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.detail-item{flex:1;min-width:200px}.detail-label{font-size:.875rem;color:#757575;margin-bottom:.2rem}.detail-value{font-size:1rem}.flow-description-box{background-color:#f5f7fa;border-radius:5px;padding:1rem;margin-bottom:1.5rem}.flow-graph{background-color:#f5f7fa;border-radius:5px;padding:1.5rem;overflow-x:auto;min-height:300px;margin-bottom:1.5rem;border:1px dashed #e0e0e0}.return-flow{position:absolute;left:-150px;top:50%;width:150px;height:60px;display:flex;align-items:center;opacity:.7}.return-flow-line{position:relative;width:130px;height:2px;background-color:#ff5722}.return-flow-arrow{position:absolute;right:0;top:-4px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #ff5722}.return-flow-badge{position:absolute;top:-12px;left:20px;font-size:10px;background-color:#ff5722;color:#fff;padding:1px 5px;border-radius:10px}.return-option{background-color:#fff3e0;border-left:3px solid #ff9800;padding:5px 10px;margin-top:10px;font-size:.8rem;color:#e65100;border-radius:0 4px 4px 0}.flow-graph-container{position:relative;padding-left:160px}.return-badge{display:inline-block;font-size:11px;background-color:#ff9800;color:#fff;padding:2px 6px;border-radius:10px;margin-left:5px}.step-cards{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.step-card{background-color:#fff;border-radius:5px;border:1px solid #e0e0e0;overflow:hidden}.step-header{background-color:var(--bg-tertiary);color:var(--primary-color);padding:.7rem 1rem;font-weight:500;display:flex;justify-content:space-between;align-items:center}.step-body{padding:1rem}.step-property{margin-bottom:.8rem}.step-property-label{font-size:.8rem;color:#757575;margin-bottom:.2rem}.step-property-value{font-size:.9rem;padding:.3rem .7rem;background-color:#f5f7fa;border-radius:3px}.step-connection{display:flex;align-items:center;justify-content:center;height:40px;position:relative}.connection-line{width:2px;height:100%;background-color:#bdbdbd}.statistics-box{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.statistics-title{font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.statistic-cards{display:flex;gap:1rem;flex-wrap:wrap}.statistic-card{background-color:#f5f7fa;border-radius:5px;padding:1rem;flex:1;min-width:150px;text-align:center}.statistic-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.statistic-label{font-size:.875rem;color:var(--text-secondary)}.flow-branches{position:relative;height:40px;margin-bottom:1rem}.branch-line{position:absolute;background-color:#bdbdbd}.branch-line-vertical{width:2px;height:20px;left:50%;transform:translate(-50%)}.branch-line-horizontal{height:2px;bottom:0}.branch-left{width:40%;left:10%}.branch-right{width:40%;right:10%}.flow-condition{background-color:#fff8e1;border:1px solid #ffecb3;border-radius:5px;position:relative;z-index:1;overflow:visible}.flow-begin{background-color:#eff7ed;border:1px solid #ffecb3;border-radius:5px;position:relative;z-index:1;overflow:visible}.flow-end{background-color:#ffebee;border:1px solid #F44336;border-radius:5px;position:relative;z-index:1;overflow:visible}.condition-content{padding:.5rem;background-color:#ffc1071a;border-radius:4px;margin-bottom:.5rem}.condition-paths{font-size:.875rem}.condition-path{padding:.3rem 0;border-bottom:1px dashed #e0e0e0}.condition-path:last-child{border-bottom:none}.path-label{font-weight:500;color:#ff8f00}.path-target{color:var(--primary-color)}.condition-rule{background-color:#f8f9fa;transition:all .2s ease}.condition-rule:hover{background-color:#f0f0f0}@media (max-width: 768px){.sidebar{position:fixed;left:-100%;transition:left .3s ease;z-index:1030;width:250px}.sidebar.show{left:0}.flow-graph-container{padding-left:0}.return-flow{display:none}.flow-details-container{flex-direction:column;gap:1rem}.flow-steps{padding:.5rem 1rem;border-top:1px solid #e0e0e0;display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;-ms-overflow-style:-ms-autohiding-scrollbar}}.w-49{width:49%}html,body{height:100%;margin:0;overflow:hidden}.main-content{padding:1.5rem;height:calc(100vh - 60px);overflow-y:auto}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#f1f1f1}.main-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#555}.config-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.config-header{background-color:var(--primary-color);color:#fff;padding:1rem 1.5rem;border-radius:8px 8px 0 0;font-weight:700}.config-body{padding:1.5rem}.data-table{margin-top:1rem}.btn-action{margin:0 2px}.form-section{margin-bottom:2rem}.form-section h5{color:var(--primary-color);border-bottom:2px solid #e0e0e0;padding-bottom:.5rem;margin-bottom:1rem}.hierarchy-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:.5rem;margin:.25rem 0}.menu-hierarchy{max-height:300px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px;padding:1rem}.text-justify{text-align:justify}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:var(--focus-outline-width) solid var(--focus-color);outline-offset:2px;box-shadow:var(--focus-box-shadow)}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.menu-item:focus-visible{outline:var(--focus-outline-width) solid var(--focus-color);outline-offset:2px;box-shadow:var(--focus-box-shadow)}.avatar:focus-visible,.avatar-circle:focus-visible{outline:var(--focus-outline-width) solid var(--focus-color);outline-offset:2px;box-shadow:var(--focus-box-shadow)}.tabpanel-focusable:focus{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}