.notification-badge{position:absolute;top:-5px;right:-5px;background:red;color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;display:flex;align-items:center;justify-content:center}.notification-panel{display:none;position:absolute;right:-50px;top:40px;width:300px;background:#fff;border:1px solid #ddd;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:100;max-height:500px;overflow-y:auto}.notification-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s}.notification-item.unread{background:#f9f9f9;font-weight:700}.notification-item:hover{background:#f0f0f0}.delete-btn{opacity:.5;transition:opacity .2s}.delete-btn:hover{opacity:1}