:root{--app-white:#fff;--app-black:#0a0a0a;--app-text-color:#232323;--app-primary-color:#53c5b7;--app-secondary-color:#5980c2;--app-danger-primary-color:#ff6464;--app-danger-secondary-color:#c83232;--app-success-primary-color:#8cf38c;--app-success-secondary-color:#6fd66f;--app-secondary-color-light:#c5d2ec;--app-info-primary-color-dark:#146f9c;--app-info-primary-color:#34afed;--app-info-primary-color-light:#cee6fa;--app-info-secondary-color:#5987cc;--app-warning-primary-color:#ffc864;--app-warning-secondary-color:#c89632;--app-gradient-bg:linear-gradient(90deg,var(--app-primary-color),var(--app-secondary-color) 100%)}body,html{height:100%;width:100%}body{--bs-body-color:var(--app-text-color)}body .h1,body h1{--bs-heading-color:var(--app-primary-color);font-size:4rem}body .h2,body h2{--bs-heading-color:var(--app-secondary-color);font-size:3rem}body .h3,body h3{--bs-heading-color:var(--app-primary-color);font-size:2rem}.card{margin:1rem}.card-header{--bs-card-cap-color:var(--app-white);background:var(--app-gradient-bg);font-weight:700}.page-section{padding:1rem}.app-color-primary{color:var(--app-primary-color)}.app-color-secondary{color:var(--app-secondary-color)}.app-color-warning{color:var(--app-warning-primary-color)}.app-color-success{color:var(--app-success-primary-color)}.app-color-danger{color:var(--app-danger-primary-color)}.soft-bg-1{background:color-mix(in srgb,var(--app-primary-color) 10%,var(--app-white) 90%)}.btn-app:hover{box-shadow:inset 10000px 10000px hsla(0,0%,100%,.2)}.btn-app:active{box-shadow:inset 10000px 10000px rgba(0,0,0,.2)}.btn-app{--app-btn-primary-color:var(--app-white);--app-btn-secondary-color:var(--app-black);background:linear-gradient(135deg,var(--app-btn-primary-color),var(--app-btn-secondary-color)) 50%;background-size:110% 110%;border:1px solid hsla(0,0%,100%,.5);border-radius:5px;color:var(--app-white);font-weight:700;padding:8px;text-decoration:none;transition:all .2s ease-in-out}.btn-app-primary{--app-btn-primary-color:var(--app-primary-color);--app-btn-secondary-color:var(--app-secondary-color)}.btn-app-danger{--app-btn-primary-color:var(--app-danger-primary-color);--app-btn-secondary-color:var(--app-danger-secondary-color)}.btn-app-success{--app-btn-primary-color:var(--app-success-primary-color);--app-btn-secondary-color:var(--app-success-secondary-color)}.btn-app-info{--app-btn-primary-color:var(--app-info-primary-color);--app-btn-secondary-color:var(--app-info-secondary-color)}.btn-app-warning{--app-btn-primary-color:var(--app-warning-primary-color);--app-btn-secondary-color:var(--app-warning-secondary-color)}.btn-app-icon{background:none;color:var(--app-text-color);padding:5px}.btn-app-icon:hover{background:rgba(196,222,225,.3);color:var(--app-text-color)}.btn-app-icon:active{background:rgba(0,0,0,.1);color:var(--app-text-color)}.btn-app-header{background:none;border:none;border-radius:unset;color:var(--app-white);font-size:1.25rem;height:100%;padding:10px 20px;transition:all .2s ease-in-out}.btn-app-header:hover{background:hsla(0,0%,100%,.2)}.btn-app-header:active{background:rgba(0,0,0,.1)}.btn-link{--bs-btn-color:var(--app-secondary-color);font-weight:700}nav.navbar{background:linear-gradient(135deg,var(--app-primary-color),var(--app-secondary-color));--bs-navbar-brand-color:var(--app-white);--bs-navbar-brand-hover-color:var(--app-white);--bs-nav-link-color:var(--app-white);align-items:start;color:var(--app-white);height:100%;justify-content:start}.nav-content{background:var(--app-gradient-bg)}.nav-heading{align-items:center;display:flex;justify-content:center;min-height:5rem;position:relative}.nav-logo{font-size:3rem}.nav-heading .btn-close{position:absolute;right:1.25rem;top:1.25rem}.mobile-menu-toggle{align-items:center;background:var(--app-gradient-bg);border:0;border-radius:0 .5rem .5rem 0;color:var(--app-white);display:flex;font-size:1.5rem;height:3rem;justify-content:center;left:0;position:fixed;top:0;width:3.5rem;z-index:1035}.mobile-menu-toggle:focus-visible,.mobile-menu-toggle:hover{box-shadow:inset 0 0 0 1000px hsla(0,0%,100%,.15);color:var(--app-white)}nav.navbar .nav-link,nav.navbar .navbar-brand{--bs-nav-link-color:var(--app-white);--bs-nav-link-hover-color:var(--app-white);--bs-navbar-active-color:var(--app-white);padding:.5rem 1rem;width:100%}nav.navbar .nav-link:not(.active):hover,nav.navbar .navbar-brand:hover{background:hsla(0,0%,100%,.2);--bs-nav-link-color:var(--app-white)}nav.navbar .nav-link.active{background:rgba(0,0,0,.1)}@media (max-width:991.98px){.nav-content.offcanvas-lg{border:0;color:var(--app-white);width:100vw}.nav-content nav.navbar{min-height:100dvh;overflow-y:auto}.main-content-with-navigation{padding-top:4rem!important}}@media (min-width:992px){.nav-content{min-height:100vh}.nav-content nav.navbar{position:sticky;top:0}}.pagination-button{border-radius:0}.pagination-button.back{border-radius:5px 0 0 5px}.pagination-button.next{border-radius:0 5px 5px 0}a:disabled,button:disabled{cursor:auto;opacity:.5}tr.item-row:hover{--bs-table-bg:var(--app-secondary-color-light);cursor:pointer}.workflow-status-badge-pending{background:var(--app-secondary-color);color:var(--app-white)}.workflow-status-badge-started{background:var(--app-warning-primary-color);color:var(--app-black)}.workflow-status-badge-finished{background:var(--app-success-secondary-color);color:var(--app-white)}.tutorial-status-badge-not-started,.tutorial-status-badge-paused{background:var(--app-secondary-color);color:var(--app-white)}.tutorial-status-badge-in-progress{background:var(--app-warning-primary-color);color:var(--app-black)}.tutorial-status-badge-finished{background:var(--app-success-secondary-color);color:var(--app-white)}.dashboard-header{margin:0 1rem 1.5rem}.dashboard-header p{color:color-mix(in srgb,var(--app-text-color) 72%,var(--app-white) 28%);margin:0}.play-tutorial-panel{background:var(--app-white);border:1px solid color-mix(in srgb,var(--app-secondary-color) 18%,var(--app-white) 82%);border-radius:8px;box-shadow:0 12px 32px rgba(35,35,35,.08);margin:1rem;padding:1rem;width:min(920px,calc(100% - 2rem))}.play-tutorial-panel__header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--app-secondary-color) 14%,var(--app-white) 86%);display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem}.play-tutorial-panel__header h2{font-size:1.5rem;margin:0}.play-tutorial-panel__header p{color:color-mix(in srgb,var(--app-text-color) 68%,var(--app-white) 32%);margin:.25rem 0 0}.play-tutorial-panel__count{align-items:center;background:color-mix(in srgb,var(--app-primary-color) 16%,var(--app-white) 84%);border-radius:999px;color:var(--app-secondary-color);display:inline-flex;font-weight:700;height:2.25rem;justify-content:center;min-width:2.25rem}.play-tutorial-list{display:grid;gap:.75rem;margin-top:1rem}.play-tutorial-item{align-items:center;background:color-mix(in srgb,var(--app-primary-color) 4%,var(--app-white) 96%);border:1px solid color-mix(in srgb,var(--app-secondary-color) 14%,var(--app-white) 86%);border-radius:8px;display:grid;gap:1rem;grid-template-columns:44px minmax(0,1fr) auto;padding:1rem}.play-tutorial-item--locked{background:color-mix(in srgb,var(--app-text-color) 4%,var(--app-white) 96%);opacity:.72}.play-tutorial-item--locked .play-tutorial-item__icon{background:color-mix(in srgb,var(--app-text-color) 52%,var(--app-white) 48%)}.play-tutorial-item__icon{align-items:center;background:var(--app-gradient-bg);border-radius:8px;color:var(--app-white);display:inline-flex;height:44px;justify-content:center;width:44px}.play-tutorial-item__topline{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.play-tutorial-item__topline h3{font-size:1.125rem;margin:0}.play-tutorial-item__meta{color:color-mix(in srgb,var(--app-text-color) 68%,var(--app-white) 32%);display:flex;font-size:.875rem;gap:.75rem;margin:.35rem 0 .5rem}.play-tutorial-item__progress{background:color-mix(in srgb,var(--app-secondary-color) 14%,var(--app-white) 86%);border-radius:999px;height:.5rem}.play-tutorial-item__actions .btn-app{align-items:center;display:inline-flex;gap:.4rem;white-space:nowrap}.play-tutorial-empty{align-items:center;border:1px dashed color-mix(in srgb,var(--app-secondary-color) 28%,var(--app-white) 72%);border-radius:8px;color:color-mix(in srgb,var(--app-text-color) 72%,var(--app-white) 28%);display:flex;gap:.75rem;margin-top:1rem;padding:1rem}@media (max-width:720px){.play-tutorial-item{grid-template-columns:44px minmax(0,1fr)}.play-tutorial-item__actions{grid-column:1/-1}.play-tutorial-item__actions .btn-app{justify-content:center;width:100%}}.hover-buttons{border-radius:.25rem;bottom:.5rem;display:flex;gap:.25rem;left:.5rem;padding:.25rem;position:absolute;z-index:50}.app-form-wrapper{display:flex;justify-content:center;width:100%}.app-form{border:1px solid rgba(0,0,0,.1);border-radius:.5rem;box-shadow:0 4px 16px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem;padding:1rem;width:80%}.sortable-ghost{background:var(--app-secondary-color-light)!important;opacity:.5}.sortable-drag{background:#fff!important;box-shadow:0 5px 15px rgba(0,0,0,.3)!important;opacity:.9}.app-form-input{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;margin-bottom:1rem;transition:transform .1s ease}.app-form-input.sortable-ghost{transform:scale(.98)}.sorting .app-form-input:not(.sortable-drag){transition:all .2s ease}.modal-backdrop{backdrop-filter:blur(20px)}.bg-app-success{background:linear-gradient(135deg,var(--app-success-primary-color),var(--app-success-secondary-color))}.bg-app-danger{background:linear-gradient(135deg,var(--app-danger-primary-color),var(--app-danger-secondary-color))}.bg-app-info{background:linear-gradient(135deg,var(--app-info-primary-color),var(--app-info-secondary-color))}.form-control:focus,.form-select:focus{border-color:var(--app-primary-color);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--app-primary-color) 20%,var(--app-white) 80%)}td:has(.btn-app),td:has(.form-control){padding:0}td .btn-app,td .form-control{border:none;border-radius:0;padding:.5rem 1rem}td .btn-app:focus,td .form-control:focus{box-shadow:inset 0 0 0 .25rem color-mix(in srgb,var(--app-primary-color) 20%,var(--app-white) 80%)}@media (max-width:600px){body{font-size:1em;.h1,h1{font-size:3em}.h2,h2{font-size:2.5em}}.card.handle-mobile{border:none;margin:0;padding:0}}.noUi-connects{border-radius:3px}.form-pie-slider{position:relative}.form-pie-slider.noUi-horizontal{height:1.75rem}.form-pie-slider .noUi-connect{background:var(--pie-segment-color)!important}.form-pie-slider .noUi-connects{height:100%}.form-pie-slider .noUi-handle{top:-.25rem}.form-pie-slider-labels{border-radius:3px;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.form-pie-slider-label{bottom:0;line-height:1;min-width:0;overflow:hidden;padding:0 .25rem;position:absolute;text-align:center;text-overflow:clip;top:0;white-space:nowrap}.form-pie-slider-label,.form-pie-slider-single-label{align-items:center;color:var(--app-white);display:flex;font-size:.75rem;font-weight:700;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.65)}.form-pie-slider-single-label{background:var(--app-primary-color);border-radius:3px;height:1.75rem}.workflow-document-page{padding:32px 20px;width:min(100%,920px)}.workflow-document-actions{display:flex;justify-content:flex-end;margin-bottom:24px}.workflow-document{background:#fff;color:#111827;font-size:14px;line-height:1.55}.workflow-document-header,.workflow-document-section{border-bottom:1px solid #d1d5db;margin-bottom:28px;padding-bottom:24px}.workflow-document h1,.workflow-document h2,.workflow-document h3{color:#111827;margin:0 0 12px}.workflow-document h1{font-size:28px}.workflow-document h2{font-size:22px}.workflow-document h3{font-size:16px}.workflow-document dl{display:grid;gap:8px;margin:0}.workflow-document dl div{display:grid;gap:16px;grid-template-columns:120px 1fr}.workflow-document dt{color:#6b7280;font-weight:700}.workflow-document dd{margin:0}.workflow-document-answer{break-inside:avoid;margin-top:18px}.workflow-document-question{font-weight:700;margin-bottom:8px}.workflow-document-empty{color:#6b7280;font-style:italic}.workflow-document table{border-collapse:collapse;margin-top:10px;width:100%}.workflow-document td,.workflow-document th{border:1px solid #d1d5db;padding:8px 10px;text-align:left;vertical-align:top}.workflow-document th{background:#f3f4f6;font-weight:700}.workflow-document-rich-text{margin-bottom:2rem}.workflow-document-rich-text>:last-child{margin-bottom:0}.workflow-document-pie{border-collapse:collapse;margin-top:12px;width:auto}.workflow-document .workflow-document-pie td{border:0;padding:0}.workflow-document-pie-chart-cell{width:204px}.workflow-document-pie-legend-cell{padding-left:24px!important;vertical-align:middle}.workflow-document-pie-chart{aspect-ratio:1;display:block;height:180px;object-fit:contain;width:180px}.workflow-document-pie-legend{display:grid;gap:8px;list-style:none;margin:0;padding:0}.workflow-document-pie-legend li{align-items:center;display:flex;gap:8px}.workflow-document-pie-legend span{border:1px solid #d1d5db;display:inline-block;height:14px;width:14px}.drag-handle{cursor:grab!important}.drag-handle:active{cursor:grabbing!important}.multi-dialog-sortable-ghost{background:color-mix(in srgb,var(--app-primary-color) 8%,#fff 92%)!important;border:1px dashed var(--app-primary-color);color:transparent!important;min-height:34px;opacity:1!important}.multi-dialog-sortable-ghost>*{visibility:hidden}.multi-dialog-sortable-chosen{cursor:grabbing}.multi-dialog-sortable-drag{box-shadow:0 8px 18px rgba(0,0,0,.18);opacity:.9}.tutorial-layer{inset:0;pointer-events:none;position:fixed;z-index:9998}.tutorial-layer__bottom,.tutorial-layer__left,.tutorial-layer__right,.tutorial-layer__top{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:rgba(0,0,0,.45);pointer-events:auto;position:fixed}.tutorial-layer__highlight{border-radius:4px;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 28px hsla(0,0%,100%,.9);pointer-events:none;position:fixed;z-index:9999}.tutorial-card{background:#fff;border-radius:.75rem;box-shadow:0 1rem 3rem rgba(0,0,0,.3);color:#212529;padding:1rem;pointer-events:auto;position:fixed;width:min(360px,calc(100vw - 32px));z-index:10000}.tutorial-card__title{font-size:1rem;font-weight:700;margin-bottom:.5rem}.tutorial-card__content{color:#495057;font-size:.925rem;line-height:1.45}.tutorial-card__footer{display:flex;justify-content:space-between;margin-top:1rem}.alert-info{--bs-alert-color:var(--app-info-primary-color-dark);--bs-alert-bg:var(--app-info-primary-color-light);--bs-alert-border-color:var(--app-info-primary-color)}div.progress-bar{background-color:var(--app-primary-color)}@media print{body{background:#fff!important}.workflow-document-page{padding:0;width:100%}.workflow-document-actions{display:none}.workflow-document-pie{break-inside:avoid}}@media (max-width:640px){.app-form{width:100%}}[data-controller=workflow-editor]{border:1px solid var(--bs-gray-500);border-radius:.25rem;height:80vh;overflow:hidden;position:relative}[data-controller=workflow-editor] .background{background-image:radial-gradient(circle,var(--bs-gray-200) 2px,transparent 2px);background-size:32px 32px;cursor:grab;inset:0;position:absolute}[data-controller=workflow-editor] .workflow-step{left:0;min-width:256px;position:absolute;top:0;z-index:10}[data-controller=workflow-editor] .workflow-step .card-header{cursor:grab}[data-controller=workflow-editor] .workflow-step .card-body{cursor:auto}[data-controller=workflow-editor] .workflow-step .outside-actions{display:none;opacity:0;position:absolute;right:0;top:50%;transition:opacity .15s ease-in-out;translate:-50% -50%;z-index:11}[data-controller=workflow-editor] .workflow-step .connect-target{display:none;left:0;opacity:0;position:absolute;top:50%;transition:opacity .15s ease-in-out;translate:-50% -50%;z-index:11}[data-controller=workflow-editor] .workflow-step .connect-target .btn-app,[data-controller=workflow-editor] .workflow-step .outside-actions .btn-app{align-items:center;border-radius:50%;display:flex;font-size:1rem;height:32px;justify-content:center;padding:3px;width:32px}[data-controller=workflow-editor] .workflow-step:hover .outside-actions{align-items:center;display:flex;justify-content:center;opacity:1;right:-48px}[data-controller=workflow-editor].connecting .workflow-step:not(.source-step) .connect-target{display:flex;opacity:1}[data-controller=workflow-editor].connecting .workflow-step:hover .outside-actions{display:none;opacity:0}[data-controller=workflow-editor] .connections-layer{z-index:1}[data-controller=workflow-editor] .connection-line{fill:none;pointer-events:stroke;stroke:var(--app-secondary-color);stroke-width:2}[data-controller=workflow-editor] .connection-line.preview{pointer-events:none;stroke:var(--app-primary-color);stroke-dasharray:5,5}[data-controller=workflow-editor] .workflow-connection:focus-within .connection-line,[data-controller=workflow-editor] .workflow-connection:hover .connection-line{stroke:var(--app-danger-secondary-color);stroke-width:3}[data-controller=workflow-editor] .connection-delete{cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}[data-controller=workflow-editor] .workflow-connection:focus-within .connection-delete,[data-controller=workflow-editor] .workflow-connection:hover .connection-delete{opacity:1;pointer-events:all}[data-controller=workflow-editor] .connection-delete circle{fill:var(--app-danger-primary-color);stroke:var(--app-white);stroke-width:2}[data-controller=workflow-editor] .connection-delete text{fill:var(--app-white);font-size:13px;font-weight:700;pointer-events:none;text-transform:uppercase}[data-controller=workflow-editor] .workflow-step[data-model=start] .card-header{background:linear-gradient(135deg,var(--app-success-primary-color) 0,var(--app-success-secondary-color) 100%)}[data-controller=workflow-editor] .workflow-step[data-model=end] .card-header{background:linear-gradient(135deg,var(--app-danger-primary-color) 0,var(--app-danger-secondary-color) 100%)}.workflow-preview{border:1px solid var(--bs-gray-400);border-radius:.25rem;height:80vh}.workflow-preview-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.workflow-preview-shell{border:1px solid var(--bs-gray-300);border-radius:.25rem;display:grid;grid-template-columns:minmax(180px,240px) 1fr;min-height:76vh;overflow:hidden}.workflow-preview-steps{background:var(--bs-gray-100);border-right:1px solid var(--bs-gray-300);padding:1rem}.workflow-preview-section-title{color:var(--bs-gray-600);font-size:.75rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase}.workflow-preview-step-link{align-items:center;border-radius:.25rem;color:inherit;display:flex;gap:.75rem;padding:.65rem;text-decoration:none}.workflow-preview-step-link.active,.workflow-preview-step-link:hover{background:#fff}.workflow-preview-step-link.active{box-shadow:inset 3px 0 0 var(--app-primary-color)}.workflow-preview-step-number{align-items:center;background:var(--app-primary-color);border-radius:50%;color:#fff;display:inline-flex;flex:0 0 28px;font-size:.8rem;height:28px;justify-content:center;width:28px}.workflow-preview-step-model,.workflow-preview-step-name{display:block}.workflow-preview-step-model{color:var(--bs-gray-600);font-size:.75rem;text-transform:uppercase}.workflow-preview-step-name{font-weight:600}.workflow-preview-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px)}.workflow-preview-runtime{background:var(--bs-gray-200);padding:1rem}.workflow-preview-browser-bar{align-items:center;background:var(--bs-gray-800);border-radius:.25rem .25rem 0 0;color:#fff;display:flex;gap:.4rem;min-height:38px;padding:0 .75rem}.workflow-preview-browser-bar span{background:var(--bs-gray-500);border-radius:50%;display:inline-block;height:10px;width:10px}.workflow-preview-browser-bar div{color:var(--bs-gray-300);font-size:.8rem;margin-left:auto}.workflow-preview-screen{background:#fff;border:1px solid var(--bs-gray-300);border-top:0;min-height:calc(76vh - 70px);padding:2rem}.workflow-preview-kicker{color:var(--app-primary-color);font-size:.75rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.workflow-preview-start{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem;margin:5rem auto 0;max-width:520px}.workflow-preview-form,.workflow-preview-page-content{margin:0 auto;max-width:760px}.workflow-preview-input{border-top:1px solid var(--bs-gray-300);padding:1rem 0}.workflow-preview-input label{display:block;font-weight:700;margin-bottom:.4rem}.workflow-preview-input label span{color:var(--bs-gray-600);font-size:.75rem;font-weight:500;margin-left:.4rem}.workflow-preview-options{display:grid;gap:.5rem}.workflow-preview-options label{font-weight:400;margin:0}.workflow-preview-pie{align-items:center;border:1px dashed var(--bs-gray-400);border-radius:.25rem;color:var(--bs-gray-600);display:flex;gap:.5rem;min-height:64px;padding:1rem}.workflow-preview-page-content section{border-top:1px solid var(--bs-gray-300);padding:1rem 0}.workflow-preview-page-part{background:var(--bs-gray-100);border-left:3px solid var(--app-primary-color);margin-top:.75rem;padding:.75rem}.workflow-preview-empty{align-items:center;border:1px dashed var(--bs-gray-400);color:var(--bs-gray-600);display:flex;justify-content:center;min-height:220px;text-align:center}.workflow-preview-meta{border-left:1px solid var(--bs-gray-300);padding:1rem}.workflow-preview-meta dl{display:grid;gap:.75rem;margin:0}.workflow-preview-meta dt{color:var(--bs-gray-600);font-size:.75rem;font-weight:700;text-transform:uppercase}.workflow-preview-meta dd{margin:-.5rem 0 0}.workflow-preview-input-list{display:grid;gap:.5rem;margin:0;padding-left:1.25rem}.workflow-preview-input-list li small,.workflow-preview-input-list li span{display:block}.workflow-preview-input-list li small{color:var(--bs-gray-600)}@media (max-width:992px){.workflow-preview-main,.workflow-preview-shell{grid-template-columns:1fr}.workflow-preview-meta,.workflow-preview-steps{border:0}.workflow-preview-steps{border-bottom:1px solid var(--bs-gray-300)}.workflow-preview-meta{border-top:1px solid var(--bs-gray-300)}}