.notification-panel{position:fixed;top:80px;right:2rem;width:400px;max-height:600px;background:var(--sidebar);border:1px solid var(--border);border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.5);z-index:1500;overflow:hidden;display:none}.notification-panel.active{display:block}.notification-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.notification-list{max-height:500px;overflow-y:auto}.notification-item{padding:1rem 1.5rem;border-bottom:1px solid var(--border);cursor:pointer;transition:.2s}.notification-item:hover{background:rgba(102,126,234,.05)}.notification-item.unread{background:rgba(102,126,234,.08);border-left:3px solid var(--primary)}@media (max-width:768px){.notification-panel{width:90%;right:5%}}