.notification-bell{display:inline-block;transition:transform .3s ease}.notification-bell.has-unread{animation:bell-ring 2s ease-in-out infinite}@keyframes bell-ring{0%,to{transform:rotate(0)}5%{transform:rotate(15deg)}10%{transform:rotate(-15deg)}15%{transform:rotate(12deg)}20%{transform:rotate(-12deg)}25%{transform:rotate(8deg)}30%{transform:rotate(-8deg)}35%{transform:rotate(0)}}.notification-badge{position:relative;top:-2px;margin-left:5px;font-size:.7rem;padding:.2em .45em;border-radius:10px;animation:pulse 2s infinite}.notification-tray{min-width:350px;max-height:450px;overflow-y:auto;padding:0;border:none;box-shadow:0 8px 32px rgba(0,0,0,.15);border-radius:8px}.notification-tray .notification-tray-header{padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #eee;position:sticky;top:0;z-index:1}.notification-tray .notification-tray-header h6{margin:0;font-weight:600;color:#333}.notification-tray .notification-tray-list{max-height:350px;overflow-y:auto}.notification-tray .notification-item{display:block;padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#333;text-decoration:none;transition:background-color .2s ease}.notification-tray .notification-item:hover{background-color:#f8f9fa;text-decoration:none;color:#333}.notification-tray .notification-item.unread{background-color:#e8f4fd;border-left:3px solid #5381c7}.notification-tray .notification-item.unread:hover{background-color:#dbeefa}.notification-tray .notification-item:last-child{border-bottom:none}.notification-tray .notification-item .notification-title{font-weight:600;font-size:.9rem;margin-bottom:4px;color:#333}.notification-tray .notification-item .notification-body{font-size:.8rem;color:#666;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-tray .notification-item .notification-date{font-size:.75rem;color:#999}.notification-tray .notification-empty{padding:40px 20px;text-align:center;color:#999}.notification-tray .notification-empty i{font-size:2rem;margin-bottom:10px;display:block}.notification-tray .notification-loading{padding:30px 20px;text-align:center;color:#666}.notification-banner{background:linear-gradient(135deg,#e8f4fd,#d0e8f9);border:1px solid #b8d4ea;border-left:4px solid #5381c7;border-radius:8px;padding:16px 20px;margin-bottom:20px;position:relative;transition:all .3s ease}.notification-banner:hover{box-shadow:0 4px 12px rgba(83,129,199,.15)}.notification-banner .banner-dismiss{position:absolute;top:8px;right:12px;background:none;border:none;font-size:1.2rem;color:#5381c7;cursor:pointer;opacity:.6;transition:opacity .2s;padding:4px 8px;line-height:1}.notification-banner .banner-dismiss:hover{opacity:1}.notification-banner .banner-icon{color:#5381c7;margin-right:8px}.notification-banner .banner-title{font-weight:600;color:#35527a;margin-bottom:4px;padding-right:30px}.notification-banner .banner-body{font-size:.9rem;color:#4a6785;margin-bottom:8px}.notification-banner .banner-link{display:inline-block;font-size:.85rem;color:#5381c7;font-weight:500}.notification-banner .banner-link:hover{color:#35527a;text-decoration:underline}.notification-banner .banner-link i{margin-left:4px;font-size:.8rem}@media (max-width:576px){.notification-tray{min-width:280px;max-width:calc(100vw - 30px)}.notification-banner{padding:12px 16px}.notification-banner .banner-title{font-size:.95rem}.notification-banner .banner-body{font-size:.85rem}}.alerts-reader{min-height:calc(100vh - 60px);background:#f8f9fc}.alert-article{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.06);padding:2.5rem;margin-bottom:2rem}.alert-article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #eef1f5}.alert-article-title{font-size:1.75rem;font-weight:600;color:#2c3e50;margin-bottom:.75rem;line-height:1.3}.alert-article-meta{font-size:.875rem;color:#8898aa}.alert-article-meta i{margin-right:.25rem}.alert-article-content{font-size:1.1rem;line-height:1.8;color:#3d4852;max-width:700px}.alert-article-content h1,.alert-article-content h2,.alert-article-content h3,.alert-article-content h4,.alert-article-content h5,.alert-article-content h6{margin-top:2rem;margin-bottom:1rem;color:#2c3e50;font-weight:600}.alert-article-content h2{font-size:1.5rem}.alert-article-content h3{font-size:1.25rem}.alert-article-content p{margin-bottom:1.25rem}.alert-article-content ol,.alert-article-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.alert-article-content li{margin-bottom:.5rem}.alert-article-content a{color:#5381c7;text-decoration:none;border-bottom:1px solid rgba(83,129,199,.3);transition:border-color .2s ease}.alert-article-content a:hover{color:#35527a;border-bottom-color:#35527a}.alert-article-content blockquote{border-left:3px solid #5381c7;padding-left:1.25rem;margin:1.5rem 0;color:#6c757d;font-style:italic}.alert-article-content code{background-color:#f4f6f9;padding:.2rem .4rem;border-radius:4px;font-size:.9em;color:#e83e8c}.alert-article-content pre{background-color:#f4f6f9;padding:1.25rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.alert-article-content pre code{background-color:transparent;padding:0;color:inherit}.alert-article-content img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.alerts-sidebar{position:sticky;top:1rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.06);overflow:hidden}.alerts-sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid #eef1f5}.alerts-sidebar-header h6{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#8898aa}.alerts-sidebar-list{max-height:calc(100vh - 180px);overflow-y:auto}.alerts-sidebar-list::-webkit-scrollbar{width:4px}.alerts-sidebar-list::-webkit-scrollbar-track{background:transparent}.alerts-sidebar-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:2px}.alerts-sidebar-item{display:block;padding:1rem 1.25rem;border-bottom:1px solid #f4f6f9;text-decoration:none;transition:all .2s ease;position:relative}.alerts-sidebar-item:hover{background-color:#f8f9fc;text-decoration:none}.alerts-sidebar-item:last-child{border-bottom:none}.alerts-sidebar-item.active{background-color:#e8f4fd;border-left:3px solid #5381c7}.alerts-sidebar-item.active .alerts-sidebar-item-title{color:#35527a}.alerts-sidebar-item.unread:not(.active) .alerts-sidebar-item-title:before{content:"";display:inline-block;width:6px;height:6px;background:#5381c7;border-radius:50%;margin-right:8px;vertical-align:middle}.alerts-sidebar-item-title{font-size:.9rem;font-weight:500;color:#3d4852;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alerts-sidebar-item-date{font-size:.75rem;color:#8898aa}@media (max-width:991px){.alert-article{padding:1.5rem;border-radius:0;box-shadow:none;margin:0 -15px}.alert-article-title{font-size:1.5rem}.alert-article-content{font-size:1rem}}