:root{--animation-duration:0.3s;--animation-timing:cubic-bezier(0.4, 0, 0.2, 1);--animation-delay:0s;--animation-iteration:1;--animation-direction:normal;--animation-fill-mode:both}.animated-icon{display:inline-flex;align-items:center;justify-content:center;transition:all var(--animation-duration) var(--animation-timing);cursor:pointer;position:relative;overflow:hidden}.header .animated-icon,.js_live-messages .animated-icon,.js_live-notifications .animated-icon,.js_live-requests .animated-icon,.navbar .animated-icon{max-width:20px;max-height:20px;min-width:20px;min-height:20px;overflow:visible;transform-origin:center}.js_live-notifications .animated-icon.notification{position:relative;z-index:1}.js_live-notifications .animated-icon.notification::after{z-index:2}.js_live-messages .counter,.js_live-notifications .counter,.js_live-requests .counter{position:absolute;top:-5px;right:-5px;z-index:10;pointer-events:none}.js_live-messages,.js_live-notifications,.js_live-requests{position:relative;overflow:visible}.js_live-messages>a,.js_live-notifications>a,.js_live-requests>a{position:relative;display:flex;align-items:center;justify-content:center;min-width:20px;min-height:20px}.animated-icon:hover{transform:scale(1.1);filter:brightness(1.1)}.header .animated-icon:hover,.navbar .animated-icon:hover{transform:scale(1.05)}.animated-icon.pulse{animation:2s infinite iconPulse}.animated-icon.pulse:hover{animation:.6s infinite iconPulseFast}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes iconPulseFast{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.animated-icon.bounce{animation:1s infinite iconBounce}.animated-icon.bounce:hover{animation:.5s infinite iconBounceFast}@keyframes iconBounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@keyframes iconBounceFast{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.animated-icon.shake{animation:.5s ease-in-out iconShake}.animated-icon.shake:hover{animation:.3s ease-in-out infinite iconShake}@keyframes iconShake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.animated-icon.rotate{transition:transform var(--animation-duration) var(--animation-timing)}.animated-icon.rotate:hover{transform:rotate(180deg)}.animated-icon.rotate-360{animation:2s linear infinite iconRotate360}@keyframes iconRotate360{from{transform:rotate(0)}to{transform:rotate(360deg)}}.animated-icon.wiggle{animation:.5s ease-in-out iconWiggle}.animated-icon.wiggle:hover{animation:.3s ease-in-out infinite iconWiggle}@keyframes iconWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.animated-icon.fade{opacity:.7;transition:opacity var(--animation-duration) var(--animation-timing)}.animated-icon.fade:hover{opacity:1}.animated-icon.fade-in{animation:.5s ease-in-out iconFadeIn}@keyframes iconFadeIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animated-icon.slide-left{animation:.5s ease-in-out iconSlideLeft}.animated-icon.slide-right{animation:.5s ease-in-out iconSlideRight}.animated-icon.slide-up{animation:.5s ease-in-out iconSlideUp}.animated-icon.slide-down{animation:.5s ease-in-out iconSlideDown}@keyframes iconSlideLeft{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes iconSlideRight{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes iconSlideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes iconSlideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.animated-icon.scale{transition:transform var(--animation-duration) var(--animation-timing)}.animated-icon.scale:hover{transform:scale(1.2)}.animated-icon.scale-in{animation:.5s ease-in-out iconScaleIn}@keyframes iconScaleIn{from{transform:scale(0)}to{transform:scale(1)}}.animated-icon.flip{transition:transform var(--animation-duration) var(--animation-timing);transform-style:preserve-3d}.animated-icon.flip:hover{transform:rotateY(180deg)}.animated-icon.flip-x{transition:transform var(--animation-duration) var(--animation-timing)}.animated-icon.flip-x:hover{transform:rotateX(180deg)}.animated-icon.glow{transition:all var(--animation-duration) var(--animation-timing)}.animated-icon.glow:hover{filter:drop-shadow(0 0 8px currentColor);transform:scale(1.1)}.animated-icon.glow-pulse{animation:2s infinite iconGlowPulse}@keyframes iconGlowPulse{0%,100%{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 8px currentColor)}}.animated-icon.morph{transition:all var(--animation-duration) var(--animation-timing)}.animated-icon.morph:hover{border-radius:50%;background:rgba(59,130,246,.1);padding:8px}.animated-icon.loading{animation:1s linear infinite iconLoading}@keyframes iconLoading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.animated-icon.success{animation:.6s ease-in-out iconSuccess}@keyframes iconSuccess{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.animated-icon.error{animation:.6s ease-in-out iconError}@keyframes iconError{0%{transform:scale(1)}25%,75%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}100%{transform:scale(1) rotate(0)}}.animated-icon.notification{position:relative}.animated-icon.notification::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:2s infinite iconNotificationPulse}@keyframes iconNotificationPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.animated-icon.typing{animation:1.4s infinite iconTyping}@keyframes iconTyping{0%,100%,20%,60%{transform:translateY(0)}40%{transform:translateY(-3px)}80%{transform:translateY(-1px)}}.animated-icon.heartbeat{animation:1.5s ease-in-out infinite iconHeartbeat}@keyframes iconHeartbeat{0%,28%,70%{transform:scale(1)}14%,42%{transform:scale(1.3)}}.animated-icon.sparkle{position:relative}.animated-icon.sparkle::after,.animated-icon.sparkle::before{content:'';position:absolute;width:4px;height:4px;background:#f59e0b;border-radius:50%;opacity:0}.animated-icon.sparkle::before{top:-5px;left:50%;animation:2s infinite iconSparkle1}.animated-icon.sparkle::after{bottom:-5px;right:50%;animation:2s .5s infinite iconSparkle2}@keyframes iconSparkle1{0%,100%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes iconSparkle2{0%,100%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(-180deg)}}.animated-icon.wave{animation:1s ease-in-out infinite iconWave}@keyframes iconWave{0%,100%{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.animated-icon.zoom{transition:transform var(--animation-duration) var(--animation-timing)}.animated-icon.zoom:hover{transform:scale(1.3)}.animated-icon.zoom-in{animation:.5s ease-in-out iconZoomIn}@keyframes iconZoomIn{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.animated-icon{--animation-duration:0.2s}.animated-icon:hover{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.animated-icon{animation:none!important;transition:none!important}.animated-icon:hover{transform:none!important}}@media (prefers-color-scheme:dark){.animated-icon.glow:hover{filter:drop-shadow(0 0 12px currentColor)}.animated-icon.glow-pulse{animation:2s infinite iconGlowPulseDark}}@keyframes iconGlowPulseDark{0%,100%{filter:drop-shadow(0 0 4px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor)}}.animated-icon.delay-1{animation-delay:.1s}.animated-icon.delay-2{animation-delay:.2s}.animated-icon.delay-3{animation-delay:.3s}.animated-icon.delay-4{animation-delay:.4s}.animated-icon.delay-5{animation-delay:.5s}.animated-icon.duration-fast{animation-duration:.2s}.animated-icon.duration-normal{animation-duration:.5s}.animated-icon.duration-slow{animation-duration:1s}.animated-icon.duration-slower{animation-duration:2s}.animated-icon.infinite{animation-iteration-count:infinite}.animated-icon.repeat-2{animation-iteration-count:2}.animated-icon.repeat-3{animation-iteration-count:3}.page-header .animated-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:15px}.page-header .page-header-icon.animated-icon{display:inline-flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);border-radius:12px;padding:8px;transition:.3s}.page-header .page-header-icon.animated-icon:hover{background:rgba(59,130,246,.2);transform:scale(1.05)}.page-header .page-header-icon.animated-icon svg{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.directory-card .animated-icon{display:inline-flex;align-items:center;justify-content:center;transition:.3s}.directory-card:hover .animated-icon{transform:scale(1.05)}.directory-card .animated-icon svg{filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .1))}.settings.notifications .avatar .animated-icon{display:inline-flex;align-items:center;justify-content:center;transition:.3s}.settings.notifications .avatar:hover .animated-icon{transform:scale(1.1)}.dropdown-item .action .animated-icon{display:inline-flex;align-items:center;justify-content:center;transition:.3s}.dropdown-item:hover .action .animated-icon{transform:scale(1.1)}.dropdown-item .animated-icon{display:inline-flex;align-items:center;justify-content:center;transition:.3s}.dropdown-item:hover .animated-icon{transform:scale(1.1)}.footer-bottom-bar .animated-icon{display:inline-flex;align-items:center;justify-content:center;transition:.3s}.footer-bottom-bar .link:hover .animated-icon{transform:scale(1.1)}.footer-bottom-bar .add-quick-item .animated-icon{display:inline-flex;align-items:center;justify-content:center;transition:.3s}.footer-bottom-bar .add-quick-item:hover .animated-icon{transform:scale(1.1)}.main-side-nav .animated-icon{display:inline-flex;align-items:center;justify-content:center;transition:.3s}.main-side-nav li:hover .animated-icon{transform:scale(1.1)}.main-side-nav li.active .animated-icon{animation:none}.main-side-nav .collapse .animated-icon{display:inline-flex;align-items:center;justify-content:center;transition:.3s}.main-side-nav .collapse li:hover .animated-icon{transform:scale(1.1)}