.stepper-container{display:flex;flex-direction:column;justify-content:space-between;width:200px;position:-webkit-sticky;position:sticky;top:8rem;align-self:flex-start}.stepper-item-container{display:flex;flex-direction:column;align-items:flex-start;flex:1;position:relative}.stepper-item-container.is-last{flex:0 0 auto}.stepper-item{flex-direction:row;position:relative;width:100%;text-align:left}.stepper-icon,.stepper-item{display:flex;align-items:center}.stepper-icon{width:32px;height:32px;border-radius:50%;justify-content:center;transition:all .4s ease;border:2px solid;flex-shrink:0}.stepper-label{margin-left:12px;font-size:14px;font-weight:500;transition:color .4s ease}.stepper-connector{width:2px;height:100%;min-height:40px;margin-left:15px;transition:background-color .4s ease;background-color:hsl(var(--border))}.stepper-item.status-pending .stepper-icon{border-color:hsl(var(--border));background-color:transparent}.stepper-item.status-pending .stepper-label{color:hsl(var(--muted-foreground))}@keyframes pulse-border{0%,to{box-shadow:0 0 0 0 hsl(var(--primary)/.7)}50%{box-shadow:0 0 0 6px hsl(var(--primary)/0)}}.stepper-item.status-in-progress .stepper-icon{border-color:hsl(var(--primary));background-color:hsl(var(--primary)/.1);color:hsl(var(--primary));animation:pulse-border 2s infinite}.stepper-item.status-in-progress .stepper-label{color:hsl(var(--primary));font-weight:700}.stepper-item.status-completed .stepper-icon{border-color:hsl(var(--primary));background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.stepper-item.status-completed .stepper-label{color:hsl(var(--foreground))}.stepper-connector.status-completed{background-color:hsl(var(--primary))}@keyframes bubble-fade-in{0%{opacity:0;transform:translateX(10px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.status-bubble-wrapper{position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:20px;z-index:10}.status-bubble{background-color:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.1);animation:bubble-fade-in .5s cubic-bezier(.16,1,.3,1);position:relative}.status-bubble:before{right:100%;border-width:6px;border-style:solid;border-color:transparent hsl(var(--border)) transparent transparent}.status-bubble:after,.status-bubble:before{content:"";position:absolute;top:50%;transform:translateY(-50%)}.status-bubble:after{right:calc(100% - 1px);border-width:6px;border-style:solid;border-color:transparent hsl(var(--popover)) transparent transparent}@media (max-width:1024px){.stepper-container{display:none}}