.notifications-page[data-v-ee874bac]{max-width:1200px;margin:0 auto;padding:24px}[data-v-ee874bac] .ant-dropdown-menu{background-color:#fff!important;box-shadow:0 2px 8px #00000026!important;border-radius:4px!important}[data-v-ee874bac] .ant-dropdown-menu-item{background-color:transparent!important}[data-v-ee874bac] .ant-dropdown-menu-item:hover{background-color:#f5f5f5!important}.page-header[data-v-ee874bac]{margin-bottom:24px}.page-header h1[data-v-ee874bac]{font-size:28px;font-weight:600;margin:0 0 8px;color:#262626}.page-header .subtitle[data-v-ee874bac]{font-size:14px;color:#8c8c8c;margin:0}.filter-tabs[data-v-ee874bac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.stats-bar[data-v-ee874bac]{margin-bottom:16px}.notifications-list[data-v-ee874bac]{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px}.notifications-list .notification-item[data-v-ee874bac]{cursor:pointer;transition:all .3s;border-bottom:1px solid #f0f0f0}.notifications-list .notification-item[data-v-ee874bac]:hover{background:#fafafa}.notifications-list .notification-item.unread[data-v-ee874bac]{background:#e6f7ff}.notifications-list .notification-item.unread[data-v-ee874bac]:hover{background:#bae7ff}.notifications-list .notification-item .notification-title[data-v-ee874bac]{display:flex;align-items:center;gap:8px;font-weight:500}.notifications-list .notification-item .notification-content[data-v-ee874bac]{color:#595959;margin-top:4px}.notifications-list .notification-item .notification-time[data-v-ee874bac]{color:#8c8c8c;font-size:12px;margin-top:4px}@media (max-width: 1024px){.notifications-page[data-v-ee874bac]{padding:20px}}@media (max-width: 768px){.notifications-page[data-v-ee874bac]{padding:16px}.page-header h1[data-v-ee874bac]{font-size:22px}.filter-tabs[data-v-ee874bac]{flex-direction:column;gap:12px}.filter-tabs[data-v-ee874bac] .ant-radio-group{width:100%;display:flex;flex-wrap:wrap}.filter-tabs[data-v-ee874bac] .ant-radio-group .ant-radio-button-wrapper{flex:1;min-width:80px;text-align:center}}@media (max-width: 480px){.notifications-page[data-v-ee874bac]{padding:12px}.page-header h1[data-v-ee874bac]{font-size:18px}.notification-item[data-v-ee874bac]{padding:12px}}