.bell-wrapper[data-v-87e4581d],.notification-bell[data-v-87e4581d]{position:relative}.bell-wrapper[data-v-87e4581d]{align-items:center;border-radius:10px;color:#f8fafcb3;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.bell-wrapper[data-v-87e4581d]:hover{background:#ffffff0d;color:#f8fafc}.bell-wrapper svg[data-v-87e4581d]{height:22px;width:22px}.bell-wrapper.has-unread[data-v-87e4581d]{color:#06b6d4}.unread-badge[data-v-87e4581d]{align-items:center;background:linear-gradient(135deg,#ef4444,#f87171);border-radius:9px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:4px;top:4px}.notification-dropdown{background:#111827!important;border:1px solid hsla(0,0%,100%,.06)!important;border-radius:12px!important;box-shadow:0 8px 40px #0009!important;max-height:480px;overflow:hidden;padding:0!important;width:360px!important}.notification-dropdown .ant-dropdown-menu{background:transparent!important;box-shadow:none!important}.notification-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;padding:16px 20px}.header-title{color:#f8fafc;font-family:Orbitron,sans-serif;font-size:16px;font-weight:600}.header-actions{display:flex;gap:8px}.notification-empty{align-items:center;color:#f8fafc80;display:flex;flex-direction:column;padding:40px 20px}.notification-empty svg{height:48px;margin-bottom:12px;opacity:.5;width:48px}.notification-empty p{font-size:14px;margin:0}.notification-list{max-height:360px;overflow-y:auto}.notification-item{background:transparent!important;border-bottom:1px solid hsla(0,0%,100%,.03)!important;cursor:pointer;padding:12px 20px!important}.notification-item:last-child{border-bottom:none!important}.notification-item:hover{background:#ffffff08!important}.notification-item.unread{background:#06b6d40d!important}.notification-content{align-items:flex-start;display:flex;gap:12px}.notification-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-icon.comment_reply{background:#06b6d426;color:#06b6d4}.notification-icon.comment_liked{background:#f59e0b26;color:#f59e0b}.notification-icon.system{background:#8b5cf626;color:#8b5cf6}.notification-icon svg{height:18px;width:18px}.notification-body{flex:1;min-width:0}.notification-title{color:#f8fafc;font-size:14px;margin:0 0 4px;white-space:nowrap}.notification-text,.notification-title{line-height:1.4;overflow:hidden;text-overflow:ellipsis}.notification-text{color:#f8fafc99;display:-webkit-box;font-size:13px;-webkit-line-clamp:2;margin:0 0 6px;-webkit-box-orient:vertical}.notification-time{color:#f8fafc66;font-size:12px}.unread-dot{background:#06b6d4;border-radius:50%;box-shadow:0 0 8px #06b6d480;flex-shrink:0;height:8px;margin-top:4px;width:8px}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.notification-list::-webkit-scrollbar-thumb:hover{background:#fff3}