.notification-system[data-v-477299cb]{position:relative}.toast-container[data-v-477299cb]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast[data-v-477299cb]{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:420px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn-477299cb .3s ease-out;pointer-events:auto;cursor:pointer;border-left:4px solid}.toast-success[data-v-477299cb]{border-color:#10b981}.toast-error[data-v-477299cb]{border-color:#ef4444}.toast-warning[data-v-477299cb]{border-color:#f59e0b}.toast-info[data-v-477299cb]{border-color:#3b82f6}.toast-icon[data-v-477299cb]{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-477299cb]{background:#d1fae5;color:#10b981}.toast-error .toast-icon[data-v-477299cb]{background:#fee2e2;color:#ef4444}.toast-warning .toast-icon[data-v-477299cb]{background:#fef3c7;color:#f59e0b}.toast-info .toast-icon[data-v-477299cb]{background:#dbeafe;color:#3b82f6}.toast-content[data-v-477299cb]{flex:1}.toast-title[data-v-477299cb]{font-weight:600;font-size:14px;color:#111827;margin-bottom:4px}.toast-message[data-v-477299cb]{font-size:13px;color:#6b7280}.toast-close[data-v-477299cb]{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-477299cb]:hover{background:#f3f4f6;color:#374151}@keyframes slideIn-477299cb{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-bell[data-v-477299cb]{position:relative}.bell-button[data-v-477299cb]{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.bell-button[data-v-477299cb]:hover{background:#f9fafb;border-color:#d1d5db}.bell-button svg[data-v-477299cb]{color:#6b7280}.badge[data-v-477299cb]{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}.dropdown[data-v-477299cb]{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1000;display:flex;flex-direction:column}.dropdown-header[data-v-477299cb]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.dropdown-header h3[data-v-477299cb]{margin:0;font-size:18px;font-weight:600;color:#111827}.mark-all-read[data-v-477299cb]{background:none;border:none;color:#3b82f6;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.mark-all-read[data-v-477299cb]:hover{background:#eff6ff}.notifications-list[data-v-477299cb]{flex:1;overflow-y:auto;max-height:500px}.notification-item[data-v-477299cb]{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f3f4f6}.notification-item[data-v-477299cb]:hover{background:#f9fafb}.notification-item.unread[data-v-477299cb]{background:#eff6ff}.notification-item.unread[data-v-477299cb]:hover{background:#dbeafe}.notification-icon[data-v-477299cb]{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;font-weight:700}.icon-success[data-v-477299cb]{background:#d1fae5;color:#10b981}.icon-error[data-v-477299cb]{background:#fee2e2;color:#ef4444}.icon-warning[data-v-477299cb]{background:#fef3c7;color:#f59e0b}.icon-info[data-v-477299cb]{background:#dbeafe;color:#3b82f6}.notification-content[data-v-477299cb]{flex:1;min-width:0}.notification-title[data-v-477299cb]{font-weight:600;font-size:14px;color:#111827;margin-bottom:4px}.notification-message[data-v-477299cb]{font-size:13px;color:#6b7280;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time[data-v-477299cb]{font-size:12px;color:#9ca3af}.delete-btn[data-v-477299cb]{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:16px;color:#9ca3af;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;opacity:0}.notification-item:hover .delete-btn[data-v-477299cb]{opacity:1}.delete-btn[data-v-477299cb]:hover{background:#fee2e2;color:#ef4444}.empty-state[data-v-477299cb]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.empty-state svg[data-v-477299cb]{margin-bottom:16px;opacity:.5}.empty-state p[data-v-477299cb]{margin:0;font-size:14px}.loading[data-v-477299cb]{display:flex;justify-content:center;padding:20px}.spinner[data-v-477299cb]{width:24px;height:24px;border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin-477299cb .8s linear infinite}@keyframes spin-477299cb{to{transform:rotate(360deg)}}.load-more[data-v-477299cb]{width:100%;padding:12px;background:none;border:none;color:#3b82f6;font-size:13px;cursor:pointer;transition:all .2s}.load-more[data-v-477299cb]:hover{background:#f9fafb}.overlay[data-v-477299cb]{position:fixed;inset:0;z-index:999}@media(max-width:480px){.dropdown[data-v-477299cb]{width:calc(100vw - 32px);right:16px}.toast[data-v-477299cb]{min-width:280px;max-width:calc(100vw - 40px)}}.mega-menu[data-v-bf778c12]{top:-11px!important;border-top-right-radius:0;border-top-left-radius:0}.dropdown-item.active[data-v-bf778c12]{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}#sidebar-menu .has-arrow[data-v-fdca0e59]:after{content:"";font-family:unicons-line}.metismenu li.master[data-v-fdca0e59]{margin-bottom:8px}#sidebar-menu ul li ul.sub-menu li a[data-v-fdca0e59]{padding:.2rem 1.5rem .5rem 2.6rem}#nprogress{pointer-events:none}#nprogress .bar{background:#29abe2;position:fixed;z-index:1031;top:0;left:0;width:0%;height:4px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29abe2,0 0 5px #29abe2;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}
