[data-v-7011a601]:root{--primary:#4338ca;--primary-light:#e0e7ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--neutral:#475569;--text:#1e293b;--text-light:#475569}.section[data-v-7011a601]{background-color:#f8fafc;padding:48px 0}.container[data-v-7011a601]{max-width:72rem;margin:0 auto;padding:0 16px}.controls[data-v-7011a601]{gap:16px;margin-top:24px}.section-title[data-v-7011a601]{color:#111827;margin-bottom:1rem}.section-subtitle[data-v-7011a601]{color:#6b7280;max-width:90%}.step-description[data-v-7011a601]{text-align:center;max-width:90%;margin:0 auto;padding:20px;border-radius:8px;background-color:#fff;min-height:100px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.demo-summary[data-v-7011a601]{text-align:center;max-width:90%;margin:2rem auto 0}.box[data-v-7011a601]{stroke:#4338ca;opacity:.2;transition:opacity .5s ease}.box.active[data-v-7011a601],.decision.active[data-v-7011a601],.maintenance.active[data-v-7011a601],.start-end.active[data-v-7011a601],.withdrawal.active[data-v-7011a601]{opacity:1;filter:drop-shadow(0 0 6px rgba(67,56,202,.4))}.decision[data-v-7011a601]{stroke:#f59e0b;opacity:.2;transition:opacity .5s ease}.arrow[data-v-7011a601]{stroke:#475569}.approve[data-v-7011a601],.arrow[data-v-7011a601]{marker-end:url(#arrowhead);opacity:.2;transition:opacity .5s ease}.approve[data-v-7011a601]{stroke:#10b981}.reject[data-v-7011a601]{stroke:#ef4444;marker-end:url(#arrowhead);opacity:.2;transition:opacity .5s ease}.approve.active[data-v-7011a601],.arrow.active[data-v-7011a601],.reject.active[data-v-7011a601]{opacity:1}.decision-text[data-v-7011a601],.text[data-v-7011a601]{fill:#1e293b;opacity:.2;transition:opacity .5s ease}.small-text[data-v-7011a601]{fill:#475569;opacity:.2;transition:opacity .5s ease}.approve-text[data-v-7011a601]{fill:#10b981;opacity:.2;transition:opacity .5s ease}.reject-text[data-v-7011a601]{fill:#ef4444;opacity:.2;transition:opacity .5s ease}.reassign-text[data-v-7011a601]{font-family:Arial,sans-serif;font-size:12px;fill:#3b82f6;text-anchor:middle;opacity:.2;transition:opacity .5s ease}.start-end[data-v-7011a601]{fill:#e0e7ff;stroke:#4338ca;opacity:.2;transition:opacity .5s ease}.maintenance[data-v-7011a601]{fill:#ecfdf5;stroke:#10b981;stroke-width:2;rx:8;ry:8;opacity:.2;transition:opacity .5s ease}.withdrawal[data-v-7011a601]{fill:#fee2e2;stroke:#ef4444;stroke-width:2;rx:8;ry:8;opacity:.2;transition:opacity .5s ease}.progress-indicator[data-v-7011a601]{position:absolute;top:10px;right:10px;font-size:14px;color:#4338ca}.approve-text.active[data-v-7011a601],.decision-text.active[data-v-7011a601],.reassign-text.active[data-v-7011a601],.reject-text.active[data-v-7011a601],.small-text.active[data-v-7011a601],.text.active[data-v-7011a601]{opacity:1}.container[data-v-7011a601]{max-width:900px;width:100%}.title[data-v-7011a601]{text-align:center;margin-bottom:2rem;color:var(--text);font-size:1.5rem;font-weight:700}.section-title[data-v-7011a601]{font-size:2rem;font-weight:700;color:#1f2937;text-align:center}.section-subtitle[data-v-7011a601]{font-size:1.25rem;color:#4b5563;text-align:center;margin-bottom:2rem}.controls[data-v-7011a601]{display:flex;justify-content:center;gap:1rem}.btn[data-v-7011a601]{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary[data-v-7011a601]{background-color:var(--primary);color:#fff}.btn-primary[data-v-7011a601]:hover{background-color:#3730a3}.btn-outline[data-v-7011a601]{border:1px solid var(--neutral);color:var(--neutral);background-color:transparent}.btn-outline[data-v-7011a601]:hover{background-color:#f1f5f9}.demo-container[data-v-7011a601]{position:relative;overflow:hidden;padding:24px 16px}svg[data-v-7011a601]{width:100%;height:100%}.node[data-v-7011a601]{opacity:0;transform-origin:center;transition:opacity .5s ease-out,transform .5s ease-out}.node.active[data-v-7011a601]{opacity:1;transform:scale(1)}.node[data-v-7011a601]:not(.active){transform:scale(.9)}.path[data-v-7011a601]{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.5s ease-out;marker-end:none}.path.active[data-v-7011a601]{stroke-dashoffset:0;marker-end:url(#arrowhead)}.approve.active[data-v-7011a601]{marker-end:url(#arrowhead-approve)}.reject.active[data-v-7011a601]{marker-end:url(#arrowhead-reject)}.step-highlight[data-v-7011a601]{filter:drop-shadow(0 0 8px rgba(67,56,202,.7));transition:filter .3s ease}.description-panel[data-v-7011a601]{margin-top:2rem;padding:1.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:opacity .3s ease;opacity:0;margin:12px auto;max-width:72rem}.description-panel.active[data-v-7011a601]{opacity:1}.description-title[data-v-7011a601]{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--primary)}.description-text[data-v-7011a601]{color:var(--text-light);line-height:1.6}.legend[data-v-7011a601]{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:1rem}.legend-item[data-v-7011a601]{display:flex;align-items:center;font-size:.875rem;color:var(--text-light)}.legend-color[data-v-7011a601]{width:12px;height:12px;margin-right:.5rem;border-radius:2px}.start-end[data-v-7011a601]{fill:var(--primary-light);stroke:var(--primary);stroke-width:2;rx:20;ry:20}.box[data-v-7011a601]{fill:#fff;stroke:var(--primary);stroke-width:2;rx:8;ry:8}.approved-box[data-v-7011a601]{stroke:var(--success)}.rejected-box[data-v-7011a601]{stroke:var(--danger)}.decision[data-v-7011a601]{fill:#fff;stroke:var(--warning);stroke-width:2}.arrow[data-v-7011a601]{stroke:var(--neutral);stroke-width:2;fill:none}.approve[data-v-7011a601]{stroke:var(--success);stroke-width:2;fill:none}.reject[data-v-7011a601]{stroke:var(--danger);stroke-width:2;fill:none}.decision-text[data-v-7011a601],.text[data-v-7011a601]{font-family:Arial,sans-serif;font-size:14px;fill:var(--text);text-anchor:middle}.small-text[data-v-7011a601]{fill:var(--text-light)}.approve-text[data-v-7011a601],.small-text[data-v-7011a601]{font-family:Arial,sans-serif;font-size:12px;text-anchor:middle}.approve-text[data-v-7011a601]{fill:var(--success)}.reject-text[data-v-7011a601]{font-family:Arial,sans-serif;font-size:12px;fill:var(--danger);text-anchor:middle}@media (max-width:576px){.demo-container[data-v-7011a601]{height:400px}}@media (max-width:768px){.demo-container[data-v-7011a601]{height:500px}}@media screen and (min-width:981px){.demo-summary[data-v-7011a601],.section-subtitle[data-v-7011a601],.step-description[data-v-7011a601]{max-width:70%;width:70%;margin-left:auto;margin-right:auto}}