.notify-dropdown-container{position:absolute;top:45px;right:-10px;width:350px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;z-index:2000;overflow:hidden;border:1px solid #0000001a;animation:notify-dropdown-slide-down .2s ease}.notify-dropdown-header{display:flex;flex-direction:column;padding:12px;border-bottom:1px solid #e0e0e0;background:linear-gradient(90deg,#003466,#005499)}.notify-dropdown-title{display:flex;align-items:center;gap:6px;margin-bottom:10px}.notify-dropdown-title h3{margin:0;font-size:16px;font-weight:600;color:#fff}.notify-bell-icon{font-size:20px}.notify-dropdown-actions{display:flex;align-items:center;justify-content:space-between;width:100%}.notify-dropdown-mark-all-read{background:#f8b500;color:#fff;border:none;padding:6px 12px;border-radius:5px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;white-space:nowrap;flex:1 1;margin-right:8px;text-align:center}.notify-dropdown-mark-all-read:hover{background:#fc3}.notify-dropdown-view-all{background:#ffffff40;color:#fff;border:none;padding:6px 12px;border-radius:5px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;flex:1 1;text-align:center}.notify-dropdown-view-all:hover{background:#ffffff4d;transform:translateY(-1px)}.notify-dropdown-list{max-height:350px;overflow-y:auto}.notify-dropdown-item{display:flex;padding:12px;border-bottom:1px solid #f0f0f0;transition:all .2s ease;cursor:pointer;align-items:flex-start;text-decoration:none;color:inherit;position:relative}.notify-dropdown-item.unread{background-color:#f0f7ff;border-left:4px solid #003466}.notify-dropdown-item.unread .notify-dropdown-item__title{color:#003466;font-weight:700}.notify-dropdown-item.unread .notify-dropdown-item__message{color:#4a5568}.notify-dropdown-item:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.notify-dropdown-item.unread:hover{background-color:#e6f0ff;transform:translateY(-1px);box-shadow:0 2px 4px #0034661a}.notify-dropdown-item:last-child{border-bottom:none}.notify-dropdown-item__icon{flex-shrink:0;width:40px;height:40px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:18px;border:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.notify-dropdown-item__content{flex:1 1;padding-top:2px}.notify-dropdown-item__title{font-weight:600;color:#333;margin-bottom:6px;font-size:14px;line-height:1.3}.notify-dropdown-item__message{color:#666;font-size:13px;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.notify-dropdown-item__date{color:#999;font-size:11px;margin-top:2px}.notify-dropdown-list::-webkit-scrollbar{width:6px}.notify-dropdown-list::-webkit-scrollbar-track{background:#f1f1f1}.notify-dropdown-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.notify-dropdown-list::-webkit-scrollbar-thumb:hover{background:#555}@keyframes notify-dropdown-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.notify-dropdown-container{width:320px;right:-80px}.notify-dropdown-item__message{font-size:13px}.notify-dropdown-actions{flex-direction:column;align-items:flex-end;gap:5px}.notify-dropdown-mark-all-read{font-size:12px;padding:5px 10px}}@media (max-width:576px){.notify-dropdown-container{width:300px;right:-80px}}