.notification-list .empty-container[data-v-844dfcb0],.notification-list .loading-container[data-v-844dfcb0]{padding:60px 20px;text-align:center;color:#909399}.notification-list .empty-container i[data-v-844dfcb0],.notification-list .loading-container i[data-v-844dfcb0]{font-size:48px;margin-bottom:16px;opacity:.5}.notification-list .empty-container .empty-text[data-v-844dfcb0],.notification-list .empty-container span[data-v-844dfcb0],.notification-list .loading-container .empty-text[data-v-844dfcb0],.notification-list .loading-container span[data-v-844dfcb0]{font-size:14px;display:block}.notification-list .list-container .notification-item[data-v-844dfcb0]{display:flex;align-items:flex-start;padding:16px;border-bottom:1px solid #ebeef5;cursor:pointer;transition:all .3s ease}.notification-list .list-container .notification-item[data-v-844dfcb0]:hover{background:#f5f7fa}.notification-list .list-container .notification-item.unread[data-v-844dfcb0]{background:#ecf5ff}.notification-list .list-container .notification-item.unread[data-v-844dfcb0]:hover{background:#d9ecff}.notification-list .list-container .notification-item[data-v-844dfcb0]:last-child{border-bottom:none}.notification-list .list-container .notification-item .item-left[data-v-844dfcb0]{display:flex;align-items:flex-start;gap:12px;margin-right:16px}.notification-list .list-container .notification-item .item-left .notification-dot[data-v-844dfcb0]{width:8px;height:8px;border-radius:50%;background:#409eff;margin-top:8px;flex-shrink:0}.notification-list .list-container .notification-item .item-left .notification-icon[data-v-844dfcb0]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-list .list-container .notification-item .item-left .notification-icon i[data-v-844dfcb0]{font-size:20px}.notification-list .list-container .notification-item .item-left .notification-icon.type-approved[data-v-844dfcb0]{background:#f0f9ff;color:#16a34a}.notification-list .list-container .notification-item .item-left .notification-icon.type-rejected[data-v-844dfcb0]{background:#fef2f2;color:#dc2626}.notification-list .list-container .notification-item .item-left .notification-icon.type-other[data-v-844dfcb0]{background:#f5f5f5;color:#909399}.notification-list .list-container .notification-item .item-content[data-v-844dfcb0]{flex:1;min-width:0}.notification-list .list-container .notification-item .item-content .notification-title[data-v-844dfcb0]{font-size:15px;font-weight:500;color:#303133;margin-bottom:8px;line-height:1.4}.notification-list .list-container .notification-item .item-content .notification-content[data-v-844dfcb0]{font-size:14px;color:#606266;margin-bottom:8px;line-height:1.5}.notification-list .list-container .notification-item .item-content .notification-meta[data-v-844dfcb0]{display:flex;gap:16px;font-size:12px;color:#909399}.notification-list .list-container .notification-item .item-content .notification-meta .ticket-number[data-v-844dfcb0]{color:#409eff}.notification-list .list-container .notification-item .item-actions[data-v-844dfcb0]{display:flex;align-items:center;margin-left:16px}.notification-list .list-container .notification-item .item-actions i[data-v-844dfcb0]{font-size:16px;color:#c0c4cc;transition:all .3s ease}.notification-list .list-container .notification-item:hover .item-actions i[data-v-844dfcb0]{color:#409eff;transform:translateX(4px)}.notification-center[data-v-450ce9fe]{padding:20px}.notification-center .page-header[data-v-450ce9fe]{margin-bottom:24px}.notification-center .page-header .page-title[data-v-450ce9fe]{font-size:18px;font-weight:600;color:#303133;margin:0 0 8px 0}.notification-center .page-header .page-description[data-v-450ce9fe]{font-size:14px;color:#909399;margin:0}.notification-center .content-area[data-v-450ce9fe]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.notification-center .notification-tabs[data-v-450ce9fe] :deep(.el-tabs__item){font-size:15px;font-weight:500;position:relative}.notification-center .notification-tabs .tab-label[data-v-450ce9fe]{display:inline-block;position:relative}.notification-center .notification-tabs .tab-label .tab-badge[data-v-450ce9fe]{position:absolute;top:-12px;right:-20px}.notification-center .notification-tabs .tab-label .tab-badge[data-v-450ce9fe] :deep(.el-badge__content){background-color:#f56c6c;border:none;font-size:11px;height:18px;line-height:18px;padding:0 6px;border-radius:4px;position:static;transform:none}.notification-center .tab-content[data-v-450ce9fe]{min-height:400px}.notification-center .tab-content .tab-header[data-v-450ce9fe]{display:flex;justify-content:flex-end;margin-bottom:16px}.notification-center .pagination-container[data-v-450ce9fe]{display:flex;justify-content:center;margin-top:24px}