.notification-card[data-v-52e1e8b1]{border-radius:16px!important}.notification-header[data-v-52e1e8b1]{display:flex;align-items:center}.notification-title[data-v-52e1e8b1]{font-family:Poppins,sans-serif;font-weight:700;font-size:18px;line-height:27px;color:#33303e}.notification-controls[data-v-52e1e8b1]{display:flex;align-items:center;justify-content:space-between}.notification-tabs[data-v-52e1e8b1]{display:flex;gap:8px}.tab-btn[data-v-52e1e8b1]{display:flex;align-items:center;height:37px;padding:8px 14px;border-radius:100px;border:1.5px solid #ebebf5;background:transparent;font-family:Poppins,sans-serif;font-weight:500;font-size:14px;line-height:21px;color:#d1cee0;cursor:pointer;transition:all .2s}.tab-btn--active[data-v-52e1e8b1]{background:#f4f4fb;border-color:transparent;color:#907ff5}.mark-all-btn[data-v-52e1e8b1]{display:flex;align-items:center;justify-content:center;height:48px;padding:12px 32px;border-radius:100px;border:1.5px solid #d1cee0;background:transparent;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#33303e;cursor:pointer;transition:background .2s}.mark-all-btn[data-v-52e1e8b1]:hover{background:#f4f4fb}.notification-list[data-v-52e1e8b1]{display:flex;flex-direction:column;gap:4px}.notification-item[data-v-52e1e8b1]{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.notification-item--unread[data-v-52e1e8b1]{background:rgba(244,242,254,.32)}.notification-item[data-v-52e1e8b1]:hover{background:rgba(144,127,245,.08)}.notification-icon[data-v-52e1e8b1]{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f4f2fe;border:1.5px dashed #ebebf5;border-radius:100px}.notification-content[data-v-52e1e8b1]{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.notification-content__title[data-v-52e1e8b1]{font-family:Poppins,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:#4e4b59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-content__title--unread[data-v-52e1e8b1]{color:#907ff5}.notification-content__desc[data-v-52e1e8b1]{font-family:Poppins,sans-serif;font-weight:500;font-size:14px;line-height:21px;color:#8c8a97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-meta[data-v-52e1e8b1]{flex-shrink:0;display:flex;align-items:center;gap:8px}.notification-meta__date[data-v-52e1e8b1]{font-family:Poppins,sans-serif;font-weight:500;font-size:14px;line-height:21px;color:#aaa8b8;white-space:nowrap}.no-notifications[data-v-52e1e8b1]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0;color:#aaa8b8;font-family:Poppins,sans-serif;font-size:14px}@media (max-width:599px){.notification-card[data-v-52e1e8b1]{border:none!important;box-shadow:none!important}.notification-controls[data-v-52e1e8b1]{flex-direction:column;align-items:flex-start;gap:12px}.mark-all-btn[data-v-52e1e8b1]{width:100%;justify-content:center;height:40px;padding:8px 20px;font-size:13px}.notification-item[data-v-52e1e8b1]{align-items:flex-start;gap:12px;padding:12px}.notification-icon[data-v-52e1e8b1]{width:36px;height:36px}.notification-content__title[data-v-52e1e8b1]{font-size:14px;white-space:normal}.notification-content__desc[data-v-52e1e8b1]{font-size:13px;white-space:normal;overflow:visible;text-overflow:unset}.notification-meta[data-v-52e1e8b1]{align-self:flex-start;margin-top:2px}}@media (min-width:600px) and (max-width:959px){.notification-content__desc[data-v-52e1e8b1]{white-space:normal;overflow:visible;text-overflow:unset}}