body,.notification-item,.notification-icon,.notification-content,.notification-message,.notification-meta,.notification-time,.unread-badge,.notification-actions,.btn-icon{font-family:Montserrat,sans-serif!important}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background-color:var(--surface);cursor:pointer;transition:all .2s ease;opacity:1}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--background);opacity:1}.notification-item.unread{background-color:var(--color-primary-light);opacity:1}.notification-item.unread:hover{background-color:var(--color-primary-lighter);opacity:1}.notification-item.deleting{opacity:.5;pointer-events:none}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.notification-icon.module-blue{background-color:#3b82f6}.notification-icon.module-purple{background-color:#8b5cf6}.notification-icon.module-green{background-color:#10b981}.notification-icon.module-red{background-color:#ef4444}.notification-icon.module-yellow{background-color:#f59e0b}.notification-icon.module-orange{background-color:#f97316}.notification-icon.module-indigo{background-color:#6366f1}.notification-icon.module-cyan{background-color:#06b6d4}.notification-icon.module-teal{background-color:#14b8a6}.notification-icon.module-pink{background-color:#ec4899}.notification-icon.module-lime{background-color:#84cc16}.notification-icon.module-gray{background-color:#6b7280}.notification-content{flex:1;min-width:0}.notification-message{margin:0;font-size:14px;line-height:1.4;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.notification-item.unread .notification-message{font-weight:500}.notification-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.notification-time{font-size:12px;color:var(--text-secondary)}.unread-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background-color:var(--color-primary);color:#fff;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.notification-actions{flex-shrink:0;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.notification-item:hover .notification-actions{opacity:1}.btn-icon{background:none;border:none;cursor:pointer;padding:4px 6px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-secondary);font-size:16px;transition:all .2s ease}.btn-icon:hover{background-color:var(--border);color:var(--text-primary)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon.mark-read{color:var(--color-success)}.btn-icon.mark-read:hover{background-color:#10b9811a}.btn-icon.delete{color:var(--color-error)}.btn-icon.delete:hover{background-color:#ef44441a}.notification-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.btn-icon:focus-visible{outline:1px solid var(--color-primary);outline-offset:1px}@media(max-width:640px){.notification-item{padding:10px 12px}.notification-actions{opacity:1}.notification-icon{width:36px;height:36px;font-size:18px}.notification-message{font-size:13px}}body,.notification-dropdown,.notification-dropdown-header,.notification-list,.notification-section,.section-title,.notification-loading,.notification-empty,.notification-load-more,.notification-dropdown-footer,.filter-tab,.mark-all-read,.btn-text{font-family:Montserrat,sans-serif!important}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:420px;max-width:95vw;background-color:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #00000040,0 0 0 1px #0000000d;z-index:9999;display:flex;flex-direction:column;max-height:600px;overflow:hidden;opacity:1}.dark .notification-dropdown{background-color:#1e293b}@keyframes dropdownFadeIn{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.notification-dropdown.closed{display:none}.notification-dropdown-header{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.notification-dropdown-header h3{margin:0;font-size:17px;font-weight:700;color:var(--text-primary)}.notification-dropdown-header .badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--color-primary);color:#fff;border-radius:10px;font-size:11px;font-weight:600;margin-left:8px}.mark-all-read{background:none;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.mark-all-read:hover{opacity:.8}.notification-filter-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--border);padding:0 8px}.filter-tab{flex:0 0 auto;padding:10px 12px;background:none;border:none;font-size:13px;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.notification-list{flex:1;overflow-y:auto;min-height:200px;max-height:400px;background-color:#fff;opacity:1}.dark .notification-list{background-color:#1e293b}.notification-section{padding:8px 0}.section-title{padding:8px 16px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:var(--background)}.notification-loading,.notification-empty{padding:40px 16px;text-align:center;color:var(--text-secondary)}.notification-loading p,.notification-empty p{margin:0;font-size:14px}.notification-load-more{padding:12px 16px;border-top:1px solid var(--border);text-align:center}.notification-load-more .btn-text{padding:8px 16px;background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:13px;transition:all .2s ease}.notification-load-more .btn-text:hover{background-color:var(--background)}.notification-load-more .btn-text:disabled{opacity:.6;cursor:not-allowed}.notification-dropdown-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:center}.notification-dropdown-footer .btn-text{background:none;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;text-decoration:none;padding:4px 8px}.notification-dropdown-footer .btn-text:hover{text-decoration:underline}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}body,.notification-bell,.notification-badge,.notification-dot{font-family:Montserrat,sans-serif!important}.notification-bell-container{position:relative;display:inline-block;z-index:1100}.notification-bell{position:relative;background:none;border:none;cursor:pointer;padding:8px 12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;transition:all .3s ease;border-radius:8px}.dark .notification-bell{color:var(--text-primary)}.notification-bell:hover{background-color:var(--color-primary);color:#fff;transform:scale(1.05)}.notification-bell:active{transform:scale(.98)}.notification-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:10px;font-size:11px;font-weight:700;border:2px solid var(--nav-bg);box-shadow:0 2px 8px #ef444466;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-bell.animate .notification-badge{animation:badgeBounce .6s ease}@keyframes badgeBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.notification-dot{position:absolute;width:8px;height:8px;background-color:var(--color-error);border-radius:50%;top:2px;right:2px;animation:dotBlink 1.5s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.5}}