.mcpManagerModal {
  .mcpKeyList {
    .ant-list-item {
      border-radius: 8px;
      margin-bottom: 8px;
      border: 1px solid #f0f0f0;
      transition: all 0.3s ease;

      &:hover {
        border-color: #625BF2;
        box-shadow: 0 2px 8px rgba(98, 91, 242, 0.1);
      }

      .ant-list-item-meta {
        .ant-list-item-meta-avatar {
          .ant-avatar {
            background: linear-gradient(90deg, #625BF2 0%, #925BF2 100%);
          }
        }

        .ant-list-item-meta-content {
          .ant-list-item-meta-title {
            font-weight: 500;
            margin-bottom: 4px;
          }

          .ant-list-item-meta-description {
            .keyDisplay {
              font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
              background: #f5f5f5;
              padding: 4px 8px;
              border-radius: 4px;
              border: 1px solid #e8e8e8;
              font-size: 12px;
              color: #666;
              word-break: break-all;
            }

            .keyInfo {
              margin-top: 8px;
              font-size: 12px;
              color: #999;

              .infoItem {
                display: flex;
                align-items: center;
                margin-bottom: 2px;

                .label {
                  margin-right: 8px;
                  min-width: 60px;
                }
              }
            }
          }
        }
      }

      .ant-list-item-actions {
        .ant-btn-link {
          color: #625BF2;
          
          &:hover {
            color: #925BF2;
          }

          &.ant-btn-dangerous {
            color: #ff4d4f;
            
            &:hover {
              color: #ff7875;
            }
          }
        }
      }
    }
  }

  .createButton {
    background: linear-gradient(90deg, #625BF2 0%, #925BF2 100%);
    border: none;
    border-radius: 6px;
    height: 40px;
    font-weight: 500;
    
    &:hover {
      background: linear-gradient(90deg, #5a54e8 0%, #8a54e8 100%);
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(98, 91, 242, 0.3);
    }
  }

  .emptyState {
    text-align: center;
    padding: 40px 20px;
    color: #999;

    .emptyIcon {
      font-size: 48px;
      color: #d9d9d9;
      margin-bottom: 16px;
    }

    .emptyText {
      font-size: 14px;
      margin-bottom: 8px;
    }

    .emptyDesc {
      font-size: 12px;
      color: #ccc;
    }
  }
} 