.nav-icon-button{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;background:#df3636;color:white;border-radius:12px;font-size:10px;padding:2px 5px;line-height:1.3}
.notification-panel{position:fixed;top:calc(var(--header-height,80px) + 10px);right:20px;width:min(360px,calc(100vw - 32px));max-height:min(480px,70dvh);overflow:auto;background:#10151c;color:#e5edf8;border:1px solid #334155;border-radius:14px;box-shadow:0 16px 48px #0008;z-index:1200;padding:16px}
.notification-panel[hidden]{display:none}.notification-panel header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.notification-panel h2{font-size:1.05rem;margin:0}.notification-panel button{background:none;border:0;color:#9cccff;cursor:pointer;font-size:12px}
.notification-list{font-size:14px;color:#b8c6d9;line-height:1.6}.notification-item{display:flex;flex-direction:column;gap:4px;padding:12px 8px;border-bottom:1px solid #253141;color:#c5d1e0;text-decoration:none}.notification-item.is-unread{border-left:3px solid #83b9fa;background:#152337}.notification-item span{font-size:12px}.notification-item:focus-visible,.notification-panel button:focus-visible{outline:2px solid #9cccff;outline-offset:3px}