.notifications-wrapper{max-width:900px;margin:auto;padding:24px}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.notifications-header h1{font-size:22px;display:flex;gap:10px;align-items:center}.notif-count{background:var(--primary);color:#fff;padding:2px 8px;border-radius:20px;font-size:13px}.notifications-filters{display:flex;gap:10px;margin-bottom:20px}.filter{border:1px solid #ddd;padding:6px 14px;border-radius:20px;background:#fff;cursor:pointer}.filter.active{background:var(--primary);color:#fff;border-color:var(--primary)}.notification-item{display:flex;gap:14px;padding:14px;border-radius:12px;background:#fff;border:1px solid #eee;margin-bottom:10px;transition:background 0.2s}.notification-item.unread{background:#f5f9ff;border-color:#d6e6ff}.notif-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.notif-icon.task_assigned{background:#4f46e5}.notif-icon.comment{background:#16a34a}.notif-icon.system{background:#0284c7}.notif-content{flex:1}.notif-text{font-size:14px;margin-bottom:6px}.notif-meta{display:flex;gap:10px;font-size:12px;color:#666}.unread-badge{background:#ef4444;color:#fff;font-size:11px;padding:2px 8px;border-radius:12px}.notif-actions{display:flex;align-items:center}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state i{font-size:40px;margin-bottom:10px}