@keyframes glassmorph-glow{0%{box-shadow:0 0 20px #06b6d41a}50%{box-shadow:0 0 30px #06b6d426,0 0 40px #a855f71a}to{box-shadow:0 0 20px #06b6d41a}}@keyframes data-pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.8;transform:scale(1)}}@keyframes connection-indicator-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes value-update{0%{opacity:1;transform:translateY(0)}30%{opacity:.7;transform:translateY(-5px)}70%{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes web3-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.quickstats-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.quickstats-value-updating{animation:.6s ease-in-out value-update}.quickstats-connection-live{animation:2s ease-in-out infinite connection-indicator-pulse}.quickstats-data-fresh{animation:1.5s ease-in-out data-pulse}.web3-gradient-bg{background:linear-gradient(-45deg,#06b6d41a,#a855f71a,#06b6d41a,#a855f71a) 0 0/400% 400%;animation:8s infinite web3-gradient-shift}.quickstats-card{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}@media (max-width:1024px){.quickstats-card{transition:all .2s}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.quickstats-card:hover{animation:none}}@media (prefers-contrast:high){.quickstats-card{background:#000000e6;border:2px solid}}@keyframes quickstats-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.quickstats-loading-shimmer{position:relative;overflow:hidden}.quickstats-loading-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);animation:1.5s infinite quickstats-shimmer;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@keyframes notification-modal-enter{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes notification-modal-exit{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.95)}}@keyframes bell-ring{0%,to{transform:rotate(0)}10%{transform:rotate(10deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(6deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(2deg)}60%{transform:rotate(0)}}@keyframes notification-badge-bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:scale(1)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:scale(1.1)}}@keyframes notification-slide-in{0%{opacity:0;transform:translate(20px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes priority-glow{0%,to{box-shadow:0 0 10px #06b6d44d}50%{box-shadow:0 0 20px #06b6d499,0 0 30px #06b6d44d}}@keyframes notification-hover-glow{0%{box-shadow:0 4px 6px #0000001a}to{box-shadow:0 10px 25px #06b6d426,0 4px 10px #06b6d41a}}@keyframes cyber-pulse{0%,to{opacity:1;box-shadow:0 0 #06b6d4b3}70%{opacity:.9;box-shadow:0 0 0 10px #06b6d400}}.notification-modal-enter{animation:.3s cubic-bezier(.4,0,.2,1) forwards notification-modal-enter}.notification-modal-exit{animation:.2s cubic-bezier(.4,0,1,1) forwards notification-modal-exit}.notification-bell-active{animation:.8s ease-in-out bell-ring}.notification-badge-new{animation:.5s ease-in-out notification-badge-bounce}.notification-item{animation:.4s cubic-bezier(.4,0,.2,1) forwards notification-slide-in}.notification-item:first-child{animation-delay:0s}.notification-item:nth-child(2){animation-delay:50ms}.notification-item:nth-child(3){animation-delay:.1s}.notification-item:nth-child(4){animation-delay:.15s}.notification-item:nth-child(5){animation-delay:.2s}.notification-priority-high{animation:2s ease-in-out infinite priority-glow}.notification-hover{animation:.2s ease-out forwards notification-hover-glow}.cyber-pulse{animation:2s infinite cyber-pulse}@media (max-width:768px){.notification-modal-enter{animation:.25s cubic-bezier(.4,0,.2,1) forwards notification-modal-enter}.notification-item{animation-duration:.3s}.notification-priority-high{animation-duration:3s}}@media (min-width:768px) and (max-width:1024px){.notification-modal-enter{animation-duration:.35s}}@media (min-width:1024px){.notification-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.cyber-pulse{animation-duration:1.5s}}@media (prefers-reduced-motion:reduce){.notification-modal-enter,.notification-modal-exit,.notification-item,.notification-bell-active,.notification-badge-new,.notification-priority-high,.cyber-pulse{transition-duration:.01ms!important;animation:none!important}}@media (prefers-contrast:high){.notification-item{background:#000000f2;border:2px solid}.notification-priority-high{border-color:#0ff;box-shadow:0 0 10px #0ff}}@media (prefers-color-scheme:dark){.notification-hover{box-shadow:0 10px 25px #06b6d433,0 4px 10px #06b6d426}}
