.health-factor-container{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.health-factor-container:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.1)}.health-factor-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;animation:healthPulse 2s ease-in-out infinite}.health-factor-ring.healthy{border:2px solid rgba(34,197,94,.3);width:60px;height:60px;animation-delay:0s}.health-factor-ring.warning{border:2px solid rgba(251,146,60,.3);width:60px;height:60px;animation-delay:.2s}.health-factor-ring.danger{border:2px solid rgba(239,68,68,.3);width:60px;height:60px;animation-delay:.4s}.health-factor-ring.danger:after,.health-factor-ring.danger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(239,68,68,.2);animation:healthPulse 2s ease-in-out infinite}.health-factor-ring.danger:before{width:80px;height:80px;animation-delay:.6s}.health-factor-ring.danger:after{width:100px;height:100px;animation-delay:.8s}@keyframes healthPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.health-factor-value{position:relative;z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.health-factor-container:hover .health-factor-value{transform:scale(1.1);text-shadow:0 0 20px currentColor}.health-status-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid white;animation:statusBlink 1.5s ease-in-out infinite}.health-status-indicator.healthy{background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.5)}.health-status-indicator.warning{background:#fb923c;box-shadow:0 0 10px rgba(251,146,60,.5)}.health-status-indicator.danger{background:#ef4444;box-shadow:0 0 10px rgba(239,68,68,.5);animation:dangerBlink .8s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.6}}@keyframes dangerBlink{0%,to{opacity:1}50%{opacity:.3}}.health-modal-container{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);transform-origin:center center}.health-modal-backdrop{animation:backdropFadeIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.health-modal-content>*{animation:contentSlideUp .5s cubic-bezier(.4,0,.2,1) both}.health-modal-content>:first-child{animation-delay:.1s}.health-modal-content>:nth-child(2){animation-delay:.2s}.health-modal-content>:nth-child(3){animation-delay:.3s}.health-modal-content>:nth-child(4){animation-delay:.4s}.health-modal-content>:nth-child(5){animation-delay:.5s}@keyframes contentSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.health-factor-container:active{transform:translateY(-1px) scale(.98);transition:all .1s ease-out}.health-factor-container,.health-factor-ring,.health-factor-value,.health-status-indicator{will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d}.dark .health-factor-ring.healthy{border-color:rgba(34,197,94,.4)}.dark .health-factor-ring.warning{border-color:rgba(251,146,60,.4)}.dark .health-factor-ring.danger{border-color:rgba(239,68,68,.4)}.dark .health-factor-ring.danger:after,.dark .health-factor-ring.danger:before{border-color:rgba(239,68,68,.3)}