.notification-center[data-v-9bc3ebe6]{display:inline-block;position:relative}.notification-overlay[data-v-9bc3ebe6]{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-9bc3ebe6]{background:linear-gradient(145deg,#1e1e2e,#181825);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:450px;overflow:hidden;width:100%}.notification-header[data-v-9bc3ebe6]{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:16px 20px}.header-left[data-v-9bc3ebe6]{align-items:center;display:flex;gap:10px}.header-icon[data-v-9bc3ebe6]{font-size:24px}.header-title[data-v-9bc3ebe6]{color:#fff;font-size:18px;font-weight:600}.unread-badge[data-v-9bc3ebe6]{background:#ef4444;border-radius:10px;color:#fff;font-size:12px;font-weight:700;padding:2px 8px}.header-actions[data-v-9bc3ebe6]{align-items:center;display:flex;gap:8px}.mark-all-btn[data-v-9bc3ebe6]{background:#6366f133;border:none;border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.mark-all-btn[data-v-9bc3ebe6]:hover{background:#6366f166;color:#fff}.close-btn[data-v-9bc3ebe6]{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn[data-v-9bc3ebe6]:hover{background:#ef44444d;color:#ef4444}.loading-state[data-v-9bc3ebe6]{color:#888;padding:60px 20px;text-align:center}.loading-spinner[data-v-9bc3ebe6]{animation:spin-9bc3ebe6 1s linear infinite;border:3px solid rgba(99,102,241,.2);border-radius:50%;border-top-color:#6366f1;height:40px;margin:0 auto 16px;width:40px}@keyframes spin-9bc3ebe6{to{transform:rotate(1turn)}}.empty-state[data-v-9bc3ebe6]{padding:60px 20px;text-align:center}.empty-icon[data-v-9bc3ebe6]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-title[data-v-9bc3ebe6]{color:#fff;font-size:16px;font-weight:500;margin-bottom:4px}.empty-subtitle[data-v-9bc3ebe6]{color:#666;font-size:13px}.notification-list[data-v-9bc3ebe6]{flex:1;max-height:400px;overflow-y:auto}.notification-item[data-v-9bc3ebe6]{align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.05);cursor:pointer;display:flex;gap:12px;padding:14px 20px;transition:background .2s}.notification-item[data-v-9bc3ebe6]:hover{background:#ffffff0d}.notification-item.unread[data-v-9bc3ebe6]{background:#6366f11a}.notification-item[data-v-9bc3ebe6]:last-child{border-bottom:none}.notification-icon[data-v-9bc3ebe6]{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-9bc3ebe6]{background:#22c55e33}.icon-purple[data-v-9bc3ebe6]{background:#a855f733}.icon-red[data-v-9bc3ebe6]{background:#ef444433}.icon-yellow[data-v-9bc3ebe6]{background:#eab30833}.icon-blue[data-v-9bc3ebe6]{background:#3b82f633}.icon-indigo[data-v-9bc3ebe6]{background:#6366f133}.icon-gray[data-v-9bc3ebe6]{background:#6b728033}.notification-content[data-v-9bc3ebe6]{flex:1;min-width:0}.notification-title[data-v-9bc3ebe6]{color:#fff;font-size:14px;font-weight:500;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-message[data-v-9bc3ebe6]{color:#888;display:-webkit-box;font-size:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;overflow:hidden}.notification-time[data-v-9bc3ebe6]{color:#666;font-size:11px;margin-top:4px}.action-button[data-v-9bc3ebe6]{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 2px 6px #6366f14d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:6px 12px;transition:all .2s}.action-button[data-v-9bc3ebe6]:hover{box-shadow:0 4px 10px #6366f166;transform:translateY(-1px)}.unread-dot[data-v-9bc3ebe6]{background:#6366f1;border-radius:50%;flex-shrink:0;height:10px;margin-top:4px;width:10px}.notification-footer[data-v-9bc3ebe6]{border-top:1px solid hsla(0,0%,100%,.1);padding:14px 20px;text-align:center}.view-all-link[data-v-9bc3ebe6]{color:#a5b4fc;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.view-all-link[data-v-9bc3ebe6]:hover{color:#818cf8}.modal-enter-active[data-v-9bc3ebe6],.modal-leave-active[data-v-9bc3ebe6]{transition:all .3s ease}.modal-enter-from[data-v-9bc3ebe6],.modal-leave-to[data-v-9bc3ebe6]{opacity:0}.modal-enter-from .notification-modal[data-v-9bc3ebe6],.modal-leave-to .notification-modal[data-v-9bc3ebe6]{opacity:0;transform:scale(.9) translateY(-20px)}.modal-enter-active .notification-modal[data-v-9bc3ebe6],.modal-leave-active .notification-modal[data-v-9bc3ebe6]{transition:all .3s ease}@media(max-width:480px){.notification-overlay[data-v-9bc3ebe6]{align-items:flex-end;padding:10px}.notification-modal[data-v-9bc3ebe6]{border-radius:20px 20px 0 0;max-height:70vh;max-width:100%}.header-actions[data-v-9bc3ebe6]{gap:4px}.mark-all-btn[data-v-9bc3ebe6]{font-size:11px;padding:4px 8px}}