.notification-bell-button{display:flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:6px;transition:all .2s ease}.notification-bell-button:hover{background-color:#94a3b81a!important}.notification-bell-button:hover .anticon{color:#cbd5e1!important}.notification-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:400px;max-width:90vw}.notification-header{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.notification-list{max-height:480px;overflow-y:auto}.notification-loading{display:flex;justify-content:center;align-items:center;padding:40px 0}.notification-footer{padding:8px 16px;border-top:1px solid #f0f0f0;text-align:center}.notification-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease;position:relative;background-color:#fff}.notification-item:hover{background-color:#fafafa;box-shadow:0 1px 4px #00000014}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#e6f4ff;border-left:3px solid #1890ff;padding-left:13px}.notification-item.unread:hover{background-color:#d6ebff}.notification-item-icon{flex-shrink:0}.notification-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-item-header{display:flex;align-items:center;gap:8px}.notification-item-title{font-size:14px;line-height:1.5;color:#262626;font-weight:500}.notification-item.unread .notification-item-title{font-weight:600;color:#000}.notification-item-message{font-size:13px;line-height:1.5;color:#595959;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.notification-item.unread .notification-item-message{color:#262626}.notification-item-tag{font-size:11px;padding:0 8px;margin-top:4px;width:fit-content}.notification-item-time{font-size:12px;margin-top:4px;color:#8c8c8c;font-weight:400}.notification-item-actions{flex-shrink:0;opacity:0;transition:opacity .2s}.notification-item:hover .notification-item-actions{opacity:1}.notification-delete-btn{padding:4px}.notification-unread-dot{width:8px;height:8px;border-radius:50%;background-color:#1890ff;flex-shrink:0}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.notification-dropdown-overlay .ant-dropdown-menu{padding:0;box-shadow:none}.notifications-page .ant-card{background-color:#1e293b;border:1px solid #334155;border-radius:12px}.notifications-page .ant-statistic-title{color:#94a3b8}.notifications-page .ant-statistic-content{color:#f1f5f9}.notifications-page .ant-tabs-nav{margin-bottom:0;padding:0 16px;background-color:transparent}.notifications-page .ant-tabs-nav:before{border-bottom:2px solid #334155}.notifications-page .ant-tabs-tab{color:#94a3b8;font-weight:500;font-size:14px;padding:12px 20px;margin:0 4px;border-radius:8px 8px 0 0;transition:all .2s ease}.notifications-page .ant-tabs-tab:hover{color:#cbd5e1;background-color:#3b82f61a}.notifications-page .ant-tabs-tab-active{color:#3b82f6!important;background-color:#3b82f626}.notifications-page .ant-tabs-tab-active .ant-tabs-tab-btn{color:#3b82f6;font-weight:600}.notifications-page .ant-tabs-ink-bar{background-color:#3b82f6;height:3px;border-radius:3px 3px 0 0}.notifications-page .ant-tabs-nav-list{gap:4px}.notifications-page .ant-tabs-extra-content{color:#64748b;font-size:13px;font-weight:500;padding:12px 0}.notifications-list-page{display:flex;flex-direction:column;gap:0;max-height:calc(100vh - 400px);overflow-y:auto;padding:0}.notifications-page .notification-item{background-color:#1e293b;border-bottom:1px solid #334155;border-radius:0}.notifications-page .notification-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.notifications-page .notification-item:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom:none}.notifications-page .notification-item:hover{background-color:#293548;box-shadow:0 2px 8px #0000004d}.notifications-page .notification-item.unread{background-color:#1e3a5f;border-left:3px solid #3b82f6}.notifications-page .notification-item.unread:hover{background-color:#254a6f}.notifications-page .notification-item-title{color:#e2e8f0}.notifications-page .notification-item.unread .notification-item-title{color:#f1f5f9}.notifications-page .notification-item-message{color:#94a3b8}.notifications-page .notification-item.unread .notification-item-message{color:#cbd5e1}.notifications-page .notification-item-time{color:#64748b}.notifications-loading{display:flex;justify-content:center;align-items:center;padding:60px 20px}.unread-badge{margin-left:8px;padding:2px 8px;background-color:#ff4d4f;color:#fff;border-radius:10px;font-size:12px;font-weight:600}@media (max-width: 768px){.notifications-page{padding:16px}.notifications-header{flex-direction:column;align-items:stretch}.notifications-header>div:last-child{display:flex;justify-content:flex-end}.notifications-stats .ant-col{margin-bottom:16px}.notifications-list-page{max-height:calc(100vh - 450px)}}@media (prefers-color-scheme: dark){.notifications-page{background-color:#0f172a}.notifications-card{background-color:#1e293b;border-color:#334155}}