.notifications-container{max-width:1200px;margin:0 auto;padding:0 15px}.page-title{font-weight:600;color:#2c3e50;margin-left:10px}.notifications-icon{font-size:28px;color:#3498db}.search-box{max-width:300px}.notification-list{border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.notification-item{position:relative;padding:20px;border-bottom:1px solid #eee;background-color:#fff;transition:all .2s ease}.notification-item.unread{background-color:#f8fafc;border-left:4px solid #3498db}.notification-item:hover{background-color:#f5f7fa}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.notification-title h5{font-weight:600;color:#2c3e50;margin-bottom:5px}.notification-time{font-size:.85rem;color:#7f8c8d}.notification-actions{display:flex;gap:8px}.mark-read-btn,.delete-btn{background:transparent;border:none;color:#7f8c8d;padding:5px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mark-read-btn:hover{background:#e3f2fd;color:#3498db}.delete-btn:hover{background:#fde8e8;color:#e74c3c}.notification-body{position:relative}.notification-content.collapsed{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.read-more-btn{padding:0;font-size:.9rem;color:#3498db;text-decoration:none}.read-more-btn:hover{text-decoration:underline}.unread-badge{position:absolute;bottom:15px;right:15px;background-color:#00a367;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:500}.empty-state{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.empty-icon{color:#bdc3c7;margin-bottom:15px}@media (max-width: 768px){.notification-header{flex-direction:column}.notification-actions{margin-top:10px;align-self:flex-end}.page-title{font-size:1.5rem}.search-box{max-width:100%;margin-top:15px}.d-flex{flex-direction:column}}@media (max-width: 576px){.notification-item{padding:15px}.notification-title h5{font-size:1.1rem}}