.workflow-container-side{width:580px;height:520px;position:relative}.workflow-connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wf-line{fill:none;stroke:#12a2fb80;stroke-width:2px;stroke-dasharray:8 4}.wf-line-out{animation:1.5s linear infinite flowOut}@keyframes flowOut{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24px}}.wf-node{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff1f;border-radius:14px;width:170px;transition:transform .3s,box-shadow .3s;position:absolute;box-shadow:0 8px 32px #0000004d}.wf-node:hover{transform:translateY(-4px);box-shadow:0 12px 40px #12a2fb33}.wf-node-lt{top:30px;left:0}.wf-node-lb{top:370px;left:0}.wf-node-rt{top:30px;left:410px}.wf-node-rb{top:370px;left:410px}.wf-node-inner{padding:14px}.wf-node-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.wf-title{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.wf-node-body{flex-direction:column;gap:8px;margin-top:12px;display:flex}.wf-badge{border-radius:6px;padding:3px 8px;font-size:9px;font-weight:600}.wf-badge-green{color:#6ee7b7;background:#10b98133}.wf-badge-blue{color:#7dd3fc;background:#12a2fb33}.wf-badge-violet{color:#c4b5fd;background:#8b5cf633}.wf-row{color:#ffffff80;justify-content:space-between;align-items:center;font-size:10px;display:flex}.wf-insight{color:#fff9;align-items:center;gap:8px;font-size:10px;display:flex}.wf-dot{border-radius:50%;width:6px;height:6px}.wf-dot-green{background:#10b981}.wf-dot-blue{background:#12a2fb}.wf-chart{align-items:flex-end;gap:5px;height:44px;margin-top:10px;padding:0 4px;display:flex}.wf-bar{background:#12a2fb4d;border-radius:3px 3px 0 0;flex:1;transition:height .3s}.wf-bar-active{background:#12a2fb99}.wf-bar-highlight{background:linear-gradient(#67d4ff,#12a2fb);box-shadow:0 0 12px #12a2fb80}.wf-chart-labels{color:#ffffff4d;justify-content:space-between;margin-top:6px;font-size:8px;display:flex}.wf-connector{background:#060010;border:2px solid #12a2fb;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 8px #12a2fb66}.wf-connector-right{right:-6px}.wf-connector-left{left:-6px}.wf-center{width:120px;height:120px;position:absolute;top:50%;left:230px;transform:translateY(-50%)}.wf-center-glow{background:radial-gradient(circle,#12a2fb59 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite pulse;position:absolute;inset:-30px}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.wf-center-ring{border:2px solid #12a2fb80;border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.wf-center-glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff08 100%);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:10px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,0 0 40px #12a2fb26}.wf-icon{width:44px;height:44px}.wf-center-label{color:#12a2fbe6;white-space:nowrap;font-size:12px;font-weight:600;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}@media (max-width:1400px){.workflow-container-side{transform-origin:50%;transform:scale(.9)}}@media (max-width:1280px){.workflow-container-side{transform-origin:50%;transform:scale(.8)}}@media (max-width:1024px){.workflow-container-side{display:none}}