.notification-wrapper[data-v-f8e88c95]{--clr-bg:#fff;--clr-bg2:#f8f9fc;--clr-border:#e8eaf0;--clr-text:#1a1d2e;--clr-text2:#6b7280;--clr-primary:#4f6ef7;--clr-primary-soft:#eef1fe;--clr-unread-bg:#f5f7ff;--clr-hover:#f3f4f8;--clr-success:#10b981;--clr-success-soft:#ecfdf5;--clr-error:#ef4444;--clr-error-soft:#fef2f2;--clr-warn:#f59e0b;--clr-warn-soft:#fffbeb;--clr-info:#3b82f6;--clr-info-soft:#eff6ff;--shadow-panel:0 0px 9px -9px rgba(0,0,0,.18),0 2px 8px -2px rgba(0,0,0,.08);display:inline-flex;position:relative}.bell-btn[data-v-f8e88c95]{align-items:center;background:var(--clr-bg);border-radius:10px;color:var(--clr-text2);cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;position:relative;transition:background .18s,border-color .18s,box-shadow .18s;width:40px}.bell-btn[data-v-f8e88c95]:hover{background:#f3f4f854}.bell-btn.has-unread[data-v-f8e88c95]{color:#f6d15c}.badge[data-v-f8e88c95]{align-items:center;background:var(--clr-error);border:2px solid var(--clr-bg);border-radius:999px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;letter-spacing:-.3px;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:0;top:-2px}.badge-pop-enter-active[data-v-f8e88c95]{animation:badgePop-f8e88c95 .3s cubic-bezier(.34,1.56,.64,1)}.badge-pop-leave-active[data-v-f8e88c95]{animation:badgePop-f8e88c95 .2s reverse}@keyframes badgePop-f8e88c95{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.notif-panel[data-v-f8e88c95]{background:var(--clr-bg);border:1.5px solid var(--clr-border);border-radius:6px;box-shadow:var(--shadow-panel);display:flex;flex-direction:column;max-height:520px;overflow:hidden;position:absolute;right:0;top:100%;width:380px;z-index:9999}.panel-slide-enter-active[data-v-f8e88c95]{animation:panelIn-f8e88c95 .22s cubic-bezier(.22,.68,0,1.2)}.panel-slide-leave-active[data-v-f8e88c95]{animation:panelIn-f8e88c95 .16s ease-in reverse}@keyframes panelIn-f8e88c95{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.panel-header[data-v-f8e88c95]{background:var(--clr-bg);border-bottom:1.5px solid var(--clr-border);flex-shrink:0;justify-content:space-between;padding:14px 16px 12px}.header-left[data-v-f8e88c95],.panel-header[data-v-f8e88c95]{align-items:center;display:flex}.header-left[data-v-f8e88c95]{gap:8px}.header-title[data-v-f8e88c95]{color:var(--clr-text);font-size:15px;font-weight:700;letter-spacing:-.3px}.unread-chip[data-v-f8e88c95]{background:var(--clr-primary-soft);border-radius:999px;color:var(--clr-primary);font-size:11px;font-weight:600;padding:2px 8px}.header-actions[data-v-f8e88c95]{gap:6px}.filter-btn[data-v-f8e88c95],.header-actions[data-v-f8e88c95]{align-items:center;display:flex}.filter-btn[data-v-f8e88c95]{background:transparent;border:1.5px solid var(--clr-border);border-radius:7px;color:var(--clr-text2);cursor:pointer;font-size:12px;font-weight:500;gap:4px;padding:4px 9px;transition:all .15s}.filter-btn.active[data-v-f8e88c95],.filter-btn[data-v-f8e88c95]:hover{background:var(--el-color-primary-light-9);border-color:var(--el-color-primary);color:var(--el-color-primary)}.action-icon-btn[data-v-f8e88c95]{align-items:center;background:transparent;border:1.5px solid var(--clr-border);border-radius:7px;color:var(--clr-text2);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s;width:30px}.action-icon-btn[data-v-f8e88c95]:hover:not(:disabled){background:var(--el-color-primary-light-9);border-color:var(--el-color-primary);color:var(--el-color-primary)}.action-icon-btn[data-v-f8e88c95]:disabled{cursor:not-allowed;opacity:.35}.notif-list[data-v-f8e88c95]{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth}.notif-list[data-v-f8e88c95]::-webkit-scrollbar{width:4px}.notif-list[data-v-f8e88c95]::-webkit-scrollbar-track{background:transparent}.notif-list[data-v-f8e88c95]::-webkit-scrollbar-thumb{background:var(--clr-border);border-radius:4px}.notif-item[data-v-f8e88c95]{align-items:flex-start;border-bottom:1px solid var(--clr-border);cursor:pointer;display:flex;gap:12px;padding:13px 16px;position:relative;transition:background .14s}.notif-item[data-v-f8e88c95]:last-child{border-bottom:none}.notif-item[data-v-f8e88c95]:hover{background:#f3f4f87a}.notif-item.unread[data-v-f8e88c95]{background:#f5f7ff8f}.notif-item.unread[data-v-f8e88c95]:hover{background:var(--clr-unread-bg)}.notif-item-enter-active[data-v-f8e88c95]{animation:itemIn-f8e88c95 .22s ease}.notif-item-leave-active[data-v-f8e88c95]{animation:itemIn-f8e88c95 .16s ease reverse;position:absolute;width:100%}@keyframes itemIn-f8e88c95{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.notif-icon-col[data-v-f8e88c95]{flex-direction:column;padding-top:12px;position:relative}.notif-icon[data-v-f8e88c95],.notif-icon-col[data-v-f8e88c95]{align-items:center;display:flex;flex-shrink:0}.notif-icon[data-v-f8e88c95]{border-radius:10px;height:34px;justify-content:center;width:34px}.type-error[data-v-f8e88c95]{color:var(--clr-error)}.type-success[data-v-f8e88c95]{color:var(--clr-success)}.type-warn[data-v-f8e88c95]{color:var(--clr-warn)}.type-info[data-v-f8e88c95]{color:var(--clr-info)}.type-default[data-v-f8e88c95]{color:var(--el-color-primary)}.unread-dot[data-v-f8e88c95]{background:var(--clr-primary);border-radius:50%;flex-shrink:0;height:7px;margin-top:5px;width:7px}.notif-content[data-v-f8e88c95]{flex:1;min-width:0}.notif-title[data-v-f8e88c95]{color:var(--clr-text);font-size:13px;font-weight:600;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-body[data-v-f8e88c95]{color:var(--clr-text2);display:-webkit-box;font-size:12.5px;line-height:1.5;margin:0 0 5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time[data-v-f8e88c95]{color:#9ca3af;font-size:11.5px;font-weight:500}.mark-read-btn[data-v-f8e88c95]{align-items:center;align-self:center;background:none;border:none;color:var(--clr-primary);cursor:pointer;display:flex;flex-shrink:0;opacity:0;padding:0;transition:opacity .15s}.notif-item:hover .mark-read-btn[data-v-f8e88c95]{opacity:1}.sentinel[data-v-f8e88c95]{padding:10px}.loading-more[data-v-f8e88c95],.no-more[data-v-f8e88c95]{align-items:center;color:var(--clr-text2);display:flex;font-size:12px;gap:6px;justify-content:center;padding:4px 0}.spin[data-v-f8e88c95]{animation:spin-f8e88c95 .8s linear infinite}@keyframes spin-f8e88c95{to{transform:rotate(1turn)}}.empty-state[data-v-f8e88c95]{color:var(--clr-text2);flex-direction:column;gap:10px;padding:48px 16px}.empty-icon[data-v-f8e88c95],.empty-state[data-v-f8e88c95]{align-items:center;display:flex;justify-content:center}.empty-icon[data-v-f8e88c95]{border-radius:16px;color:#c0c4d0;height:56px;width:56px}.empty-state p[data-v-f8e88c95]{font-size:13px;margin:0}.initial-loading[data-v-f8e88c95]{padding:4px 0}.skeleton-item[data-v-f8e88c95]{align-items:flex-start;border-bottom:1px solid var(--clr-border);display:flex;gap:12px;padding:13px 16px}.sk-icon[data-v-f8e88c95]{animation:shimmer-f8e88c95 1.4s infinite;background:var(--clr-border);border-radius:10px;flex-shrink:0;height:34px;width:34px}.sk-content[data-v-f8e88c95]{display:flex;flex:1;flex-direction:column;gap:7px;padding-top:4px}.sk-line[data-v-f8e88c95]{animation:shimmer-f8e88c95 1.4s infinite;background:var(--clr-border);border-radius:6px;height:11px}.sk-line.short[data-v-f8e88c95]{width:55%}.sk-line.long[data-v-f8e88c95]{width:90%}.sk-line.xshort[data-v-f8e88c95]{width:30%}@keyframes shimmer-f8e88c95{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:480px){.notif-panel[data-v-f8e88c95]{left:8px;position:fixed;right:8px;top:56px;width:auto}}@keyframes wiggle-f8e88c95{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:rotate(-8deg)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:rotate(8deg)}}@keyframes pingIcon-f8e88c95{75%,to{filter:blur(3px);opacity:0;transform:scale(2.2)}}.ringg[data-v-f8e88c95]{animation:wiggle-f8e88c95 .25s linear infinite}.icon--second[data-v-f8e88c95]{animation:wiggle-f8e88c95 .25s linear infinite,pingIcon-f8e88c95 1.6s cubic-bezier(0,0,.2,1) infinite;left:0;position:absolute;top:0}.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size-small:24px;--el-avatar-size:40px;align-items:center;background:var(--el-avatar-bg-color);box-sizing:border-box;color:var(--el-avatar-text-color);display:inline-flex;font-size:var(--el-avatar-text-size);height:var(--el-avatar-size);justify-content:center;overflow:hidden;text-align:center;width:var(--el-avatar-size)}.el-avatar>img{display:block;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}.sidebar-drawer .el-drawer__body,.sidebar-scroll{scrollbar-color:transparent transparent;scrollbar-width:thin}.sidebar-drawer .el-drawer__body:hover,.sidebar-scroll:hover{scrollbar-color:var(--el-border-color) transparent}.sidebar-drawer .el-drawer__body::-webkit-scrollbar,.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-drawer .el-drawer__body::-webkit-scrollbar-track,.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-drawer .el-drawer__body::-webkit-scrollbar-thumb,.sidebar-scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:9999px;-webkit-transition:background-color .2s;transition:background-color .2s}.sidebar-drawer .el-drawer__body:hover::-webkit-scrollbar-thumb,.sidebar-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--el-border-color)}.sidebar-drawer .el-drawer__body::-webkit-scrollbar-thumb:hover,.sidebar-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--el-text-color-placeholder)}