body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--app-font:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body,body *{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-family:var(--app-font)!important}*,:after,:before{box-sizing:border-box}img,video{max-width:100%}@media (max-width:768px){input,select,textarea{font-size:16px!important}.client-badge{display:none!important}}@media (max-width:900px){.responsive-two-col{grid-template-columns:1fr!important}}.notification-backdrop{animation:notificationFadeIn .2s ease-out;background:#0000;inset:0;position:fixed;z-index:1000}@keyframes notificationFadeIn{0%{opacity:0}to{opacity:1}}.notification-bell-container{align-items:center;display:inline-flex;position:relative}.notification-bell-btn{outline:none}.notification-bell-btn:hover{box-shadow:0 .25rem 1rem #0000001f!important;transform:scale(1.05)}.notification-bell-btn:active{transform:scale(.97)}.notification-badge{animation:badgePop .3s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border:2px solid var(--badge-border,#fff);border-radius:50%;box-shadow:0 2px 6px #ef444466;height:12px;pointer-events:none;position:absolute;right:2px;top:2px;width:12px}@keyframes badgePop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.notification-dropdown{background:#fffffffa;border:1px solid #00000014;border-radius:16px;box-shadow:0 10px 50px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;margin-top:8px;max-height:75vh;overflow:hidden;position:absolute;right:0;top:100%;transform-origin:top right;width:min(620px,calc(100vw - 2rem));z-index:1000}.notification-dropdown.rtl{left:0;right:auto;transform-origin:top left}.notification-dropdown.ltr{direction:ltr;text-align:left}.notification-dropdown.mobile{border-radius:16px;left:auto;margin-top:0;max-height:min(60vh,420px);position:fixed;right:12px;top:calc(4.5rem + 8px);width:min(340px,calc(100vw - 24px))}.notification-dropdown.mobile.rtl{left:12px;right:auto}.notification-dropdown.mobile .notification-body{flex:1 1;max-height:none}.notification-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;min-height:2.25rem;min-width:2.25rem;padding:6px}@media (hover:none){.notification-delete-btn{opacity:1!important}}.notification-header{align-items:center;background:#f9fafb99;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:16px 20px}.notification-title{color:#111827;font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0}.notification-header-actions{align-items:center;display:flex;gap:8px}.mark-all-btn,.refresh-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s}.refresh-btn{color:#6b7280}.refresh-btn:hover:not(:disabled){background-color:#f3f4f6;color:#3b82f6}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.mark-all-btn{color:#3b82f6}.mark-all-btn:hover{background-color:#3b82f61a}.notification-body{flex-grow:1;max-height:520px;overflow-y:auto}.notification-body::-webkit-scrollbar{width:4px}.notification-body::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.notification-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.notification-empty .empty-icon{color:#d1d5db;margin-bottom:16px;opacity:.7}.notification-item{align-items:flex-start;border-bottom:1px solid #0000000a;cursor:pointer;display:flex;gap:12px;padding:14px 20px;position:relative;transition:all .2s ease}.notification-item:hover{background-color:rgba(0,0,0,.025)}.notification-item.unread{background-color:#3b82f60a;border-left:3px solid #3b82f6}.notification-item.unread:hover{background-color:#3b82f614}.text-success{color:#10b981}.text-danger{color:#ef4444}.notification-content{flex-grow:1;min-width:0}.notification-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.notification-type-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px;white-space:nowrap}.notification-sender{color:#6b7280;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-title{color:#111827;font-size:16px;font-weight:700;line-height:1.4;margin:0 0 6px}.notification-item-desc{color:#4b5563;font-size:14px;line-height:1.6;margin:0 0 8px;word-break:break-word}.notification-footer{margin-top:auto}.notification-actions,.notification-footer{align-items:center;display:flex;justify-content:space-between}.notification-actions{flex-direction:column;margin-left:12px}.rtl .notification-actions{margin-left:0;margin-right:12px}.notification-delete-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;opacity:.5;padding:6px;transition:all .2s ease}.notification-item:hover .notification-delete-btn{opacity:1}.notification-delete-btn:hover{background-color:#fee2e2;color:#ef4444}.theme-dark .notification-delete-btn:hover,[data-theme=dark] .notification-delete-btn:hover,body.dark .notification-delete-btn:hover{background-color:#ef444433;color:#f87171}.notification-time{color:#9ca3af;font-size:11px;font-weight:500}.notification-datetime{color:#9ca3af;font-size:11px;font-weight:400;white-space:nowrap}.notification-dot{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 0 6px #3b82f666;height:8px;position:absolute;right:16px;top:18px;width:8px}.rtl .notification-dot{left:16px;right:auto}.load-more-btn{align-items:center;background:#0000;border:none;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:background-color .2s ease;width:100%}.load-more-btn:hover{background:#3b82f60d}.notification-loading{align-items:center;color:#6b7280;display:flex;gap:8px;justify-content:center;padding:32px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dropDownSlide{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.theme-dark .notification-bell-btn,[data-theme=dark] .notification-bell-btn,body.dark .notification-bell-btn{--badge-border:#1f2937}.theme-dark .notification-badge,[data-theme=dark] .notification-badge,body.dark .notification-badge{border-color:#1f2937}.theme-dark .notification-dropdown,[data-theme=dark] .notification-dropdown,body.dark .notification-dropdown{background:#111827fa;border-color:#ffffff1a;box-shadow:0 10px 50px #00000080,0 0 0 1px #ffffff0d}.theme-dark .notification-header,[data-theme=dark] .notification-header,body.dark .notification-header{background:#1f2937cc;border-bottom-color:#ffffff14}.theme-dark .notification-item-title,.theme-dark .notification-title,[data-theme=dark] .notification-item-title,[data-theme=dark] .notification-title,body.dark .notification-item-title,body.dark .notification-title{color:#f3f4f6}.theme-dark .notification-item,[data-theme=dark] .notification-item,body.dark .notification-item{border-bottom-color:#ffffff0f}.theme-dark .notification-item:hover,[data-theme=dark] .notification-item:hover,body.dark .notification-item:hover{background-color:#ffffff0f}.theme-dark .notification-item.unread,[data-theme=dark] .notification-item.unread,body.dark .notification-item.unread{background-color:#3b82f61f;border-left-color:#60a5fa}.theme-dark .notification-item.unread:hover,[data-theme=dark] .notification-item.unread:hover,body.dark .notification-item.unread:hover{background-color:#3b82f633}.theme-dark .notification-item-desc,.theme-dark .notification-sender,[data-theme=dark] .notification-item-desc,[data-theme=dark] .notification-sender,body.dark .notification-item-desc,body.dark .notification-sender{color:#9ca3af}.theme-dark .notification-empty,[data-theme=dark] .notification-empty,body.dark .notification-empty{color:#6b7280}.theme-dark .notification-body::-webkit-scrollbar-thumb,[data-theme=dark] .notification-body::-webkit-scrollbar-thumb,body.dark .notification-body::-webkit-scrollbar-thumb{background:#ffffff26}.rtl .notification-item.unread{border-left:none;border-right:3px solid #3b82f6}.theme-dark .rtl .notification-item.unread,[data-theme=dark] .rtl .notification-item.unread,body.dark .rtl .notification-item.unread{border-right-color:#60a5fa}
/*# sourceMappingURL=main.01ae30ea.css.map*/