.notification-center[data-v-287e4e06]{display:inline-block;position:relative}.notification-overlay[data-v-287e4e06]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.notification-modal[data-v-287e4e06]{--notif-bg:linear-gradient(145deg,#fff,#f8fafc);--notif-border:rgba(15,23,42,.1);--notif-text:#0f172a;--notif-text-muted:#475569;--notif-text-dim:#94a3b8;--notif-item-border:rgba(15,23,42,.06);--notif-item-hover:#f1f5f9;--notif-close-bg:#f1f5f9;--notif-close-text:#64748b;--notif-header-bg:#f8fafc;--notif-header-border:#e8ecf1;--notif-mark-bg:rgba(249,115,22,.1);--notif-mark-text:#c2410c;--notif-mark-hover-bg:rgba(249,115,22,.2);--notif-mark-hover-text:#9a3412;--notif-link-color:#ea580c;--notif-link-hover:#c2410c;--notif-unread-bg:rgba(249,115,22,.07);background:var(--notif-bg);border:1px solid var(--notif-border);border-radius:20px;box-shadow:0 25px 50px #0000001f;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:540px;overflow:hidden;width:100%}.dark .notification-modal[data-v-287e4e06]{--notif-bg:linear-gradient(145deg,#1e1e2e,#181825);--notif-border:hsla(0,0%,100%,.1);--notif-text:#fff;--notif-text-muted:#888;--notif-text-dim:#666;--notif-item-border:hsla(0,0%,100%,.05);--notif-item-hover:hsla(0,0%,100%,.05);--notif-close-bg:hsla(0,0%,100%,.1);--notif-close-text:#888;--notif-header-bg:#0f172a;--notif-header-border:#2a3444;--notif-mark-bg:rgba(249,115,22,.2);--notif-mark-text:#fdba74;--notif-mark-hover-bg:rgba(249,115,22,.4);--notif-mark-hover-text:#fff;--notif-link-color:#fdba74;--notif-link-hover:#fb923c;--notif-unread-bg:rgba(249,115,22,.1);box-shadow:0 25px 50px #00000080}.notification-header[data-v-287e4e06]{align-items:center;background:var(--notif-header-bg);border-bottom:1px solid var(--notif-header-border);display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.header-left[data-v-287e4e06]{align-items:center;display:flex;flex-shrink:1;gap:10px;min-width:0}.header-icon[data-v-287e4e06]{font-size:24px}.header-title[data-v-287e4e06]{color:var(--notif-text);font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge[data-v-287e4e06]{background:#ef4444;border-radius:10px;color:#fff;font-size:12px;font-weight:700;padding:2px 8px}.header-actions[data-v-287e4e06]{align-items:center;display:flex;flex-shrink:0;gap:8px}.mark-all-btn[data-v-287e4e06]{background:var(--notif-mark-bg);border:none;border-radius:8px;color:var(--notif-mark-text);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s;white-space:nowrap}.mark-all-btn[data-v-287e4e06]:hover{background:var(--notif-mark-hover-bg);color:var(--notif-mark-hover-text)}.close-btn[data-v-287e4e06]{align-items:center;background:var(--notif-close-bg);border:none;border-radius:8px;color:var(--notif-close-text);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn[data-v-287e4e06]:hover{background:#ef44444d;color:#ef4444}.loading-state[data-v-287e4e06]{color:var(--notif-text-muted);padding:60px 20px;text-align:center}.loading-spinner[data-v-287e4e06]{animation:spin-287e4e06 1s linear infinite;border:3px solid rgba(249,115,22,.2);border-radius:50%;border-top-color:#f97316;height:40px;margin:0 auto 16px;width:40px}@keyframes spin-287e4e06{to{transform:rotate(1turn)}}.empty-state[data-v-287e4e06]{padding:60px 20px;text-align:center}.empty-icon[data-v-287e4e06]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-title[data-v-287e4e06]{color:var(--notif-text);font-size:16px;font-weight:500;margin-bottom:4px}.empty-subtitle[data-v-287e4e06]{color:var(--notif-text-muted);font-size:13px}.notification-list[data-v-287e4e06]{flex:1;max-height:400px;overflow-y:auto}.notification-item[data-v-287e4e06]{align-items:flex-start;border-bottom:1px solid var(--notif-item-border);cursor:pointer;display:flex;gap:12px;padding:14px 20px;transition:background .2s}.notification-item[data-v-287e4e06]:hover{background:var(--notif-item-hover)}.notification-item.unread[data-v-287e4e06]{background:var(--notif-unread-bg)}.notification-item[data-v-287e4e06]:last-child{border-bottom:none}.notification-icon[data-v-287e4e06]{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.icon-green[data-v-287e4e06]{background:#22c55e33}.icon-purple[data-v-287e4e06]{background:#a855f733}.icon-red[data-v-287e4e06]{background:#ef444433}.icon-yellow[data-v-287e4e06]{background:#eab30833}.icon-blue[data-v-287e4e06],.icon-indigo[data-v-287e4e06]{background:#f9731633}.icon-gray[data-v-287e4e06]{background:#6b728033}.notification-content[data-v-287e4e06]{flex:1;min-width:0}.notification-title[data-v-287e4e06]{color:var(--notif-text);font-size:14px;font-weight:500;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-message[data-v-287e4e06]{color:var(--notif-text-muted);display:-webkit-box;font-size:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;overflow:hidden}.notification-time[data-v-287e4e06]{color:var(--notif-text-dim);font-size:11px;margin-top:4px}.action-button[data-v-287e4e06]{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;box-shadow:0 2px 6px #f973164d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:6px 12px;transition:all .2s}.action-button[data-v-287e4e06]:hover{box-shadow:0 4px 10px #f9731666;transform:translateY(-1px)}.unread-dot[data-v-287e4e06]{background:#f97316;border-radius:50%;flex-shrink:0;height:10px;margin-top:4px;width:10px}.notification-footer[data-v-287e4e06]{border-top:1px solid var(--notif-border);padding:14px 20px;text-align:center}.view-all-link[data-v-287e4e06]{color:var(--notif-link-color);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.view-all-link[data-v-287e4e06]:hover{color:var(--notif-link-hover)}.modal-enter-active[data-v-287e4e06],.modal-leave-active[data-v-287e4e06]{transition:all .3s ease}.modal-enter-from[data-v-287e4e06],.modal-leave-to[data-v-287e4e06]{opacity:0}.modal-enter-from .notification-modal[data-v-287e4e06],.modal-leave-to .notification-modal[data-v-287e4e06]{opacity:0;transform:scale(.9) translateY(-20px)}.modal-enter-active .notification-modal[data-v-287e4e06],.modal-leave-active .notification-modal[data-v-287e4e06]{transition:all .3s ease}@media(max-width:480px){.notification-overlay[data-v-287e4e06]{align-items:flex-end;padding:10px}.notification-modal[data-v-287e4e06]{border-radius:20px 20px 0 0;max-height:70vh;max-width:100%}.header-actions[data-v-287e4e06]{gap:4px}.mark-all-btn[data-v-287e4e06]{font-size:11px;padding:4px 8px}}