.notification-page{padding:20px;max-width:800px;margin:0 auto}.notifications-header{font-size:2rem;text-align:center;margin-bottom:20px}.notifications-container{display:flex;flex-direction:column;gap:0}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #ddd;background-color:#f5f5f5;text-decoration:none;color:inherit;transition:background-color .3s;position:relative}.notification-item:hover{background-color:#e0e0e0}.notification-content{flex:1;text-decoration:none;color:inherit;display:flex;flex-direction:column}.notification-item.unread{font-weight:700}.notification-item.read{font-weight:400;background-color:#f9f9f9}.notification-type{font-size:22px;color:#3d0b37;margin-bottom:5px}.notification-project-title{font-size:18px;color:#160d1c}.notifications-delete-button{display:none;background:none;border:none;cursor:pointer;padding:5px}.notification-item:hover .notifications-delete-button{display:inline-block}.notifications-trash-icon{width:20px;height:20px;filter:grayscale(100%);transition:filter .3s}.notifications-delete-button:hover .notifications-trash-icon{filter:none}