.notification-dropdown-header{background:linear-gradient(135deg,#ff4757 0%,#ff6b6b 50%,#ffa06b 100%);position:relative;overflow:hidden}.notification-dropdown-header:before{content:"";opacity:.6;z-index:2;background:linear-gradient(135deg,#ffd93d 0%,#f59e0b 50%,#ffa06b 100%);border-radius:20px;width:80px;height:80px;position:absolute;top:-20px;right:-30px;transform:rotate(25deg)}.notification-dropdown-header:after{content:"";opacity:.5;z-index:2;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 50%,#06b6d4 100%);border-radius:15px;width:60px;height:60px;position:absolute;bottom:-15px;left:-20px;transform:rotate(-15deg)}.notification-dropdown-content{background:linear-gradient(135deg,#ff475705 0%,#ff6b6b08 50%,#ffa06b05 100%);position:relative}.notification-dropdown-footer{background:linear-gradient(135deg,#ff47570d 0%,#ff6b6b14 50%,#ffa06b0d 100%);position:relative;overflow:hidden}.notification-dropdown-footer:before{content:"";opacity:.3;z-index:2;background:linear-gradient(135deg,#ffd93d 0%,#f59e0b 100%);border-radius:10px;width:40px;height:40px;position:absolute;top:-10px;right:-15px;transform:rotate(20deg)}.mark-all-read-button{-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d}.mark-all-read-button:hover{background:#ffffff4d;transition:all .2s;transform:translateY(-1px)}@keyframes float{0%,to{transform:translateY(0)rotate(25deg)}50%{transform:translateY(-10px)rotate(30deg)}}.notification-dropdown-header:before{animation:6s ease-in-out infinite float}@keyframes float2{0%,to{transform:translateY(0)rotate(-15deg)}50%{transform:translateY(-8px)rotate(-20deg)}}.notification-dropdown-header:after{animation:8s ease-in-out infinite float2}@supports not (backdrop-filter:blur(10px)){.mark-all-read-button{background:#ffffff40}}.notification-dropdown-header{background:linear-gradient(135deg,#ff4757 0%,#ff6b6b 50%,#ffa06b 100%)}