.notification-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:auto}.notification-badge{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 4px 12px #2563eb4d;animation:slideIn .3s ease-out;transition:all .2s ease}.notification-badge:hover{transform:scale(1.05);box-shadow:0 6px 16px #2563eb66}.notification-badge-icon{color:#fff;flex-shrink:0}.notification-count{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white;box-shadow:0 2px 8px #ef44444d}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 480px){.notification-container{top:10px;right:10px}.notification-badge{width:44px;height:44px}.notification-badge-icon{width:20px;height:20px}}