.notification-system[data-v-8422d90f]{position:relative}.toast-container[data-v-8422d90f]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast[data-v-8422d90f]{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:420px;padding:16px;background:#fff;border-radius:18px;box-shadow:0 18px 45px #0f172a24;animation:slideIn-8422d90f .3s ease-out;pointer-events:auto;cursor:pointer;border:1px solid rgba(226,232,240,.9);border-left:4px solid}.toast-success[data-v-8422d90f]{border-color:#10b981}.toast-error[data-v-8422d90f]{border-color:#ef4444}.toast-warning[data-v-8422d90f]{border-color:#f59e0b}.toast-info[data-v-8422d90f]{border-color:#3b82f6}.toast-icon[data-v-8422d90f]{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;font-weight:700}.toast-success .toast-icon[data-v-8422d90f]{background:#d1fae5;color:#10b981}.toast-error .toast-icon[data-v-8422d90f]{background:#fee2e2;color:#ef4444}.toast-warning .toast-icon[data-v-8422d90f]{background:#fef3c7;color:#f59e0b}.toast-info .toast-icon[data-v-8422d90f]{background:#dbeafe;color:#3b82f6}.toast-content[data-v-8422d90f]{flex:1}.toast-title[data-v-8422d90f]{font-weight:600;font-size:14px;color:#111827;margin-bottom:4px}.toast-message[data-v-8422d90f]{font-size:13px;color:#6b7280}.toast-close[data-v-8422d90f]{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:18px;color:#9ca3af;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close[data-v-8422d90f]:hover{background:#f3f4f6;color:#374151}@keyframes slideIn-8422d90f{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-bell[data-v-8422d90f]{position:relative}.bell-button[data-v-8422d90f]{position:relative;background:transparent;border:unset;border-radius:unset;padding:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.bell-button[data-v-8422d90f]:hover{background:#f8fbff;border-color:#c9d5e3;box-shadow:0 12px 24px #0f172a14}.bell-button svg[data-v-8422d90f]{color:#4b5563}.badge[data-v-8422d90f]{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.notification-flyout-shell[data-v-8422d90f]{position:fixed;inset:0;z-index:1000}.notification-backdrop[data-v-8422d90f]{top:0;left:0;width:100vw;height:100vh;background-color:#0f172a6b;z-index:1040}.notification-flyout[data-v-8422d90f]{position:fixed;top:48px;right:0;z-index:1050;width:440px;max-width:100%;max-height:calc(100vh - 48px);background:#fff;border-left:1px solid #e8edf3}.mark-all-read[data-v-8422d90f]{background:none;border:none;color:#2563eb;font-size:13px;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:999px;transition:all .2s}.mark-all-read[data-v-8422d90f]:hover{background:#e8f1ff}.notification-flyout-icon[data-v-8422d90f]{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.9rem;color:#2563eb;background:#2563eb1a}.notification-header-actions[data-v-8422d90f]{color:#6b7280;font-weight:600}.notification-header-summary[data-v-8422d90f]{color:#6b7280}.notifications-list[data-v-8422d90f]{flex:1;overflow-y:auto;max-height:calc(100vh - 178px)}.notifications-items[data-v-8422d90f]{margin:0}.notification-item[data-v-8422d90f]{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;cursor:pointer;transition:all .2s;border:none;border-bottom:1px solid #e8edf3;border-radius:0;margin:0;background:#fff}.notification-item[data-v-8422d90f]:hover{background:#f9fafb}.notification-item.unread[data-v-8422d90f]{background:#f8fbff;border-left:2px solid #2563eb}.notification-item.unread[data-v-8422d90f]:hover{background:#f3f8ff}.notification-icon[data-v-8422d90f]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:0;font-size:14px;font-weight:700;background:transparent}.icon-success[data-v-8422d90f]{background:#d1fae5;color:#10b981}.icon-error[data-v-8422d90f]{background:#fee2e2;color:#ef4444}.icon-warning[data-v-8422d90f]{background:#fef3c7;color:#f59e0b}.icon-info[data-v-8422d90f]{background:#dbeafe;color:#3b82f6}.notification-content[data-v-8422d90f]{flex:1;min-width:0}.notification-topline[data-v-8422d90f]{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:2px}.notification-title[data-v-8422d90f]{font-weight:600;font-size:13px;color:#111827}.notification-message[data-v-8422d90f]{font-size:12px;color:#6b7280;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time[data-v-8422d90f]{font-size:11px;color:#9ca3af;white-space:nowrap}.notification-status[data-v-8422d90f]{margin-top:2px}.status-pill[data-v-8422d90f]{display:inline-flex;align-items:center;padding:0;border-radius:0;background:transparent;color:#6b7280;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.unread-pill[data-v-8422d90f]{color:#2563eb}.delete-btn[data-v-8422d90f]{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:14px;color:#9ca3af;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:0;transition:all .2s;opacity:.6}.delete-btn[data-v-8422d90f]:hover{color:#ef4444;opacity:1}.empty-state[data-v-8422d90f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.empty-state-icon[data-v-8422d90f]{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:1.5rem;background:linear-gradient(135deg,#f8fbff,#eef4ff);color:#94a3b8;margin-bottom:16px}.empty-state p[data-v-8422d90f]{margin:0;font-size:14px}.loading[data-v-8422d90f]{display:flex;justify-content:center;padding:20px}.spinner[data-v-8422d90f]{width:24px;height:24px;border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin-8422d90f .8s linear infinite}@keyframes spin-8422d90f{to{transform:rotate(360deg)}}.load-more[data-v-8422d90f]{padding:12px 18px;background:#f8fbff;border:1px solid #d9e1ea;border-radius:999px;color:#2563eb;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.load-more[data-v-8422d90f]:hover{background:#edf5ff}.notification-footer[data-v-8422d90f]{display:flex;justify-content:center;padding:0 18px 20px}@media(max-width:480px){.notification-flyout[data-v-8422d90f]{top:0;width:100vw;max-height:100vh}.toast[data-v-8422d90f]{min-width:280px;max-width:calc(100vw - 40px)}.notifications-list[data-v-8422d90f]{max-height:calc(100vh - 130px)}.notification-topline[data-v-8422d90f]{flex-direction:column;gap:4px}}.mega-menu[data-v-bf97c6c3]{top:-11px!important;border-top-right-radius:0;border-top-left-radius:0}.dropdown-item.active[data-v-bf97c6c3]{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}
