.sidebar[data-v-211486fc]{width:250px;height:100vh;background-color:#0f172a;color:#cbd5e1;transition:width .3s ease;position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column}.sidebar-mobile[data-v-211486fc]{transform:translate(-100%)}.sidebar-mobile[data-v-211486fc]:not(.sidebar-collapsed){transform:translate(0)}.sidebar-mobile[data-v-211486fc]:not(.sidebar-collapsed):after{content:"";position:fixed;inset:0;background-color:#00000080;z-index:-1}.sidebar-collapsed[data-v-211486fc]{width:64px}.sidebar-header[data-v-211486fc]{padding:16px;border-bottom:1px solid #1e293b;display:flex;align-items:center;justify-content:center}.sidebar-title[data-v-211486fc]{margin:0;font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sidebar-logo-icon[data-v-211486fc]{font-size:24px;color:#94a3b8}.sidebar-nav[data-v-211486fc]{flex:1;overflow-y:auto}.sidebar-nav .el-menu[data-v-211486fc]{border-right:none;background-color:transparent}.sidebar-nav .el-menu-item[data-v-211486fc]{background-color:transparent!important;border-radius:0;height:56px;line-height:56px}.sidebar-nav .el-menu-item[data-v-211486fc]:hover{background-color:#1e293b!important}.sidebar-nav .el-menu-item.is-active[data-v-211486fc]{background-color:#3b82f6!important}.el-menu--collapse[data-v-211486fc] .el-menu-item__content,.el-menu--collapse[data-v-211486fc] .el-sub-menu__title{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapsed .sidebar-nav span[data-v-211486fc],.el-menu--collapse[data-v-211486fc] .el-menu-item__title,.el-menu--collapse[data-v-211486fc] .el-sub-menu__title{display:none;width:0;height:0;overflow:hidden;margin:0;padding:0}.sidebar-footer[data-v-211486fc]{padding:16px;border-top:1px solid #1e293b;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .3s ease}.sidebar-collapsed .sidebar-footer[data-v-211486fc]{padding:12px 4px;overflow:hidden}.user-info[data-v-211486fc]{display:flex;align-items:center;gap:8px}.username[data-v-211486fc]{font-size:14px;white-space:nowrap}.sidebar-actions[data-v-211486fc]{display:flex;flex-direction:column;gap:8px;width:100%}.sidebar-toggle-btn[data-v-211486fc],.logout-btn[data-v-211486fc]{padding:8px 12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%;border-radius:4px}.sidebar-collapsed .sidebar-toggle-btn[data-v-211486fc],.sidebar-collapsed .logout-btn[data-v-211486fc]{padding:8px;width:40px;height:40px}.sidebar-collapsed .sidebar-toggle-btn span[data-v-211486fc],.sidebar-collapsed .logout-btn span[data-v-211486fc]{display:none}.notification-icon[data-v-822fa9f6]{position:relative}.notification-container[data-v-822fa9f6]{display:flex;align-items:center;gap:8px}.notification-trigger[data-v-822fa9f6]{cursor:pointer}.icon-button[data-v-822fa9f6]{font-size:20px;color:#606266;transition:all .3s ease}.icon-button[data-v-822fa9f6]:hover{color:#409eff;transform:scale(1.1)}.icon-button.has-unread[data-v-822fa9f6]{color:#409eff;animation:pulse-822fa9f6 2s infinite}.refresh-cache-button[data-v-822fa9f6]{color:#606266;transition:all .3s ease;padding:4px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.refresh-cache-button[data-v-822fa9f6]:hover{color:#409eff;background-color:#409eff1a;border-radius:4px;transform:scale(1.1)}.refresh-cache-button[data-v-822fa9f6]:loading{color:#409eff}@keyframes pulse-822fa9f6{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.el-dropdown-menu[data-v-822fa9f6]{min-width:360px;max-width:450px;max-height:500px;overflow-y:auto;box-shadow:0 6px 20px #00000026;border-radius:8px;border:1px solid #ebeef5;background-color:#fff;padding:0}.el-dropdown-menu[data-v-822fa9f6]::-webkit-scrollbar{width:6px}.el-dropdown-menu[data-v-822fa9f6]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.el-dropdown-menu[data-v-822fa9f6]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;transition:all .2s ease}.el-dropdown-menu[data-v-822fa9f6]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-header-item[data-v-822fa9f6]{padding:0;margin:0}.notification-header[data-v-822fa9f6]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;background-color:#f8f9fa;border-bottom:1px solid #ebeef5;border-radius:8px 8px 0 0}.header-left[data-v-822fa9f6]{display:flex;align-items:center;gap:10px}.header-actions[data-v-822fa9f6]{display:flex;align-items:center;gap:8px}.header-title[data-v-822fa9f6]{font-size:14px;font-weight:600;color:#303133}.filter-button[data-v-822fa9f6]{font-size:12px;color:#409eff;font-weight:500;background-color:#409eff1a;padding:2px 10px;border-radius:12px;border:1px solid rgba(64,158,255,.2);transition:all .2s ease;cursor:pointer}.filter-button[data-v-822fa9f6]:hover{background-color:#409eff33;border-color:#409eff66;color:#409eff}.filter-button.active[data-v-822fa9f6]{background-color:#409eff;color:#fff;border-color:#409eff;font-weight:600}.no-notifications[data-v-822fa9f6]{padding:40px 20px;text-align:center;background-color:#fafafa}.notification-item[data-v-822fa9f6]{padding:0;margin:0;border-bottom:1px solid #f0f0f0;transition:all .25s ease;position:relative;overflow:hidden}.notification-item[data-v-822fa9f6]:last-child{border-bottom:none}.notification-item[data-v-822fa9f6]:hover{background-color:#f9fafc;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.notification-item.unread[data-v-822fa9f6]{background-color:#ecf5ff;border-left:4px solid #409EFF}.notification-item.unread[data-v-822fa9f6]:before{content:"";position:absolute;left:8px;top:16px;width:8px;height:8px;background-color:#409eff;border-radius:50%;box-shadow:0 0 0 2px #409eff33;animation:pulse-dot-822fa9f6 2s infinite}@keyframes pulse-dot-822fa9f6{0%{box-shadow:0 0 0 2px #409eff33}50%{box-shadow:0 0 0 4px #409eff1a}to{box-shadow:0 0 0 2px #409eff33}}.notification-content[data-v-822fa9f6]{padding:14px 20px 14px 24px;cursor:pointer;transition:all .2s ease;position:relative}.notification-item.unread .notification-content[data-v-822fa9f6]{padding-left:32px}.notification-title[data-v-822fa9f6]{font-weight:700;margin-bottom:8px;font-size:13px;color:#303133;line-height:1.4;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:all .2s ease}.notification-item.unread .notification-title[data-v-822fa9f6]{color:#409eff;font-weight:700}.title-text[data-v-822fa9f6]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.notification-item:hover .title-text[data-v-822fa9f6]{color:#409eff}.notification-badges[data-v-822fa9f6]{display:flex;align-items:center;gap:8px}.pinned-badge[data-v-822fa9f6]{font-size:11px;padding:3px 8px;border-radius:12px;font-weight:500;background-color:#f0f9eb;color:#67c23a;border:1px solid #c2e7b0;transition:all .2s ease;animation:bounce-822fa9f6 2s infinite}@keyframes bounce-822fa9f6{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(-1px)}}.priority-badge[data-v-822fa9f6]{font-size:11px;padding:3px 8px;border-radius:12px;font-weight:500;transition:all .2s ease}.priority-high[data-v-822fa9f6]{background-color:#fef0f0;color:#f56c6c;border:1px solid #fbc4c4;animation:pulse-priority-822fa9f6 1.5s infinite}@keyframes pulse-priority-822fa9f6{0%{box-shadow:0 0 #f56c6c66}70%{box-shadow:0 0 0 4px #f56c6c00}to{box-shadow:0 0 #f56c6c00}}.priority-medium[data-v-822fa9f6]{background-color:#fdf6ec;color:#e6a23c;border:1px solid #fde293}.priority-normal[data-v-822fa9f6]{background-color:#ecf5ff;color:#409eff;border:1px solid #adc6f1}.notification-message[data-v-822fa9f6]{font-size:12px;color:#606266;margin-bottom:10px;line-height:1.4;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-height:80px;overflow-y:auto;padding-right:4px;transition:all .2s ease}.notification-item.unread .notification-message[data-v-822fa9f6],.notification-item:hover .notification-message[data-v-822fa9f6]{color:#404246}.notification-message[data-v-822fa9f6]::-webkit-scrollbar{width:4px}.notification-message[data-v-822fa9f6]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.notification-message[data-v-822fa9f6]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px;transition:all .2s ease}.notification-message[data-v-822fa9f6]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-meta[data-v-822fa9f6]{font-size:11px;color:#909399;display:flex;justify-content:flex-end;transition:all .2s ease}.notification-time[data-v-822fa9f6]{flex:1;text-align:right;transition:all .2s ease}.notification-item.unread .notification-time[data-v-822fa9f6]{color:#409eff;font-weight:400}.notification-item:hover .notification-time[data-v-822fa9f6]{color:#409eff}.notification-footer-item[data-v-822fa9f6]{padding:0;margin:0}.view-all-button[data-v-822fa9f6]{width:100%;border-radius:0 0 8px 8px;padding:12px;background-color:#f8f9fa;border-top:1px solid #ebeef5;transition:all .2s ease;font-size:13px;color:#409eff}.view-all-button[data-v-822fa9f6]:hover{background-color:#ecf5ff;color:#409eff;font-weight:500}@media(max-width:768px){.el-dropdown-menu[data-v-822fa9f6]{min-width:280px;max-width:320px}.notification-content[data-v-822fa9f6]{padding:12px 16px 12px 20px}.notification-item.unread .notification-content[data-v-822fa9f6]{padding-left:28px}}.main-header[data-v-2025af45]{height:60px;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 1px 3px #0000001a}.header-left[data-v-2025af45]{display:flex;align-items:center;gap:12px}.header-title[data-v-2025af45]{font-size:18px;font-weight:500;color:#0f172a}.sidebar-toggle-btn[data-v-2025af45]{padding:8px 12px;border-radius:4px;font-size:14px;color:#374151;display:flex;align-items:center;gap:4px}.sidebar-toggle-btn[data-v-2025af45]:hover{background-color:#f3f4f6;color:#3b82f6}.header-actions[data-v-2025af45]{display:flex;align-items:center;gap:16px}.el-dropdown-link[data-v-2025af45]{cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.el-dropdown-link[data-v-2025af45]:hover{color:#3b82f6}.el-icon--right[data-v-2025af45]{font-size:12px}.notification-icon-container[data-v-2025af45]{display:flex;align-items:center}.dialog-footer[data-v-ad55ddb4]{display:flex;justify-content:flex-end;gap:8px}