.page-container[data-v-c0fc4a08]{height:100%;background:#fff;display:flex;flex-direction:column}.header-bar[data-v-c0fc4a08]{display:flex;align-items:center;justify-content:space-between;line-height:66px;height:66px;border-bottom:1px solid #f6f6f6;padding:0 33px}.page-title[data-v-c0fc4a08]{font-size:16px;font-weight:500;color:#2c3e50}.header-actions[data-v-c0fc4a08]{display:flex;align-items:center}.header-actions img[data-v-c0fc4a08]{margin-left:16px;width:15px;height:15px;cursor:pointer}.empty-state[data-v-c0fc4a08]{display:flex;justify-content:center;align-items:center;height:100%;margin-top:100px}.notifications-container[data-v-c0fc4a08]{padding:0;overflow-y:auto;flex:1;display:flex;flex-direction:column}.notifications-container[data-v-c0fc4a08]::-webkit-scrollbar{width:6px;height:6px}.notifications-container[data-v-c0fc4a08]::-webkit-scrollbar-thumb{border-radius:3px;background-color:#ccc}.notifications-container[data-v-c0fc4a08]::-webkit-scrollbar-track-piece{background-color:#fff}.notification-item[data-v-c0fc4a08]{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #e5e5e5}.user-info[data-v-c0fc4a08]{display:flex;align-items:center}.user-avatar[data-v-c0fc4a08]{width:46px;height:46px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:17px;border:1px solid #e5e5e5;cursor:pointer}.user-details[data-v-c0fc4a08]{display:flex;flex-direction:column}.user-name-container[data-v-c0fc4a08]{display:flex;align-items:center}.user-name-container .username[data-v-c0fc4a08]{font-size:16px;font-weight:400;color:#000;margin-right:8px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name-container img[data-v-c0fc4a08]{height:15px;width:auto}.notification-type[data-v-c0fc4a08]{font-size:13px;color:#666}.notification-time[data-v-c0fc4a08]{font-size:13px;color:#999;white-space:nowrap}.pagination[data-v-c0fc4a08]{margin:20px 0;align-self:center}@media screen and (max-width:768px){.notification-item[data-v-c0fc4a08]{flex-direction:column;align-items:flex-start}.notification-time[data-v-c0fc4a08]{margin-top:10px;align-self:flex-end}}