.notifications-container{padding:20px;max-width:800px;margin:0 auto;font-family:Arial,sans-serif}.empty-container{margin-top:50px;color:#555}.empty-container h3{font-size:24px;margin-bottom:10px}.empty-container p{font-size:16px;color:#777}.notification-list{margin-top:20px}.notification-item{background-color:#f9f9f9;border-left:5px solid transparent;transition:background-color .3s ease,border-color .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.05)}.notification-item.unread{background-color:#eef6ff;border-left-color:#007bff}.notification-avatar{border:2px solid #ccc}.notification-content h4{margin:0 0 5px;color:#333}.notification-content p{margin:0;color:#555}.notification-time{color:#999;white-space:nowrap}.notification_link{background:#fff;border-radius:100px;text-align:center;display:flex;justify-content:center;padding:3px 10px;margin-right:15px}.notification-list{display:flex;flex-direction:column;gap:15px}.notification-item{display:flex;align-items:center;padding:15px;background-color:#f1f1f1;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.notification-item.unread{background-color:#e0f7fa;font-weight:700}.notification-item.read{background-color:#f9f9f9}.notification-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:15px}.notification-content{flex:1 1}.notification-content h4{margin:0;font-size:16px}.notification-content p{margin:4px 0 0;font-size:14px}.notification-time{font-size:12px;color:gray;margin-left:10px}.empty-container{text-align:center;padding:50px;color:#777}.load-more-container{text-align:center;margin-top:20px}.load-more-button{padding:10px 20px;background-color:#007bff;color:#fff;font-size:14px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.load-more-button:hover{background-color:#0056b3}