.dashboard-container[data-v-73d7f568]{padding:24px;background-color:#fff;border-radius:2px;box-shadow:none}@media (max-width: 600px){.dashboard-container[data-v-73d7f568]{padding:0}}.notifications-header[data-v-73d7f568]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}@media (max-width: 600px){.notifications-header[data-v-73d7f568]{padding:16px;flex-direction:column;align-items:flex-start}}.notifications-header .notifications-title[data-v-73d7f568]{display:flex;align-items:center;gap:8px}.notifications-header .notifications-title .anticon[data-v-73d7f568]{font-size:22px;color:#333}.notifications-header .notifications-title h4[data-v-73d7f568]{margin:0;font-weight:500}.notifications-header .notifications-title .count-tag[data-v-73d7f568]{background-color:#26bec9;color:#fff;font-weight:600;border:none;border-radius:50%;padding:0 8px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center}.notifications-header .archive-toggle[data-v-73d7f568]{display:flex;align-items:center}.toggle-archive-button[data-v-73d7f568]{display:flex;align-items:center;gap:4px;background-color:transparent;border:none;color:#595959;font-size:14px;padding:4px 12px;height:32px;cursor:pointer;transition:all .3s}.toggle-archive-button[data-v-73d7f568]:hover{color:#40a9ff}.toggle-archive-button .anticon[data-v-73d7f568]{font-size:16px}.loading-container[data-v-73d7f568]{display:flex;justify-content:center;align-items:center;min-height:200px}@media (max-width: 600px){.loading-container[data-v-73d7f568]{padding:0 16px}}.notifications-list[data-v-73d7f568]{display:flex;flex-direction:column;gap:16px}@media (max-width: 600px){.notifications-list[data-v-73d7f568]{padding:0 16px}}.pagination-container[data-v-73d7f568]{margin-top:24px;display:flex;justify-content:flex-end}@media (max-width: 600px){.pagination-container[data-v-73d7f568]{padding:0 16px 16px}}.empty-state[data-v-73d7f568]{margin:40px 0}@media (max-width: 600px){.empty-state[data-v-73d7f568]{padding:0 16px}}
