.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .2s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s ease-out}.logout-option:hover{border-color:#1890ff;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.cancel-button:hover{background-color:#e6e6e6}.logout-modal .ant-modal-content{border-radius:12px}.logout-modal .ant-modal-close{top:16px;right:16px}.logout-modal .ant-modal-close-x{width:32px;height:32px;line-height:32px}.notification-dropdown{width:380px;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 6px 16px #00000014;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.notification-icon{font-size:20px;padding:8px;cursor:pointer;transition:all .3s ease}.notification-icon:hover{background:#f5f5f5;border-radius:50%}.notification-badge{cursor:pointer}.notification-badge .ant-badge-count{box-shadow:0 0 0 1px #fff}.notification-dropdown .ant-tabs{padding:0 8px}.notification-dropdown .ant-tabs-nav{margin-bottom:0!important;padding:0 12px}.notification-dropdown .ant-tabs-tab{padding:12px 16px;transition:all .3s ease}.notification-dropdown .ant-tabs-tab-active{background:#f0f7ff;border-radius:8px 8px 0 0}.notification-dropdown .ant-tabs-content{max-height:460px;overflow-y:auto;padding:8px 0}.notification-dropdown .ant-tabs-content::-webkit-scrollbar{width:6px}.notification-dropdown .ant-tabs-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notification-dropdown .ant-tabs-content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.notification-dropdown .ant-tabs-content::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.notification-item{padding:12px 16px;margin:4px 8px;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.notification-item:hover{background-color:#f5f5f5;border-color:#e6e6e6}.notification-item .ant-list-item-meta{align-items:center;margin-bottom:0}.notification-item .ant-list-item-meta-avatar{margin-right:16px}.notification-item .ant-list-item-meta-title{font-size:14px;font-weight:500;margin-bottom:4px;color:#262626}.notification-item .ant-list-item-meta-description{font-size:13px;color:#595959;line-height:1.5}.notification-item .ant-list-item-meta-description small{color:#8c8c8c;display:block;margin-top:4px;font-size:12px}.notification-item .ant-list-item-action{margin-left:48px}.notification-item .ant-list-item-action>li{padding:0 8px}.notification-item .ant-btn-text{padding:4px 8px;border-radius:4px}.notification-item .ant-btn-text:hover{background:#e6f4ff;color:#1890ff}.notification-header .ant-btn-link{padding:4px 8px;font-size:13px;height:auto;color:#1890ff}.notification-header .ant-btn-link:hover{color:#40a9ff;background:#e6f4ff;border-radius:4px}.notification-item{animation:fadeIn .3s ease}.notification-item.unread{background-color:#f0f7ff}.notification-item.unread:hover{background-color:#e6f4ff}.alert-dropdown{width:380px;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 6px 16px #00000014;overflow:hidden}.alert-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.alert-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.alert-icon{font-size:20px;padding:8px;cursor:pointer;transition:all .3s ease}.alert-icon:hover{background:#f5f5f5;border-radius:50%}.alert-badge{cursor:pointer}.alert-badge .ant-badge-count{box-shadow:0 0 0 1px #fff}.alert-dropdown .ant-tabs{padding:0 8px}.alert-dropdown .ant-tabs-nav{margin-bottom:0!important;padding:0 12px}.alert-dropdown .ant-tabs-tab{padding:12px 16px;transition:all .3s ease}.alert-dropdown .ant-tabs-tab-active{background:#f0f7ff;border-radius:8px 8px 0 0}.alert-dropdown .ant-tabs-content{max-height:460px;overflow-y:auto;padding:8px 0}.alert-dropdown .ant-tabs-content::-webkit-scrollbar{width:6px}.alert-dropdown .ant-tabs-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.alert-dropdown .ant-tabs-content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.alert-dropdown .ant-tabs-content::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.alert-item{padding:12px 16px;margin:4px 8px;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.alert-item:hover{background-color:#f5f5f5;border-color:#e6e6e6}.alert-item .ant-list-item-meta{align-items:center;margin-bottom:0}.alert-item .ant-list-item-meta-avatar{margin-right:16px}.alert-item .ant-list-item-meta-title{font-size:14px;font-weight:500;margin-bottom:4px;color:#262626}.alert-item .ant-list-item-meta-description{font-size:13px;color:#595959;line-height:1.5}.alert-item .ant-list-item-meta-description small{color:#8c8c8c;display:block;margin-top:4px;font-size:12px}.alert-item .ant-list-item-action{margin-left:48px}.alert-item .ant-list-item-action>li{padding:0 8px}.alert-item .ant-btn-text{padding:4px 8px;border-radius:4px}.alert-item .ant-btn-text:hover{background:#e6f4ff;color:#1890ff}.ant-empty{padding:24px 0}.ant-empty-description{color:#8c8c8c}.alert-header .ant-btn-link{padding:4px 8px;font-size:13px;height:auto;color:#1890ff}.alert-header .ant-btn-link:hover{color:#40a9ff;background:#e6f4ff;border-radius:4px}.ant-tabs-tab .ant-badge{margin-left:8px}.ant-tabs-tab .ant-badge-count{font-size:11px;min-width:20px;height:20px;line-height:20px;padding:0 6px;border-radius:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-item{animation:fadeIn .3s ease}.alert-item.unread{background-color:#f0f7ff}.alert-item.unread:hover{background-color:#e6f4ff}.ant-spin{max-height:none}.ant-spin-container{padding:8px 0}