@keyframes shv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shv-float-slow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(8px)rotate(4deg)}}@keyframes shv-pulse-ring{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes shv-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes shv-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.shv{padding:32px 24px 32px 8px;position:relative}.shv__bg-shape{pointer-events:none;border-radius:50%;position:absolute}.shv__bg-shape--1{background:radial-gradient(circle,#6a00d538 0%,#0000 68%);width:200px;height:200px;animation:7s ease-in-out infinite shv-float;top:-10px;right:-10px}.shv__bg-shape--2{background:radial-gradient(circle,#a78bfa21 0%,#0000 70%);width:110px;height:110px;animation:10s ease-in-out infinite shv-float-slow;bottom:0;left:-16px}.shv__bg-ring{pointer-events:none;border:1.5px solid #a78bfa2e;border-radius:50%;width:52px;height:52px;animation:5s ease-in-out 2s infinite shv-float;position:absolute;bottom:48px;right:0}.shv__card{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #a78bfa38;border-radius:16px;padding:22px 22px 18px;animation:.6s both shv-fade-up;position:relative}.shv__card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.shv__card-label{letter-spacing:.1em;text-transform:uppercase;color:#a78bfacc;font-size:11px;font-weight:700}.shv__live{color:#fbfbfb59;align-items:center;gap:6px;font-size:11px;display:flex}.shv__live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite shv-blink;display:inline-block}.shv__stages{flex-direction:column;display:flex}.shv__stage{align-items:center;gap:12px;padding:8px 0;animation:.5s both shv-fade-up;display:flex}.shv__stage:first-child{animation-delay:.1s}.shv__stage:nth-child(3){animation-delay:.2s}.shv__stage:nth-child(5){animation-delay:.3s}.shv__stage:nth-child(7){animation-delay:.4s}.shv__connector{height:16px;padding-left:6px;display:flex}.shv__connector-line{background:#a78bfa4d;width:1.5px;height:100%}.shv__connector-line--dim{background:#a78bfa1a}.shv__dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;position:relative}.shv__dot--done{background:#a78bfa}.shv__dot--active{background:var(--color-violet);box-shadow:0 0 0 3px #6a00d540}.shv__dot--pending{background:#a78bfa26;border:1.5px solid #a78bfa4d}.shv__pulse{background:#6a00d580;border-radius:50%;animation:2.2s ease-out infinite shv-pulse-ring;position:absolute;inset:-1px}.shv__stage-name{color:#fbfbfbd9;flex:1;font-size:14px}.shv__stage--pending .shv__stage-name{color:#fbfbfb59}.shv__stage-count{font-variant-numeric:tabular-nums;color:#fbfbfb8c;font-size:14px;font-weight:600}.shv__stage--active .shv__stage-count{color:#a78bfaf2}.shv__stage-count--dim{color:#fbfbfb40}.shv__metric{border-top:1px solid #a78bfa24;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.shv__metric-label{color:#fbfbfb59;font-size:12px}.shv__metric-value{letter-spacing:-.02em;color:#fbfbfbe6;font-size:22px;font-weight:600}.shv__badge{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #a78bfa33;border-radius:10px;padding:10px 14px;position:absolute}.shv__badge--1{animation:5.5s ease-in-out .6s infinite shv-float;top:0;right:-10px}.shv__badge--2{animation:8s ease-in-out 1.2s infinite shv-float-slow;bottom:0;left:-14px}.shv__badge-value{letter-spacing:-.01em;color:#a78bfa;margin-bottom:4px;font-size:18px;font-weight:700;line-height:1;display:block}.shv__badge-label{color:#fbfbfb73;white-space:nowrap;font-size:11px;display:block}.shv__badge-row{align-items:center;gap:8px;display:flex}.shv__badge-check-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:7px;height:7px}@media (max-width:768px){.shv__badge--1,.shv__badge--2{display:none}.shv{padding:16px 8px}}