.notification-center[data-v-81779d72]{position:relative}.notification-center .bell-button[data-v-81779d72]{position:relative;background:transparent;border:none;cursor:pointer;font-size:1.5rem;color:var(--text-color);padding:.5rem;border-radius:50%;transition:all .3s ease}.notification-center .bell-button[data-v-81779d72]:hover{background-color:var(--surface-hover);color:var(--primary-color)}.notification-center .bell-button .badge[data-v-81779d72]{position:absolute;top:-5px;right:-5px;background-color:#ef4444;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;border:2px solid var(--surface-card)}.notification-overlay[data-v-81779d72]{position:fixed;inset:0;z-index:999}.notification-dropdown[data-v-81779d72]{position:fixed;top:60px;right:20px;width:280px;max-height:400px;background:var(--surface-overlay);border-radius:8px;box-shadow:0 10px 40px #00000026;border:1px solid var(--surface-border);z-index:1000;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.notification-dropdown[data-v-81779d72]{width:90vw;right:5vw;left:5vw;min-width:unset}}.notification-header[data-v-81779d72]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--surface-border)}.notification-header h3[data-v-81779d72]{margin:0;font-size:1.1rem;font-weight:600}.notification-header .close-btn[data-v-81779d72]{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--text-color-secondary)}.notification-header .close-btn[data-v-81779d72]:hover{color:var(--text-color)}.notification-skeleton[data-v-81779d72],.notification-empty[data-v-81779d72]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-color-secondary)}.notification-skeleton i[data-v-81779d72],.notification-empty i[data-v-81779d72]{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.notification-list[data-v-81779d72]{overflow-y:auto;flex:1}.notification-list[data-v-81779d72]::-webkit-scrollbar{width:6px}.notification-list[data-v-81779d72]::-webkit-scrollbar-track{background:transparent}.notification-list[data-v-81779d72]::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:3px}.notification-list[data-v-81779d72]::-webkit-scrollbar-thumb:hover{background:var(--text-color-secondary)}.notification-item[data-v-81779d72]{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--surface-border);cursor:pointer;transition:background-color .2s ease}.notification-item[data-v-81779d72]:hover{background-color:var(--surface-hover)}.notification-item.unread[data-v-81779d72]{background-color:#3b82f60d}.notification-item.unread .notification-title[data-v-81779d72]{font-weight:600}.notification-item .notification-icon[data-v-81779d72]{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-top:.25rem}.notification-item .notification-icon.icon-info[data-v-81779d72]{background-color:#3b82f61a;color:#3b82f6}.notification-item .notification-icon.icon-warning[data-v-81779d72]{background-color:#f59e0b1a;color:#f59e0b}.notification-item .notification-icon.icon-error[data-v-81779d72]{background-color:#ef44441a;color:#ef4444}.notification-item .notification-icon.icon-success[data-v-81779d72]{background-color:#22c55e1a;color:#22c55e}.notification-item .notification-content[data-v-81779d72]{flex:1;min-width:0}.notification-item .notification-content .notification-title[data-v-81779d72]{margin:0;font-size:.95rem;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item .notification-content .notification-message[data-v-81779d72]{margin:.25rem 0 0;font-size:.85rem;color:var(--text-color-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.notification-item .notification-content .notification-time[data-v-81779d72]{margin-top:.25rem;font-size:.75rem;color:var(--text-color-secondary)}.notification-item .notification-actions[data-v-81779d72]{flex-shrink:0;display:flex;gap:.5rem}.notification-item .notification-actions .action-btn[data-v-81779d72]{background:none;border:none;cursor:pointer;color:var(--text-color-secondary);font-size:.85rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.notification-item .notification-actions .action-btn[data-v-81779d72]:hover{background-color:var(--surface-border);color:var(--text-color)}.notification-item .notification-actions .action-btn.delete[data-v-81779d72]:hover{color:#ef4444}.notification-footer[data-v-81779d72]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-top:1px solid var(--surface-border);background-color:var(--surface-ground)}.notification-footer .view-all[data-v-81779d72]{color:var(--primary-color);text-decoration:none;font-size:.9rem;transition:color .2s ease}.notification-footer .view-all[data-v-81779d72]:hover{color:var(--primary-focus);text-decoration:underline}.notification-footer .mark-all-btn[data-v-81779d72]{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.85rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.notification-footer .mark-all-btn[data-v-81779d72]:hover{background-color:#3b82f61a}