.notification-bell{position:relative;background:none;border:none;cursor:pointer;padding:4px}.notification-bell__badge{position:absolute;top:-2px;right:-4px;background:#e53e3e;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;border:2px solid #fff}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:460px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);z-index:1050;overflow:hidden;display:flex;flex-direction:column;animation:notifSlideIn .18s ease-out}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #f0f0f0}.notification-dropdown__header h6{margin:0;font-size:15px;font-weight:700;color:#1a1a1a}.notification-dropdown__list{overflow-y:auto;flex:1 1;max-height:380px}.notification-dropdown__item{display:flex;gap:10px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f7f7f7;align-items:flex-start}.notification-dropdown__item:hover{background:#f5f8ff}.notification-dropdown__item--unread{background:#f0f6ff}.notification-dropdown__item--unread:hover{background:#e6efff}.notification-dropdown__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#3182ce;margin-top:6px}.notification-dropdown__dot--read{background:transparent}.notification-dropdown__content{flex:1 1;min-width:0}.notification-dropdown__title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.notification-dropdown__excerpt,.notification-dropdown__title{line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-dropdown__excerpt{font-size:12px;color:#666;margin-bottom:4px}.notification-dropdown__excerpt--expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.notification-dropdown__excerpt img{max-width:100%;height:auto}.notification-dropdown__excerpt p{margin:0 0 4px}.notification-dropdown__time{font-size:11px;color:#999}.notification-dropdown__toggle{color:#3182ce;cursor:pointer;font-weight:500;margin-left:6px}.notification-dropdown__empty{padding:40px 16px;text-align:center;color:#999;font-size:13px}.notification-dropdown__empty i{font-size:32px;display:block;margin-bottom:8px;color:#ccc}.notification-dropdown__loading{padding:24px 16px;text-align:center;color:#999;font-size:13px}.notification-overlay{position:fixed;inset:0;z-index:1049}@media (max-width:576px){.notification-dropdown{width:calc(100vw - 24px);right:-60px}}